/* CASKO universal header identity. Keep this stylesheet last. */
header a.casko-logo,
header.site-header a.casko-logo,
#mypage-header a.casko-logo,
.public-profile-header a.casko-logo{
 display:inline-flex!important;align-items:center!important;gap:11px!important;
 flex-shrink:0!important;color:#fff6e9!important;text-decoration:none!important;
 font-family:Arial,'Malgun Gothic',sans-serif!important;font-size:initial!important;
 font-weight:normal!important;letter-spacing:normal!important;line-height:1!important;
 margin:0!important;padding:0!important;border:0!important;transform:none!important;
}
.casko-logo .casko-logo-mark{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid #b89060;border-radius:10px;color:#d5ac76;font:24px/1 Arial,sans-serif;flex-shrink:0}
.casko-logo .casko-logo-word{display:block;font:normal 29px/1 Georgia,serif;letter-spacing:2px;color:#fff6e9}
.casko-logo .casko-logo-word small{display:block;margin-top:6px;font:normal 9px/1.2 Arial,sans-serif;letter-spacing:2px;color:#dfc2a3}
header a.casko-logo:hover .casko-logo-word{color:#f3d0a0}
@media(max-width:768px){.casko-logo .casko-logo-word{font-size:24px}.casko-logo .casko-logo-mark{width:34px;height:34px}}

/* Unified header surface, alignment and spacing across all pages */
body > header,
body > header.site-header,
body > header.public-profile-header,
body > header#mypage-header {
 box-sizing:border-box!important;
 width:100%!important;
 min-height:86px!important;
 padding:20px max(20px,calc((100vw - 1120px)/2))!important;
 display:flex!important;
 align-items:center!important;
 justify-content:space-between!important;
 gap:20px!important;
 flex-wrap:wrap!important;
 background:linear-gradient(110deg,#29180f,#4b2a19 75%,#2c1a11)!important;
 border-bottom:1px solid #6d4730!important;
}
body > header .casko-logo,
body > header.site-header .casko-logo,
body > header.public-profile-header .casko-logo,
body > header#mypage-header .casko-logo{color:#fff6e9!important}
body > header .casko-logo-word,
body > header .casko-logo-word small,
body > header .casko-logo-mark{color:inherit}
body > header .casko-logo-word{color:#fff6e9!important}
body > header .casko-logo-word small{color:#dfc2a3!important}
body > header .casko-logo-mark{color:#d5ac76!important}
body > header nav{display:flex;align-items:center;flex-wrap:wrap;gap:16px 20px;margin:0 0 0 auto}
body > header nav a{margin-left:0!important}
@media(max-width:768px){
 body > header,body > header.site-header,body > header.public-profile-header,body > header#mypage-header{
  min-height:0!important;padding:18px!important;display:flex!important;align-items:flex-start!important;gap:14px!important
 }
 body > header nav{width:100%;margin:0!important;gap:10px 14px!important}
}