@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#10283a;--ink:#18394a;--muted:#526979;--mint:#008f89;--teal:#057a82;--pale:#eaf8f7;--line:#d7e7e7;--bg:#f7fbfb;--card:#fff;--shadow:0 18px 50px rgba(14,55,75,.09);font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;color:var(--ink);background:var(--bg);font-family:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;overflow-wrap:break-word}body.modal-open{overflow:hidden}a{color:inherit}img{max-width:100%;display:block}button,input{font:inherit}button{cursor:pointer}h1,h2,h3{font-family:Manrope,'DM Sans',system-ui,sans-serif;letter-spacing:-.045em;color:var(--navy)}h1{font-size:clamp(2.15rem,4.45vw,4.8rem);line-height:1.105}h2{font-size:clamp(1.7rem,2.7vw,2.85rem);line-height:1.17}h3{font-size:1.16rem;line-height:1.33}p{line-height:1.75}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #f9a840;outline-offset:4px}.visually-hidden{position:absolute;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}.skip{position:fixed;z-index:3000;left:14px;top:-100px;padding:12px;background:#fff;color:#08394d}.skip:focus{top:14px}.wrapper{max-width:1240px;margin-inline:auto;padding-inline:clamp(19px,3vw,40px)}
.topbar{position:sticky;top:12px;margin:12px auto 0;width:min(1340px,calc(100% - 24px));background:rgba(255,255,255,.96);border:1px solid #d4e6e5;backdrop-filter:blur(24px);border-radius:24px;z-index:90;box-shadow:0 16px 44px rgba(19,79,83,.12)}.topbar-inner{display:flex;align-items:center;gap:22px;padding:12px 17px 12px 19px;min-height:75px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:240px}.brand-logo{background:linear-gradient(145deg,#06b8a9,#086da0);color:#fff;width:44px;height:44px;display:grid;place-items:center;border-radius:15px;font-size:24px;box-shadow:0 6px 18px #028f9535;transform:rotate(-8deg)}.brand span:last-child{display:flex;flex-direction:column}.brand b{font-size:1.04rem;letter-spacing:-.045em}.brand small{font-size:.59rem;letter-spacing:.17em;font-weight:800;color:#738b94;margin-top:2px}.desktop-nav{display:flex;justify-content:center;align-items:center;gap:4px;flex:1}.nav-link{text-decoration:none;font-weight:800;color:#496777;font-size:.87rem;padding:11px 16px;border-radius:12px;white-space:nowrap}.nav-link.active,.nav-link:hover{background:#ddf7f2;color:#007f79}.nav-actions{display:flex;gap:10px;align-items:center}.icon-btn{height:42px;width:42px;background:#f4f9f8;border:1px solid #d8e6e6;color:#23495a;border-radius:50%;display:grid;place-items:center}.icon-btn:hover{background:#e0f5f1}.action-btn,.btn-primary{background:linear-gradient(110deg,#02a58e,#08718f);color:white;text-decoration:none;border-radius:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:13px 17px;box-shadow:0 8px 22px #00958a25;white-space:nowrap}.action-btn{font-size:.84rem}.btn-primary:hover,.action-btn:hover{filter:brightness(.95);transform:translateY(-1px)}.btn-outline{display:inline-flex;align-items:center;padding:13px 17px;border-radius:13px;text-decoration:none;font-weight:800;color:#096c73;background:white;border:1px solid #a7dcd5;white-space:nowrap}.btn-outline:hover{background:#effbf9}.menu-btn{display:none;border:1px solid #d7e8e8;background:white;border-radius:12px;padding:10px 12px;color:var(--navy);font-weight:800}.mobile-nav[hidden]{display:none!important}
.eyebrow{font-weight:800;color:#018680;font-size:.71rem;letter-spacing:.16em;text-transform:uppercase}.eyebrow-dot{display:inline-block;vertical-align:middle;width:7px;height:7px;background:#00b59d;border-radius:50%;margin-right:7px}.home-hero{display:grid;grid-template-columns:1.07fr .93fr;align-items:center;gap:clamp(30px,6vw,80px);padding-top:clamp(55px,7vw,102px);padding-bottom:clamp(58px,7vw,100px)}.hero-copy h1{margin:22px 0}.hero-copy h1 em{font-style:normal;background:linear-gradient(95deg,#038988,#2674c6);background-clip:text;color:transparent}.hero-lead{color:var(--muted);font-size:clamp(1rem,1.6vw,1.17rem);max-width:55ch;margin-bottom:24px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.hero-note{border-top:1px solid var(--line);font-size:.8rem;color:#567482;padding:21px 0 0;display:flex;align-items:center;gap:13px}.hero-note span{background:#d8efec;color:#00796f;font-weight:900;border-radius:10px;padding:9px 11px}.hero-photo{position:relative;border-radius:35px;padding:8px;isolation:isolate}.hero-photo:before{content:'';position:absolute;inset:18px -20px -16px 18px;background:#9be8de;border-radius:36px;z-index:-1}.photo{width:100%;height:100%;object-fit:cover}.hero-photo>img{border-radius:32px;width:100%;height:480px;object-fit:cover}.photo-card{position:absolute;bottom:26px;left:-16px;padding:15px 19px;background:rgba(255,255,255,.97);border:1px solid #e2eeed;border-radius:16px;box-shadow:0 12px 30px #063d3d23;display:flex;gap:12px;align-items:center}.tiny-dot{height:14px;width:14px;border-radius:50%;background:#00aa97;box-shadow:0 0 0 5px #d9f5eb}.photo-card div{display:flex;flex-direction:column;gap:3px}.photo-card small{color:#67808c}
.intro-grid,.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.intro-grid h2,.section-head h2{margin:11px 0 0}.intro-grid>p,.section-head>p{max-width:310px;color:var(--muted)}.boundary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:28px 0 92px}.boundary-card{border:1px solid #e2eded;border-radius:20px;padding:24px 20px;background:#fff;box-shadow:0 4px 16px #0a404810;min-width:0;transition:transform .2s ease}.boundary-card:hover{transform:translateY(-3px)}.bc-icon{border-radius:12px;background:#dff7f3;padding:10px 13px;color:#007a7b;font-weight:900;font-size:.8rem}.boundary-card h3{margin:25px 0 4px}.boundary-card p{font-size:.89rem;margin:0;color:#5c7480}
.guide-section{background:linear-gradient(145deg,#e6f6f5,#f0f8fd);padding:80px 0 90px;border-top:1px solid #dcefed;border-bottom:1px solid #dcefed}.guides-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;margin-top:34px}.guide-tile{display:flex;flex-direction:column;min-width:0;min-height:240px;padding:24px;background:#fff;border:1px solid #dceae9;border-radius:21px;text-decoration:none;box-shadow:0 10px 30px #1c68730d;transition:transform .2s ease,border-color .2s ease}.guide-tile:hover{transform:translateY(-4px);border-color:#65c3b8}.guide-index{font-size:.7rem;font-weight:900;color:#0c8e8d;letter-spacing:.13em}.guide-icon{margin-top:16px;display:grid;place-items:center;background:#e4f5f3;color:#127e8c;font-size:28px;border-radius:15px;width:51px;height:51px}.guide-tile h3{font-size:clamp(1.02rem,1.4vw,1.19rem);margin:14px 0 12px;overflow-wrap:anywhere}.guide-arrow{align-self:flex-end;margin-top:auto;color:#0b8d86;font-size:1.6rem}
.home-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(35px,7vw,92px);padding-block:110px}.feature-visual{margin:0;position:relative}.feature-visual img{aspect-ratio:1/1;width:100%;height:auto;object-fit:cover;border-radius:26px}.feature-visual figcaption,.guide-hero-photo figcaption,.article-media figcaption,.product-art figcaption{font-size:.77rem;line-height:1.5;color:#68808a;margin-top:11px}.feature-copy h2{max-width:17ch;margin:17px 0}.feature-copy p{color:var(--muted)}.text-link{color:#057e83;font-weight:900;display:inline-block;margin-top:18px;text-decoration-thickness:1px;text-underline-offset:6px}.home-reading{padding-bottom:120px}.home-reading-inner{background:#fff;border:1px solid var(--line);border-radius:26px;padding:clamp(24px,5vw,65px);box-shadow:var(--shadow)}
.guide-head{padding-top:55px}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:13px;color:#6a8792;font-size:.82rem;margin-bottom:25px}.breadcrumbs a{color:#16817f;text-decoration:none;font-weight:800}.guide-hero{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:50px;background:#e7f7f5;border:1px solid #d8efea;padding:clamp(26px,4vw,48px);border-radius:30px;overflow:hidden}.guide-hero-copy h1{font-size:clamp(2.1rem,3.4vw,3.7rem);margin:18px 0;line-height:1.14;overflow-wrap:anywhere}.guide-hero-copy p{margin-bottom:25px}.guide-hero-photo{margin:0;min-width:0}.guide-hero-photo img{border-radius:22px;width:100%;aspect-ratio:1/1;object-fit:cover}.guide-hero-photo figcaption span{color:#0d7c7f;font-weight:800}.guide-hero-bottom{display:flex;flex-wrap:wrap;gap:9px}.guide-hero-bottom span{font-size:.72rem;background:white;color:#38737a;padding:9px 12px;border-radius:40px;border:1px solid #d8ecea;font-weight:700}
.article-layout{display:grid;grid-template-columns:minmax(205px,250px) minmax(0,1fr);gap:clamp(20px,4vw,65px);padding-top:55px;padding-bottom:100px}.article-side{min-width:0}.side-sticky{position:sticky;top:118px}.side-kicker{color:#07847d;font-size:.69rem;letter-spacing:.13em;font-weight:900;margin:5px 0 14px}.article-side nav{display:flex;flex-direction:column;gap:4px}.article-side nav a{font-weight:700;text-decoration:none;color:#66808a;border-left:2px solid #dbe9e8;padding:9px 13px;font-size:.8rem;line-height:1.5}.article-side nav a:hover{color:#038982;border-left-color:#008e84}.side-cta{background:#123c4c;color:#fff;border-radius:18px;margin-top:25px;padding:21px}.side-cta p{font-size:.82rem;color:#c1e1e6;margin:6px 0 13px}.side-cta a{color:#89f1db;font-size:.81rem;font-weight:900}
.article-main{min-width:0;max-width:860px}.restored-article h2{font-size:clamp(1.6rem,2.5vw,2.45rem);margin:10px 0 20px}.restored-article h3{font-size:clamp(1.2rem,2vw,1.42rem);margin:45px 0 14px;scroll-margin-top:140px}.restored-article p{color:#455e6b;margin:11px 0 19px;font-size:1.01rem}.restored-article p.d4-lead{font-size:1.1rem;line-height:1.85;color:#274c5b}.restored-article ol,.restored-article ul{padding-left:24px;color:#405d68;line-height:1.95}.restored-article li{margin-bottom:9px}.restored-article a{color:#027d82;font-weight:700;text-underline-offset:3px;overflow-wrap:anywhere}.d4-card{padding:22px 24px;background:#e7f7f4;border-left:4px solid #09a18e;border-radius:0 16px 16px 0;margin:35px 0}.d4-card p{margin:5px 0 0}.d4-qa{margin:9px 0;border:1px solid var(--line);border-radius:12px;padding:13px 17px;background:#fff}.d4-qa summary{font-weight:800;cursor:pointer}.d4-qa p{font-size:.94rem;margin:12px 0 2px}.d4-source li{overflow-wrap:anywhere}.d4-subtle,.d4-disclosure{font-size:.85rem!important;color:#71838d!important}.article-media{margin:35px 0 30px}.article-media img{width:100%;height:auto;max-height:500px;object-fit:cover;border-radius:23px;aspect-ratio:1.6/1}.article-media figcaption{margin-top:10px;color:#67818c;font-size:.82rem}.article-next{margin-top:60px;padding:25px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#edf8f8;border:1px solid #d7e9e7;border-radius:22px}.article-next span{color:#12817c;font-size:.69rem;letter-spacing:.1em;font-weight:900}.article-next h2{font-size:1.26rem;margin:7px 0 0}.article-next>a{font-size:1.4rem;border-radius:50%;padding:12px 19px;text-decoration:none;color:white;background:#027e80}
.product-head{padding-top:55px}.product-hero{display:grid;grid-template-columns:1fr .8fr;gap:40px;align-items:center;border-radius:30px;background:linear-gradient(145deg,#e5faf6,#e3f0ff);padding:clamp(24px,5vw,55px)}.product-info h1{font-size:clamp(2rem,3.45vw,3.75rem);overflow-wrap:anywhere}.product-tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 32px}.product-tags span{font-size:.76rem;padding:9px 13px;background:white;border:1px solid #cfe3e4;border-radius:18px;color:#236d72;font-weight:800}.product-art{margin:0;text-align:center;background:white;border:1px solid #d4e8e7;border-radius:26px;padding:30px}.product-art img{max-height:360px;object-fit:contain;margin:auto}.product-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,305px);gap:clamp(23px,4vw,55px);padding-block:60px 110px}.product-main{min-width:0}.product-main .restored-article{max-width:760px}.product-aside{min-width:0}.product-reality{position:sticky;top:120px;padding:27px;border:1px solid #c6e6e2;border-radius:23px;background:#eff9f7}.product-reality h2{font-size:1.55rem}.product-reality ul{padding-left:18px;line-height:1.65;color:#44616a}.product-reality li{margin-bottom:13px}.product-reality a{font-weight:900;color:#087d84}.product-screenshot{margin:25px 0 44px;background:#fff;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,.85fr);align-items:center;gap:25px;border:1px solid #d8e7e6;border-radius:23px;padding:24px;box-shadow:0 12px 30px #1633440e}.product-screenshot:nth-of-type(even) .product-screenshot-art{order:2}.product-screenshot-art{min-width:0;display:grid;place-items:center;min-height:250px;background:#f0f5f7;border-radius:18px;padding:19px}.product-screenshot-art img{max-width:100%;max-height:390px;object-fit:contain}.product-screenshot figcaption{display:flex;flex-direction:column;gap:13px;color:#58717a;line-height:1.65}.product-screenshot figcaption b{font-size:1.28rem;color:var(--navy);line-height:1.35}
.footer{background:#092f3d;color:#fff}.footer-inner{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:52px;max-width:1240px;padding:80px clamp(19px,3vw,40px);margin:auto}.footer-lead{display:flex;gap:19px}.footer-symbol{border-radius:18px;background:#0f7779;display:grid;place-items:center;font-size:25px;width:55px;height:55px;flex-shrink:0}.footer-lead h2{font-size:clamp(1.5rem,2vw,2.15rem);color:#fff;margin:0}.footer-lead p{font-size:.91rem;max-width:36ch;color:#bfd9dc}.footer-nav{display:flex;flex-direction:column;gap:14px}.footer-nav h3{font-size:1rem;color:#fff}.footer-nav a{color:#b5d6da;text-decoration:none;font-size:.88rem}.footer-nav a:hover{color:#fff;text-decoration:underline}.footer-bottom{border-top:1px solid #234d59;max-width:1240px;padding:22px clamp(19px,3vw,40px);margin:auto;display:flex;justify-content:space-between;gap:20px;color:#94b6c2;font-size:.74rem}.footer-bottom a{color:#b9dfe2;text-decoration:none}
.search-mask[hidden]{display:none!important}.search-mask{position:fixed;inset:0;z-index:500;background:#0a273c99;display:flex;justify-content:center;align-items:flex-start;padding:12vh 16px 20px}.search-dialog{background:#fff;border-radius:24px;width:min(650px,100%);padding:23px;box-shadow:0 32px 120px #00172455;max-height:82vh;overflow:auto}.search-dialog-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px;font-size:1.1rem}.search-dialog-title button{background:#edf8f7;border:0;border-radius:10px;padding:10px 14px}.search-dialog input{padding:16px 18px;width:100%;border-radius:14px;border:1px solid #bedad8;outline-offset:3px}.search-results{display:grid;gap:7px;margin:17px 0}.search-results a{text-decoration:none;padding:14px 13px;border:1px solid #e4eceb;border-radius:13px;font-weight:800;color:#1a4955}.search-results a:hover{background:#eff9f6}.search-results a small{display:block;color:#048a83;font-size:.65rem;letter-spacing:.08em;margin-bottom:3px}.search-help{color:#8198a0;font-size:.74rem;margin:12px 0 0}
@media(max-width:1080px){.brand{min-width:195px}.brand small{font-size:.52rem}.desktop-nav .nav-link{padding:10px}.action-btn{padding:12px;font-size:.78rem}.footer-inner{gap:25px}.guide-hero{gap:24px}}
@media(max-width:900px){.topbar-inner{gap:10px}.desktop-nav{display:none}.nav-actions{margin-left:auto}.menu-btn{display:flex;align-items:center;gap:7px}.mobile-nav{padding:7px 18px 17px;display:flex;flex-direction:column;gap:6px;border-top:1px solid #e6f0ef}.mobile-nav .nav-link{padding:13px}.mobile-nav[hidden]{display:none}.home-hero{grid-template-columns:1fr 1fr;gap:20px}.hero-photo>img{height:400px}.boundary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guides-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr}.article-side{display:none}.product-layout{grid-template-columns:1fr}.product-reality{position:static}.footer-inner{grid-template-columns:1.6fr 1fr}.footer-nav:last-child{grid-column:1/-1}.guide-hero{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.wrapper{padding-inline:18px}.topbar{width:calc(100% - 12px);margin:6px auto 0;top:5px;border-radius:18px}.topbar-inner{min-height:66px;padding:9px 12px}.brand{min-width:0}.brand-logo{height:38px;width:38px;border-radius:12px}.brand b{font-size:.95rem}.brand small{font-size:.47rem}.nav-actions{gap:5px}.action-btn{display:none}.icon-btn{width:37px;height:37px}.menu-btn{padding:9px 10px}.menu-btn span:not(.menu-bars){display:none}.home-hero{grid-template-columns:1fr;gap:35px;padding-top:45px;padding-bottom:65px}.hero-copy h1{font-size:clamp(2.3rem,10vw,3.7rem)}.hero-lead{font-size:1rem}.hero-photo>img{height:360px}.hero-photo{margin-right:13px}.photo-card{left:4px}.intro-grid,.section-head{display:block}.intro-grid>p,.section-head>p{max-width:unset}.boundary-grid{margin-bottom:62px;gap:12px}.boundary-card{padding:18px 13px}.boundary-card h3{font-size:1rem}.guide-section{padding:65px 0}.guides-grid{grid-template-columns:1fr;gap:13px}.guide-tile{min-height:155px}.guide-icon{width:39px;height:39px;font-size:23px;margin-top:11px}.guide-tile h3{margin:10px 0}.home-feature{grid-template-columns:1fr;padding-block:70px}.home-reading{padding-bottom:70px}.guide-head{padding-top:30px}.guide-hero{grid-template-columns:1fr;gap:30px;padding:24px 19px}.guide-hero-copy h1{font-size:clamp(1.95rem,8vw,2.9rem)}.guide-hero-photo img{aspect-ratio:1.4/1}.article-layout{padding-top:30px;padding-bottom:65px}.restored-article p{font-size:.96rem}.product-hero{grid-template-columns:1fr;gap:25px}.product-info h1{font-size:2.15rem}.product-art img{max-height:290px}.product-layout{padding-block:35px 65px}.product-screenshot{grid-template-columns:1fr;gap:10px;padding:14px}.product-screenshot:nth-of-type(even) .product-screenshot-art{order:0}.product-screenshot-art{min-height:170px}.product-screenshot-art img{max-height:260px}.footer-inner{grid-template-columns:1fr;gap:24px;padding-block:53px}.footer-nav:last-child{grid-column:auto}.footer-bottom{flex-direction:column}.article-next{gap:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.article-explainer{margin:42px 0 35px;border:1px solid #dce9e8;border-radius:24px;background:white;padding:12px}.article-explainer img{width:100%;height:auto;border-radius:18px}.article-explainer figcaption{padding:8px 7px 4px;color:#617985;font-size:.82rem;line-height:1.5}


/* S402 navigation shortcuts and branded footer, same premium floating-nav visual language. */
.topbar-inner{gap:clamp(8px,1.25vw,20px)}
.brand{min-width:225px;flex-shrink:0}
.desktop-nav{gap:1px;min-width:0;justify-content:flex-end}
.desktop-nav>.nav-link,.guides-menu>summary.nav-link{padding:11px clamp(7px,.85vw,12px);font-size:.835rem}
.guides-menu{position:relative;flex-shrink:0}
.guides-menu summary{display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer;user-select:none}
.guides-menu summary::-webkit-details-marker{display:none}
.guides-menu[open]>summary,.guides-menu summary:hover{background:#ddf7f2;color:#007f79}
.menu-chevron{font-size:1.12rem;line-height:1;transition:transform .2s ease}
.guides-menu[open] .menu-chevron{transform:rotate(180deg)}
.guides-menu-panel{position:absolute;top:calc(100% + 18px);right:-80px;width:340px;border:1px solid #cee7e3;border-radius:21px;padding:18px;background:#fff;box-shadow:0 25px 60px rgba(12,58,65,.20);z-index:200}
.guides-menu-panel:before{content:'';position:absolute;left:0;right:0;top:-20px;height:20px}
.guides-menu-title{display:block;color:#607986;font-size:.69rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;margin:2px 0 13px}
.guides-menu-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.guide-menu-item{min-width:0;border-radius:11px;padding:12px 10px;color:#294e5c;text-decoration:none;font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:9px}
.guide-menu-item:hover,.guide-menu-item.selected{background:#e6f6f2;color:#007f79}
.guide-menu-dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#27a79b}
.guides-all-link{display:flex;justify-content:space-between;align-items:center;margin-top:14px;border-top:1px solid #e0edeb;padding:15px 7px 1px;font-size:.82rem;font-weight:800;color:#008a81;text-decoration:none}
.mobile-nav{max-height:calc(100dvh - 105px);overflow-y:auto}
.mobile-nav-heading{font-size:.68rem;letter-spacing:.14em;font-weight:800;color:#68818b;padding:13px 14px 4px}
.mobile-guide-link{padding-left:26px!important}
.footer-lead{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.footer-brand{min-width:0;display:inline-flex;gap:12px;align-items:center;text-decoration:none;color:#fff}
.footer-brand .brand-logo{background:linear-gradient(145deg,#06b8a9,#086da0);box-shadow:0 6px 18px #028f9535}
.footer-brand b{color:#fff;font-size:1.3rem}
.footer-brand small{color:#a7d7d8;font-size:.64rem}
.footer-lead p{margin:3px 0 0;max-width:37ch}
@media(max-width:1170px){.topbar-inner{gap:8px}.brand{min-width:210px}.desktop-nav>.nav-link,.guides-menu>summary.nav-link{padding:10px 7px;font-size:.79rem}.action-btn{padding:11px 12px}}
@media(max-width:1030px){.desktop-nav{display:none}.nav-actions{margin-left:auto}.menu-btn{display:flex;align-items:center;gap:7px}.mobile-nav{display:flex;flex-direction:column;gap:3px;padding:10px 18px 20px;border-top:1px solid #e6f0ef}.mobile-nav[hidden]{display:none}}
@media(max-width:650px){.brand{min-width:0}.footer-brand b{font-size:1.12rem}.footer-brand small{font-size:.58rem}.footer-brand .brand-logo{width:44px;height:44px}}
@media(min-width:651px) and (max-width:1030px){.mobile-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.mobile-nav>a:first-child,.mobile-nav>a:nth-child(2),.mobile-nav>.mobile-nav-heading,.mobile-nav>a:last-child{grid-column:1/-1}.mobile-guide-link{padding:12px 15px!important;background:#f3faf9;border:1px solid #ddecdf;border-radius:11px}}
@media(max-width:650px){.mobile-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.mobile-nav>a:first-child,.mobile-nav>a:nth-child(2),.mobile-nav>.mobile-nav-heading,.mobile-nav>a:last-child{grid-column:1/-1}.mobile-guide-link{padding:12px!important;background:#f3faf9;border:1px solid #dceee8;border-radius:11px;font-size:.84rem}.mobile-nav-heading{padding:12px 8px 5px}}
@media(prefers-reduced-motion:reduce){.menu-chevron{transition:none}}

/* S402 singular recommendation route — mobile navigation only. */
.mobile-nav .mobile-recommendation-link{background:linear-gradient(110deg,#02a58e,#08718f);color:#fff!important;border:1px solid transparent;border-radius:13px;margin-top:7px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:850;box-shadow:0 8px 20px rgba(0,114,120,.15)}
.mobile-nav .mobile-recommendation-link:hover{background:#066a79;color:#fff!important}
.mobile-nav .mobile-recommendation-link:focus-visible{outline-color:#f59f3e}
@media(max-width:650px){.mobile-nav .mobile-recommendation-link{padding:14px 15px!important}}