/* Bo, site-wide (one rule for all pages): mini help button in the header beside the logo on every page, always visible;
   phones get one hamburger. CUTOFF: the width at/below which Sign in + language move into the hamburger is set in ONE
   rule below (search "CUTOFF"); chosen from tests/header_fit.py. */
.top-row{grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"logo help nav tools";gap:0 14px}
.top-row .logo{grid-area:logo}.top-row .tools{grid-area:tools}.top-row .mainnav{grid-area:nav}
.hdr-help{grid-area:help;justify-self:start;display:inline-flex;align-items:center;gap:6px;height:44px;min-width:44px;padding:0 12px 0 4px;border:1.5px solid var(--line2);border-radius:99px;background:#fff;color:var(--ink);font:700 .88rem/1 system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.hdr-help img{width:36px;height:36px;border-radius:50%;background:#FFF4EE;object-fit:cover}
.hdr-help:hover{border-color:var(--ink)}
.hdr-help:focus-visible,.burger summary:focus-visible{outline:3px solid #B23A22;outline-offset:2px}
.burger{grid-area:burger;display:none;position:relative}
.burger summary{list-style:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1.5px solid var(--line2);border-radius:12px;background:#fff;cursor:pointer;color:var(--ink)}
.burger summary::-webkit-details-marker{display:none}
.burger[open] summary{border-color:var(--ink)}
.burger-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:30;width:min(300px,calc(100vw - 24px));max-height:calc(100vh - 90px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh2);padding:8px}
.burger-panel nav a,.burger-langs a{display:block;padding:11px 12px;border-radius:10px;text-decoration:none;color:var(--ink);font-weight:700}
.burger-panel nav a[aria-current],.burger-langs a[aria-current]{background:var(--sun-bg)}
.burger-extra{display:none;border-top:1px solid var(--line);margin-top:6px;padding-top:8px}
.burger-extra .btn{width:100%;justify-content:center}
.burger-langs{list-style:none;margin:6px 0 0;padding:0}
.burger-langs a{font-weight:500}
@media (max-width:1100px){
 .top-row{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"logo help tools" "nav nav nav"}
}
@media (max-width:599px){
 .top-row{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"logo help tools burger";gap:0 8px;padding-bottom:10px}
 .top-row .mainnav{display:none}
 .burger{display:block}
}
@media (max-width:400px){.hh-chip{display:none}.hdr-help{padding:0 3px}}
/* CUTOFF: 479px (header_fit: forced Sign in+language overflow up to 460-479px in some languages, fit at 480+ in all 10) */
@media (max-width:479px){
 .top-row .tools .lang,.top-row .tools .btn-signin{display:none}
 .burger-extra{display:block}
}
/* help chat (modal dialog) */
.dh-back{position:fixed;inset:0;z-index:50;background:rgba(43,33,28,.35)}
.dh{position:fixed;z-index:51;right:16px;bottom:16px;width:min(400px,calc(100vw - 32px));max-height:min(620px,calc(100vh - 32px));display:flex;flex-direction:column;background:#fff;color:#2b211c;border-radius:20px;box-shadow:0 18px 50px rgba(43,33,28,.3);font:1rem/1.45 system-ui,sans-serif;overflow:hidden}
.dh-top{display:flex;align-items:center;gap:.6em;padding:.8em 1em;background:#FFF4EE;border-bottom:1px solid #f0dcd2}
.dh-top img{width:40px;height:50px;object-fit:contain}
.dh-top h2{font:800 1.1rem/1.2 "Poppins",system-ui,sans-serif;margin:0;flex:1}
.dh-x{border:0;background:transparent;font-size:1.6rem;line-height:1;width:44px;height:44px;border-radius:50%;cursor:pointer;color:#2b211c}
.dh-x:focus-visible,.dh-f button:focus-visible,.dh-f input:focus-visible,.dh a:focus-visible,.dh-chips button:focus-visible{outline:3px solid #B23A22;outline-offset:2px}
.dh-log{flex:1;overflow:auto;padding:1em;display:flex;flex-direction:column;gap:.6em}
.dh-m{max-width:88%;padding:.6em .85em;border-radius:16px;white-space:pre-line;overflow-wrap:anywhere}
.dh-bot{background:#F6F1EB;align-self:flex-start;border-bottom-left-radius:4px}
.dh-me{background:#2b211c;color:#fff;align-self:flex-end;border-bottom-right-radius:4px}
.dh-m a{color:#B23A22;font-weight:700}
.dh-chips{display:flex;flex-wrap:wrap;gap:.4em;padding:0 1em .6em}
.dh-chips button{border:1.5px solid #2b211c;background:#fff;border-radius:999px;padding:.35em .8em;font:600 .85rem system-ui,sans-serif;cursor:pointer;min-height:36px}
.dh-f{display:flex;gap:.5em;padding:.8em 1em;border-top:1px solid #eee}
.dh-f input{flex:1;min-width:0;font:inherit;padding:.6em .8em;border:1.5px solid #8a7d75;border-radius:12px}
.dh-f button{font:700 1rem system-ui,sans-serif;border:0;background:#B23A22;color:#fff;border-radius:12px;padding:0 1.1em;min-height:44px;cursor:pointer}
.dh-note{font-size:.8rem;color:#5b4f48;padding:0 1em .8em;margin:0}
@media (max-width:599px){.dh{right:0;left:0;bottom:0;width:100%;border-radius:20px 20px 0 0;max-height:85vh}}
/* v3 shared chrome (public-v3): pill nav + small dark CTA, all pages */
.mainnav .nav-row{gap:6px}
.mainnav .nav-row a{border:1.5px solid var(--ink);border-radius:999px;padding:6px 13px;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ink);text-decoration:none;white-space:nowrap}
.mainnav .nav-row a[aria-current],.mainnav .nav-row a:hover{background:var(--ink);color:#fff}
.top .btn-sub{background:#141210;color:#fff;border-radius:999px;min-height:40px;padding:0 16px;font-size:.85rem}
.top .btn-sub:hover{background:#5A2BD6;color:#fff}