.header-contact,.contact-dock{display:none}
@media(max-width:960px){
  .header-inner{gap:12px}
  .header-contact{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;min-height:44px;padding:9px 14px;background:var(--navy);border:1px solid var(--navy);color:var(--white);font-size:13px;font-weight:600;white-space:nowrap}
  .header-contact:hover{background:#aa171e;color:#fff}
}
@media(max-width:760px){
  body{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
  .header-inner{gap:10px}
  .header-contact{padding:9px 11px;font-size:12px}
  .mobile-menu>summary{width:44px;justify-content:center;padding:6px}
  .mobile-menu>summary>span:first-child{display:none}
  .contact-dock{display:block;position:fixed;inset:auto 0 0;z-index:9;border-top:1px solid #e9d4c4;background:var(--white);box-shadow:0 -6px 24px #8d181b0d;padding:13px 0 calc(13px + env(safe-area-inset-bottom,0px))}
  .contact-dock-inner{display:flex;align-items:center;justify-content:space-between;gap:14px}
  .contact-dock-info{display:flex;align-items:center;gap:10px;min-width:0;line-height:1.6}
  .contact-dock-info>svg{flex:none;width:23px;height:23px;color:var(--gold)}
  .contact-dock-info>div{min-width:0}
  .contact-dock-info strong{display:block;font-size:14px;font-weight:600;color:var(--navy)}
  .contact-dock-info span{display:block;font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .contact-dock-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:11px 16px;background:var(--navy);color:var(--white);font-size:14px;font-weight:600;white-space:nowrap;flex:none}
  .contact-dock-action>span{font-size:19px;line-height:1}
  .contact-dock-action:hover{background:#aa171e;color:#fff}
  .contact-band h2{font-size:31px}
  .contact-band .button{width:100%;background:#ffdf9c;color:var(--navy);border-color:#ffdf9c;font-size:16px;font-weight:600;min-height:54px}
  .contact-band .button:hover{background:#ffe8b7;color:var(--navy)}
  #office-address{scroll-margin-top:100px}
}
@media(max-width:420px){
  .site-header .brand-name small{display:none}
  .site-header .brand{gap:8px}
  .site-header .brand-seal{width:32px;height:38px;font-size:23px}
  .site-header .brand-name{font-size:21px}
  .site-header .brand-name>span{font-size:12px}
  .header-inner{gap:8px}
  .contact-dock-info{gap:7px}
  .contact-dock-action{padding-inline:12px;font-size:13px;gap:8px}
}
@media print{.header-contact,.contact-dock{display:none!important}body{padding-bottom:0}}