/* R3.7: approved H1 header. Repeated ID overrides prior :has() route rules. Exact Canva font identity remains unverified. */
@font-face{font-family:'Gan CLM';src:url('/assets/fonts/gan/GanCLM-Bold.otf') format('opentype');font-style:normal;font-weight:700;font-display:swap}
#site-header#site-header{width:100%;max-width:none;box-sizing:border-box;padding:18px max(24px,calc((100vw - 1200px)/2));gap:20px;min-height:116px;background:#fcf6ec;border-bottom:1px solid #d8c9b7;box-shadow:0 3px 0 #bf3d030d;isolation:isolate}
#site-header#site-header .brand{gap:16px;min-width:0}
#site-header#site-header .brand img{width:78px;height:78px;flex-shrink:0}
#site-header#site-header .brand>.blue-name{font-family:'Gan CLM',Rubik,Heebo,sans-serif;font-size:32px;font-weight:700;font-synthesis:none;line-height:1.22;letter-spacing:0;color:#bf3d03;background:transparent;border:0;padding:0;border-radius:0;box-shadow:none}
#site-header#site-header .brand>.blue-name>span{font:inherit;color:inherit}
#site-header#site-header nav{display:flex;align-items:center;gap:0;margin-inline:auto;background:#f0e7d9;border:1px solid #d8c9b7;border-radius:12px;padding:4px;font-size:16px;font-weight:700}
#site-header#site-header nav>a:not(.button){display:flex;align-items:center;justify-content:center;min-height:46px;padding:8px 13px;border-radius:8px;text-decoration:none;white-space:nowrap;color:#34423d}
#site-header#site-header nav>a:not(.button):hover{background:#fffaf2;color:#a63304}
#site-header#site-header a.mobile-visit{font-weight:700;min-height:56px;border-radius:12px;padding:10px 15px;border-color:#1684a9;box-shadow:0 3px 0 #147b9d26}
#site-header#site-header .theme-control{min-width:44px;width:44px;height:44px;border-radius:50%;background:transparent}
#site-header#site-header .theme-label{display:none}
#site-header#site-header a:focus-visible,#site-header#site-header button:focus-visible{outline:3px solid #176544;outline-offset:4px}
html[data-theme=dark] #site-header#site-header{background:#222727;border-bottom-color:#56625b;box-shadow:none}
/* R3.8: night wordmark is lettering only, without a light panel. */
html[data-theme=dark] #site-header#site-header .brand>.blue-name{color:#bf3d03;background:transparent;border:0;padding:0;border-radius:0;box-shadow:none}
html[data-theme=dark] #site-header#site-header nav{background:#303a35;border-color:#65746b}
html[data-theme=dark] #site-header#site-header nav>a:not(.button){color:#f7f0e5}
html[data-theme=dark] #site-header#site-header nav>a:not(.button):hover{background:#435147;color:#fff4e4}
html[data-theme=dark] #site-header#site-header a:focus-visible,html[data-theme=dark] #site-header#site-header button:focus-visible{outline-color:#a3d9ea}
@media(max-width:1180px){#site-header#site-header{gap:14px;padding-inline:24px}#site-header#site-header .brand{gap:12px}#site-header#site-header .brand img{width:68px;height:68px}#site-header#site-header .brand>.blue-name{font-size:28px}#site-header#site-header nav{font-size:14px}#site-header#site-header nav>a:not(.button){padding-inline:10px}#site-header#site-header a.mobile-visit{font-size:15px;padding:10px}}
@media(max-width:980px){#site-header#site-header nav{display:none}#site-header#site-header a.mobile-visit{margin-inline-start:auto}}
@media(max-width:620px){#site-header#site-header{padding:16px 18px 14px;display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:14px 10px;min-height:0}#site-header#site-header .brand{grid-row:1;grid-column:1;gap:11px}#site-header#site-header .brand img{width:54px;height:54px}#site-header#site-header .brand>.blue-name{font-size:24px;line-height:1.25}#site-header#site-header .theme-control{grid-column:2;grid-row:1}#site-header#site-header a.mobile-visit{grid-column:1/-1;grid-row:2;min-height:46px;margin:0;padding:6px 12px;justify-content:center;font-size:16px}html[data-theme=dark] #site-header#site-header .brand>.blue-name{padding:7px}}
@media(max-width:359px){#site-header#site-header{padding-inline:14px;gap:12px 8px}#site-header#site-header .brand{gap:8px}#site-header#site-header .brand img{width:44px;height:44px}#site-header#site-header .brand>.blue-name{font-size:20px}html[data-theme=dark] #site-header#site-header .brand>.blue-name{padding:5px}}