/* OPIA glass surfaces: visible backdrop continuity; solid foreground content. */
:root{--glass-light:linear-gradient(135deg,rgba(255,255,255,.5),rgba(255,255,255,.23) 75%);--glass-edge:rgba(255,255,255,.82);--glass-shadow:0 22px 64px rgba(42,66,72,.13),inset 0 1px 0 rgba(255,255,255,.92),inset 0 -1px 0 rgba(255,255,255,.25);--glass-blur:blur(20px) saturate(1.2)}
.route-content,.care-discovery{position:relative;background:#dfe6e3 url('../assets/v47/optical-field.svg') center/cover no-repeat;color:#172629}
.route-content{padding:7rem 0}.route-grid{gap:2rem;align-items:start}
section[id],.route-panel[id]{scroll-margin-top:96px}
/* Reserve the complete 3px outline + 4px offset, including browser focus scroll. */
html{scroll-padding-block:96px 16px}
:where(a,button,[tabindex]){scroll-margin-block:12px}
.route-panel,.care-glass{background:var(--glass-light);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);color:#172629;opacity:1}
.route-panel{position:relative;border-radius:30px;padding:clamp(1.6rem,4vw,4rem);min-height:520px}
.route-panel h2{letter-spacing:-.05em;line-height:1.02;overflow-wrap:anywhere}
.route-panel p,.route-panel li{color:#23393c;line-height:1.65}
.route-panel ul{list-style:none}.route-panel li::before{color:#913e30}
.route-tabs{border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.21);border-radius:24px;padding:.5rem;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 10px 36px rgba(42,66,72,.08)}
.route-tab{padding:1.2rem 1.1rem;border-bottom:1px solid rgba(35,57,60,.14);border-radius:16px;color:#23393c;min-height:52px}
.route-tab:last-child{border-bottom:0}.route-tab[aria-selected=true]{color:#81382d;background:rgba(255,255,255,.55);padding-left:1.1rem;box-shadow:0 5px 16px rgba(42,66,72,.08),inset 0 1px 0 white}
.route-tab:hover{background:rgba(255,255,255,.38)}.route-tab[aria-selected=true]:hover{background:rgba(255,255,255,.65)}
.route-content :focus-visible,.care-discovery :focus-visible{outline:3px solid #81382d;outline-offset:4px}
.route-content .section-kicker,.care-discovery .section-kicker,.care-glass span{color:#81382d}
.care-discovery{background-position:72% 70%}.care-grid{gap:3rem}.care-glass{border-radius:30px}.care-glass p,.care-grid>div>p:not(.section-kicker){color:#23393c}
.route-content .pill,.care-discovery .pill{background:#dd6956;color:#172629;border:1px solid rgba(255,255,255,.65);box-shadow:0 6px 20px rgba(116,52,37,.12)}
.site-head.scrolled{background:rgba(17,28,31,.72);border-bottom:1px solid rgba(255,255,255,.28);backdrop-filter:blur(20px) saturate(1.15);-webkit-backdrop-filter:blur(20px) saturate(1.15)}
.home-page .site-head,.home-page .site-head.scrolled{background:rgba(244,243,239,.72);border-bottom:1px solid rgba(255,255,255,.85);backdrop-filter:blur(20px) saturate(1.15);-webkit-backdrop-filter:blur(20px) saturate(1.15)}
.site-head.scrolled .nav a:hover,.site-head.scrolled .nav a:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:5px}.home-page .site-head .nav a:hover,.home-page .site-head .nav a:focus-visible{color:#552419}
.curated-card{opacity:1;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.43);box-shadow:0 16px 46px rgba(0,0,0,.2)}
.curated-card:not(.is-active) img{filter:saturate(.8) brightness(.8)}.curated-card figcaption{background:rgba(15,27,31,.68);border:1px solid rgba(255,255,255,.64);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);box-shadow:inset 0 1px rgba(255,255,255,.26),0 8px 20px rgba(0,0,0,.12);color:#fff;opacity:1}
.curated-card.is-active figcaption{background:rgba(15,27,31,.76)}.curated-card figcaption span{color:#f4f3ef}
.gallery-controls button{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.gallery-controls button:hover{background:rgba(255,255,255,.25)}
@media(max-width:800px){.route-content{padding:4rem 0}.route-grid{gap:1.5rem}.route-panel{min-height:0;padding:1.5rem;border-radius:24px}.route-content{background-position:62% center}.route-tabs{padding:.4rem}.route-tab{padding:1rem}.route-tab[aria-selected=true]{padding-left:1rem}.care-grid{gap:2rem}.care-glass{padding:2rem}.home-page .nav{background:rgba(244,243,239,.91);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}}
/* Explicit fallback class also permits deterministic QA of unsupported browsers. */
.no-backdrop .route-panel,.no-backdrop .route-tabs,.no-backdrop .care-glass{background:#eef2ed;backdrop-filter:none;-webkit-backdrop-filter:none}
.no-backdrop .curated-card figcaption{background:#14272c;backdrop-filter:none;-webkit-backdrop-filter:none}
.no-backdrop .site-head.scrolled{background:#17292e}.no-backdrop .home-page .site-head,.no-backdrop .home-page .site-head.scrolled{background:#f4f3ef}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.route-panel,.route-tabs,.care-glass{background:#eef2ed}.curated-card figcaption{background:#14272c}.site-head.scrolled{background:#17292e}.home-page .site-head,.home-page .site-head.scrolled{background:#f4f3ef}}
@media(prefers-reduced-motion:reduce){.route-panel,.care-glass,.route-tabs,.curated-card figcaption{transition:none}}