:root{--ek-header-h:100px}
.ek-header{position:sticky;top:0;height:100px;padding:17px 24px;z-index:60;transition:transform .3s ease}
.ek-header-inner{display:flex;align-items:center;gap:26px;margin:auto;max-width:1456px;min-height:66px;padding:10px 22px;background:rgba(244,240,231,.80);border:1px solid #303b3224;border-radius:999px;backdrop-filter:blur(14px) saturate(1.15);box-shadow:0 4px 25px #303b3205;transition:max-width .3s,padding .3s,box-shadow .3s}
.ek-header .brand{font-size:1.75rem;margin-right:auto;flex:none}.ek-header .brand span{font-size:0.4375rem;margin-top:8px}
.ek-nav{display:flex;align-items:center;gap:26px;font-size:var(--ek-fs-ui);white-space:normal}.ek-nav>a,.ek-explore>summary{display:flex;align-items:center;min-height:44px;position:relative;gap:8px}.ek-nav a[aria-current=page]:after{content:'';position:absolute;left:0;right:0;bottom:5px;height:1px;background:var(--ek-coral)}.ek-nav .ek-explore nav a[aria-current=page]:after{display:none}
.ek-icon{display:grid;place-content:center;width:44px;height:44px;border-radius:50%;padding:11px;flex:none}.ek-icon:hover{background:#303b320c}.ek-icon svg{width:22px;height:22px}.ek-menu{display:none}.ek-menu span{display:block;width:20px;height:1px;background:currentColor;margin:4px 0}.ek-header .button{font-size:var(--ek-fs-ui);min-height:44px;white-space:nowrap;flex:none;padding:10px 20px}.ek-header.is-hidden{transform:translateY(-102%)}
.ek-header.is-pill .ek-header-inner{max-width:760px;min-height:56px;padding:5px 10px 5px 20px;gap:18px;background:rgba(244,240,231,.86);box-shadow:0 8px 24px #303b3210}.ek-header .brand img{width:150px;height:auto;max-height:48px;object-fit:contain}.ek-header.is-pill .brand img{width:112px;max-height:38px}.ek-header.is-pill .ek-nav{gap:18px}
.ek-explore{position:relative}.ek-explore summary{list-style:none}.ek-explore summary>.ek-chevron{width:14px;height:14px;flex:none;transition:transform .2s;margin-top:-2px}.ek-explore[open] summary>.ek-chevron{transform:rotate(180deg)}.ek-explore>nav{position:absolute;top:calc(100% + 12px);left:-24px;width:260px;padding:12px;background:rgba(244,240,231,.97);backdrop-filter:blur(16px);border:1px solid var(--ek-line);border-radius:16px;box-shadow:0 15px 40px #303b3215;display:grid;gap:2px}.ek-explore nav a{padding:14px 12px;border-radius:8px;position:relative}.ek-explore nav a:hover{background:var(--ek-surface-alt)}
.ek-scroll-lock{overflow:hidden}.ek-dialog{border-radius:12px;padding:30px;max-width:720px}.ek-dialog-head{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:25px}.ek-dialog-head h2{margin:0;font-size:var(--ek-fs-h2);}.ek-dialog-head .ek-icon{margin:-8px -8px 0 0}.ek-dialog label{font-size:var(--ek-fs-meta);}.ek-search-input{display:block;width:100%;margin-block:22px;border:0;border-bottom:1px solid var(--ek-ink);background:transparent;padding:12px 0;color:inherit;font:var(--ek-fw-heading) var(--ek-fs-h2)/var(--ek-lh-heading) var(--ek-font-heading);}.ek-search-results{display:grid}.ek-search-results>a{display:flex;flex-direction:column;padding:22px 0;border-top:1px solid var(--ek-line);font:var(--ek-fw-heading) var(--ek-fs-h2)/var(--ek-lh-heading) var(--ek-font-heading);}.ek-search-results small{font:var(--ek-fw-body) var(--ek-fs-small)/var(--ek-lh-compact) var(--ek-font-body);margin-top:12px}.ek-result-type{order:-1;font:var(--ek-fw-body) var(--ek-fs-meta)/var(--ek-lh-compact) var(--ek-font-body);letter-spacing:normal;text-transform:uppercase;margin-bottom:10px;color:var(--ek-muted)}
#ek-menu nav{display:flex;flex-direction:column}#ek-menu nav>a,.mobile-explore>summary{display:block;font:var(--ek-fw-action) var(--ek-fs-ui)/var(--ek-lh-compact) var(--ek-font-heading);padding:20px 0;border-top:1px solid var(--ek-line)}.mobile-explore>summary{display:flex;justify-content:space-between}.mobile-explore>summary:after{content:'+'}.mobile-explore[open]>summary:after{content:'−'}.mobile-explore>div{display:grid;gap:15px;padding:0 0 24px 15px;font-size:var(--ek-fs-small);}.mobile-explore a{padding:10px 0}
#ek-index nav{display:grid}#ek-index nav>a{padding:18px 0;border-top:1px solid var(--ek-line);font-size:var(--ek-fs-ui);}.ek-index-button,.top-button{position:fixed;right:22px;width:44px;height:44px;border-radius:50%;background:rgba(244,240,231,.9);border:1px solid #303b3238;backdrop-filter:blur(10px);box-shadow:0 3px 14px #303b3210;z-index:30}.ek-index-button{bottom:80px}.top-button{bottom:22px;font-size:var(--ek-fs-ui);opacity:0;pointer-events:none;transition:opacity .2s}.top-button.is-visible{opacity:1;pointer-events:auto}.ek-index-button:hover,.top-button:hover{background:var(--ek-surface-alt)}
.ek-spy{display:grid;left:14px}.ek-spy a{outline-offset:3px}.ek-spy a[aria-current] i{background:var(--ek-coral)}.ek-spy a:focus-visible>span{display:flex}.ek-spy a>span{z-index:30}

@media(min-width:1001px){.ek-index-button{display:none}}
@media(max-width:1000px){:root{--ek-header-h:90px}.ek-header{height:90px;padding:14px 18px}.ek-header-inner{gap:10px;padding:9px 12px 9px 20px;min-height:62px}.ek-header .brand{font-size:1.625rem;}.ek-nav{display:none}.ek-menu{display:grid;padding-block:13px}.ek-spy{display:none}.ek-header.is-pill .ek-header-inner{max-width:650px}.ek-header .ek-search-open{margin-left:auto}}
@media(max-width:600px){:root{--ek-header-h:82px}.ek-header{height:82px;padding:10px 12px}.ek-header-inner{gap:2px;min-height:60px;padding:9px 8px 9px 15px}.ek-header .brand{font-size:1.5rem;margin-right:0}.ek-header .brand span{font-size:0.375rem;letter-spacing:normal;}.ek-header .button{font-size:var(--ek-fs-ui);padding:9px 12px;min-height:40px}.ek-icon{width:40px;height:40px;padding:10px}.ek-header.is-pill .ek-header-inner{padding:8px 8px 8px 15px}.ek-header.is-pill .brand{font-size:1.5rem;}.ek-dialog{padding:25px 22px}.ek-dialog-head h2{font-size:var(--ek-fs-h2);}.ek-search-input{font-size:var(--ek-fs-h3);}.top-button,.ek-index-button{right:14px}}
dialog{width:min(720px,calc(100% - 30px));max-height:calc(100dvh - 30px);overflow:auto;border:0;background:var(--ek-paper);color:var(--ek-ink);box-shadow:0 20px 100px #0003}dialog::backdrop{background:#182b2580;backdrop-filter:blur(7px)}.ek-dialog>p{margin-bottom:25px}
/* Compact controls remain distinct from the full header at every breakpoint. */
#ek-search .ek-search-field{position:relative;margin:18px 0 12px}
#ek-search .ek-search-input{display:block;width:100%;border:1px solid var(--ek-line);border-radius:12px;padding:16px 52px 16px 18px;margin:0;background:var(--ek-white);color:inherit;font:var(--ek-fw-body) var(--ek-fs-body)/var(--ek-lh-body) var(--ek-font-body);outline-offset:3px}
#ek-search .ek-search-input:focus-visible{outline:2px solid var(--ek-coral);outline-offset:-2px;border-color:var(--ek-coral)}
#ek-search .ek-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:var(--ek-muted)}
#ek-search .ek-search-clear:hover{background:#303b320f;color:var(--ek-ink)}
#ek-search .ek-search-clear svg{width:18px;height:18px}
#ek-search .ek-search-clear:focus-visible{outline:2px solid var(--ek-coral);outline-offset:2px}
.ek-dialog-head h2{font-size:var(--ek-fs-h2);}
@media(max-width:1000px){.ek-header.is-pill .ek-header-inner{max-width:420px}}@media(max-width:600px){.ek-header .brand img{width:112px;max-height:36px}.ek-header.is-pill .ek-header-inner{max-width:342px;gap:2px;padding:7px 7px 7px 14px}.ek-header.is-pill .brand img{width:104px;max-height:32px}.ek-header.is-pill .ek-icon{width:36px;height:40px;padding:9px}.ek-header.is-pill .button{font-size:var(--ek-fs-ui);padding-inline:11px}}

/* Compact scroll state: graphite surface and white controls. */
.ek-header.is-pill .ek-header-inner{background:rgba(35,39,41,.94);color:#fff;border-color:#ffffff24;box-shadow:0 8px 30px #17202426}
.ek-header.is-pill .brand img{filter:brightness(0) invert(1)}
.ek-header.is-pill .ek-nav a:hover,.ek-header.is-pill .ek-explore>summary:hover{color:#f0b49b}
.ek-header.is-pill .button{color:#fff;border-color:#ffffff80}
.ek-header.is-pill .button:hover,.ek-header.is-pill .ek-icon:hover{background:#ffffff18;color:#fff}
.ek-header.is-pill .ek-explore>nav{background:rgba(35,39,41,.98);color:#fff;border-color:#ffffff24}
.ek-header.is-pill .ek-explore nav a:hover{background:#ffffff15;color:#fff}
/* Home and every photographic hero begin behind their navigation:
   white controls over the photograph, exactly like the Home entry.
   ATO-474 · One shared rule: no page repeats the treatment by URL. */
body.home .ek-header,body.ek-unified:has(main.ek-photo-hero-page) .ek-header{margin-bottom:-100px}
body.home .ek-header:not(.is-pill) .ek-header-inner,body.ek-unified:has(main.ek-photo-hero-page) .ek-header:not(.is-pill) .ek-header-inner{background:transparent;border-color:transparent;color:#fff;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
body.home .ek-header:not(.is-pill) .brand img,body.ek-unified:has(main.ek-photo-hero-page) .ek-header:not(.is-pill) .brand img{filter:brightness(0) invert(1)}
body.home .ek-header:not(.is-pill) .button,body.ek-unified:has(main.ek-photo-hero-page) .ek-header:not(.is-pill) .button{color:#fff;border-color:#ffffff9c}
body.home .ek-header:not(.is-pill) .ek-icon:hover,body.home .ek-header:not(.is-pill) .button:hover,body.ek-unified:has(main.ek-photo-hero-page) .ek-header:not(.is-pill) .ek-icon:hover,body.ek-unified:has(main.ek-photo-hero-page) .ek-header:not(.is-pill) .button:hover{background:#ffffff18;color:#fff}
body.home .ek-header:not(.is-pill) .ek-nav>a:hover,body.home .ek-header:not(.is-pill) .ek-explore>summary:hover,body.ek-unified:has(main.ek-photo-hero-page) .ek-header:not(.is-pill) .ek-nav>a:hover,body.ek-unified:has(main.ek-photo-hero-page) .ek-header:not(.is-pill) .ek-explore>summary:hover{color:#f0b49b}
body.home .ek-header:not(.is-pill) .ek-explore>nav,body.ek-unified:has(main.ek-photo-hero-page) .ek-header:not(.is-pill) .ek-explore>nav{background:rgba(35,39,41,.96);border-color:#ffffff24;color:#fff}
body.home .ek-header:not(.is-pill) .ek-explore>nav a:hover,body.ek-unified:has(main.ek-photo-hero-page) .ek-header:not(.is-pill) .ek-explore>nav a:hover{background:#ffffff18;color:#fff}
@media(max-width:1000px){body.home .ek-header,body.ek-unified:has(main.ek-photo-hero-page) .ek-header{margin-bottom:-90px}}
@media(max-width:600px){body.home .ek-header,body.ek-unified:has(main.ek-photo-hero-page) .ek-header{margin-bottom:-82px}}

/* ATO-477.4 · One search control, one native-free clear button.
   The native cancel control is removed everywhere and replaced by the same
   SVG button, so there is never a double cancel affordance. */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}
.symptom-field{position:relative}
.symptom-field input:focus-visible{outline:2px solid var(--ek-coral);outline-offset:4px}
.symptom-clear{display:grid;place-items:center;width:32px;height:32px;flex:none;margin-right:6px;border-radius:50%;color:var(--ek-muted);visibility:hidden}
.symptom-clear[data-visible]{visibility:visible}
.symptom-clear:hover{background:#303b320f;color:var(--ek-ink)}
.symptom-clear svg{width:18px;height:18px}
.symptom-clear:focus-visible{outline:2px solid var(--ek-coral);outline-offset:2px}
.ek-problem-hub .symptom-clear{color:var(--ek-catalogue-muted)}
.ek-problem-hub .symptom-clear:hover{background:#ffffff18;color:#fff}
/* The mobile header keeps full words and all controls at 320px. */
@media(max-width:360px){
 .ek-header .brand img,.ek-header.is-pill .brand img{width:96px}
 .ek-header .button,.ek-header.is-pill .button{padding-inline:8px}
 .ek-header .ek-header-inner,.ek-header.is-pill .ek-header-inner{padding-left:8px;padding-right:6px;gap:2px}
}