:root{--sidebar:348px;--header:68px;--bg:#101a16;--panel:#17251d;--accent:#d0e9a4;--muted:#a3b09d}body{font-size:13px}.topbar{padding:0 24px;background:#101a17;border-bottom-color:#52604840}.brand>span{font-size:20px}.brand small{font-size:7px;letter-spacing:2px}.top-location{display:none}.header-nav{display:flex;gap:6px;align-items:center}.header-nav button{padding:11px 16px;border-radius:6px;color:#a7b39d;font-size:11px;display:flex;gap:7px;align-items:center}.header-nav button.active{color:var(--accent);background:#c9df9b12}.header-nav svg{width:15px}.header-actions{gap:15px}.header-actions .text-button{font-size:10px}.sidebar{background:linear-gradient(145deg,#1c2a21,#17221c);border-right-color:#63714e40}.sidebar-heading{padding:25px 24px 18px}.sidebar-heading .eyebrow{font-size:7px;color:#b6c49f}.sidebar-heading h1{font-size:30px;margin-top:8px}.subtitle{font-size:11px}.area-badges{margin-top:14px}.area-badges>span{font-size:8px}.search-wrap{margin-bottom:14px}.tabs{padding:0 14px}.tab{font-size:10px}.sidebar-content{padding:20px 21px}.sidebar-footer{background:#15211b;font-size:8px}.map-heading{top:29px;left:30px}.map-heading>span{font:450 27px 'Manrope';letter-spacing:-1px}.map-heading>small{font-size:9px;color:#f0f3dd9c}.map-heading .eyebrow{font-size:7px}.map-area:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 50px 75px -60px #07160d,inset 0 -55px 80px -65px #07160d}.map-top-actions{top:26px;right:23px}.map-pill{border-color:#abb68b45;background:#15251df0;font-size:10px;padding:10px 12px}.map-toolbar{top:89px;background:#15251df2}.map-toolbar button{height:36px}.layers-panel{top:89px;background:#17281ff5;width:225px;border-color:#99a57445}.layers-title{padding:14px}.grade-legend{bottom:38px;left:25px;width:190px;background:#14251ce8;padding:12px}.legend-title{font-size:7px}.grade-legend>small{font-size:7px}.legend-labels{font-size:8px}.map-bottom-info{bottom:13px;font-size:7px}.maplibregl-ctrl-scale{margin-bottom:35px!important}.maplibregl-ctrl-attrib{font-size:7px!important}.maplibregl-canvas{transition:filter .6s}.map-area.sun-active .maplibregl-canvas{filter:saturate(.92)}.feature-card{background:#25322670;border-color:#8e9e6b27;border-radius:7px}.feature-card:hover{background:#35432a88;border-color:#9eb87970}.card-title{font-size:11px}.card-caption{font-size:9px}.section-heading{margin-bottom:13px}.section-heading h2{font-size:12px}.section-heading>span{font-size:8px}.overview-card{background:radial-gradient(ellipse at right top,#73845435,transparent 80%),linear-gradient(140deg,#2b3a27,#223123);border-color:#8799674a}.experience-intro{margin:0 0 21px}.experience-intro h2{font:450 25px 'Manrope';line-height:1.25;letter-spacing:-.9px;margin:0 0 9px}.experience-intro p{font-size:11px;color:#abb79f;line-height:1.7;margin:0}.experience-kicker{font-size:7px;letter-spacing:1.8px;color:#a3bb7d;margin-bottom:10px}.destination-card{width:100%;text-align:left;display:block;position:relative;padding:16px;border:1px solid #7c8e5c36;background:linear-gradient(120deg,#36472e60,#243323b0);border-radius:7px;margin-bottom:9px;overflow:hidden}.destination-card:after{content:'';position:absolute;right:-20px;top:10px;width:110px;height:110px;border:1px solid #a6bc7917;border-radius:48% 38% 55% 41%;transform:rotate(-20deg);box-shadow:0 0 0 9px #a6bc790e,0 0 0 19px #a6bc790e,0 0 0 31px #a6bc790e}.destination-card>small{display:block;font-size:7px;letter-spacing:1.4px;color:#bfd29b;margin-bottom:9px}.destination-card>strong{font:500 18px 'Manrope';letter-spacing:-.4px;display:block;position:relative;z-index:1}.destination-card>p{margin:7px 0 0;font-size:10px;color:#a6b396;max-width:220px;line-height:1.5;position:relative;z-index:1}.destination-card>span{position:absolute;right:15px;top:44px;color:#c9dea3}.destination-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:23px}.destination-grid button{border:1px solid #82966a30;background:#2b3b2833;padding:14px 12px;border-radius:6px;text-align:left}.destination-grid svg{width:18px;color:#bfce9e;margin-bottom:10px}.destination-grid b{font-size:10px;font-weight:500;display:block}.destination-grid small{display:block;font-size:8px;color:#91a17f;margin-top:5px}.explore-data-strip{display:flex;gap:16px;border-top:1px solid #899a6a28;margin-top:20px;padding-top:17px}.explore-data-strip b{display:block;font:500 19px 'Manrope';color:#dce6c8}.explore-data-strip small{font-size:7px;color:#96a886;letter-spacing:.6px}.route-list-card{display:block;padding:15px;width:100%;text-align:left;border:1px solid #7d925b35;border-radius:7px;margin-bottom:9px;background:#27362855}.route-list-card:hover{border-color:#a9c18380;background:#34472a66}.route-list-card .route-meta{display:flex;justify-content:space-between;gap:8px;font-size:7px;letter-spacing:1px;margin-bottom:10px;color:#b8cf96;text-transform:uppercase}.route-list-card h3{font:550 13px 'Manrope';margin:0 0 9px;line-height:1.5;letter-spacing:-.1px}.route-list-card .route-metrics{display:flex;gap:18px;font-size:10px;color:#a4b494}.route-list-card .route-metrics b{font-weight:550;color:#e1e9ce}.route-list-card .route-mini-profile{width:100%;height:30px;margin:10px 0 0;display:block}.route-meta .alpine{color:#e3aa8b}.route-meta .warning{color:#e9c074}.route-list-card small{font-size:8px;display:block;color:#99aa89;line-height:1.5;margin-top:7px}.route-controls{display:flex;gap:6px;margin-bottom:15px}.route-controls select{width:100%;font-size:10px;border:1px solid #617a4544;border-radius:5px;background:#233120;padding:9px;color:#c9d7b5}.route-result .detail-metrics{margin-top:17px}.planner-step{display:flex;gap:12px;padding:13px;border:1px solid #74895240;background:#26352566;border-radius:6px;margin-bottom:9px}.planner-step>span{width:23px;height:23px;display:grid;place-items:center;border:1px solid #8ba56860;border-radius:50%;font-size:9px;flex-shrink:0;color:var(--accent)}.planner-step b{font-size:11px;display:block;font-weight:500}.planner-step small{font-size:9px;color:#94a780;display:block;margin-top:5px}.planner-step.done>span{background:var(--accent);color:#26361e}.planner-step.active{border-color:#bfdb8977}.planner-options{display:flex;gap:12px;flex-wrap:wrap;margin:15px 0}.planner-options label{font-size:9px;display:flex;gap:5px;align-items:center;color:#a6b894}.planner-options input{accent-color:#c6df91}.planner-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.planner-actions button{font-size:10px;border:1px solid #849b5e55;border-radius:5px;padding:10px 5px;color:#c9df9b}.planner-actions .wide{grid-column:1/-1;background:var(--accent);color:#26331e;border-color:var(--accent)}.planner-empty{font-size:11px;color:#a6b499;line-height:1.8;margin-top:20px}.planner-alert{font-size:10px;line-height:1.7;color:#dbc7a0;border:1px solid #9f87503a;background:#8060291c;padding:12px;border-radius:5px;margin:12px 0}.planner-notice{font-size:9px;color:#b2c69a;line-height:1.7;padding:12px 0}.plan-active .maplibregl-canvas{cursor:crosshair!important}.scene-dock{position:absolute;left:50%;bottom:35px;transform:translateX(-50%);display:flex;background:#15251de8;border:1px solid #a5b2783a;box-shadow:0 4px 25px #0c180c66;border-radius:8px;padding:5px;backdrop-filter:blur(18px);z-index:2;gap:3px}.scene-dock button{font-size:9px;padding:10px 13px;color:#a6b397;border-radius:4px;white-space:nowrap;display:flex;align-items:center;gap:7px}.scene-dock button>small{font:8px monospace;color:#798b69}.scene-dock button.active{background:#b6cf7c20;color:#d6e8b6}.scene-dock button.active>small{color:#c9df9b}.scene-dock .scene-caption{font-size:7px;letter-spacing:1px;color:#7e926b;align-self:center;padding:0 8px}.profile-panel-open .scene-dock{display:none}.profile-panel{bottom:38px;background:#14231df7;border-color:#a3b67e45}.profile-foot{font-size:7px}.profile-chart text{font-family:'DM Sans'}.playback-bar{position:absolute;left:24px;right:24px;bottom:35px;padding:15px 18px;background:#14231df7;border:1px solid #a8c47760;border-radius:8px;z-index:5;box-shadow:0 4px 20px #0005}.playback-top{display:flex;align-items:center;gap:12px}.playback-top>strong{font-size:11px;font-weight:500;flex:1}.playback-top>small{font-size:9px;color:#99ae85}.playback-bar input{margin-top:15px}.playback-bar button{font-size:9px;display:flex;align-items:center;gap:7px;color:var(--accent)}.playback-bar .icon{width:15px}.playback-active .grade-legend,.playback-active .scene-dock,.playback-active .profile-panel{display:none!important}.playback-active .detail-panel{max-height:calc(100% - 200px)}.detail-panel{background:#18271ff9;width:360px;top:23px;left:24px;border-color:#a8b97e45;max-height:calc(100% - 66px)}.detail-head h2{font-size:26px;letter-spacing:-.9px}.detail-head{padding:22px}.detail-body{padding:18px 22px 22px}.detail-tabbar{margin-left:-22px;margin-right:-22px;gap:7px}.detail-tab{font-size:9px;padding:11px 8px}.detail-description{font-size:11px;line-height:1.85}.dossier-media{display:block;width:calc(100% + 44px);margin:-18px -22px 18px;position:relative}.dossier-media img{width:100%;height:165px;object-fit:cover;display:block}.dossier-media figcaption{padding:6px 12px;font-size:7px;color:#8ca17d;background:#101c16}.dossier-highlights{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0}.dossier-highlights span{border:1px solid #8ca16c38;background:#c9df9b08;border-radius:4px;font-size:8px;color:#c2d5a5;padding:6px 8px}.dossier-notice{background:#9a79381d;border-left:2px solid #d5ac66;padding:12px 13px;margin:11px 0;border-radius:0 5px 5px 0}.dossier-notice b{font-size:10px;font-weight:550;color:#e6cc99;display:block;margin-bottom:5px}.dossier-notice p{font-size:10px;color:#c7c3aa;line-height:1.8;margin:0 0 6px}.dossier-notice small{font-size:8px;color:#9dac8b}.dossier-notice a{font-size:8px}.dossier-planning{margin:15px 0}.dossier-planning h3{font-size:9px;letter-spacing:1px;color:#b4ca94;font-weight:500;text-transform:uppercase;margin:20px 0 10px}.dossier-planning p{font-size:10px;line-height:1.8;color:#b4c0a7;margin:7px 0}.dossier-planning strong{color:#dae3ca;font-size:10px;font-weight:500}.dossier-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:16px 0}.dossier-actions button{padding:10px;border:1px solid #78935360;border-radius:5px;font-size:9px;color:#c6dfa1}.detail-panel .source-card strong{font-size:11px}.route-grade-bars{display:flex;height:7px;gap:2px;border-radius:3px;overflow:hidden;margin:10px 0}.route-grade-bars span{min-width:1px}.route-grade-labels{display:flex;justify-content:space-between;font-size:7px;color:#91a67c;margin-bottom:15px}.weather-hero{padding:18px;border:1px solid #90a66c3b;border-radius:8px;background:radial-gradient(ellipse at 90% 10%,#b9d9801b,transparent 70%),#27362466;margin:10px 0 16px}.weather-hero .weather-status{font-size:7px;letter-spacing:1px;color:#b3ce8c;display:flex;justify-content:space-between}.weather-hero .weather-temp{font:450 49px 'Manrope';letter-spacing:-2.5px;margin:13px 0 0}.weather-hero .weather-temp small{font-size:17px;letter-spacing:0;color:#a4b791}.weather-hero p{font-size:11px;margin:7px 0;color:#d7e3c5}.weather-hero .weather-facts{display:flex;gap:17px;color:#a8be90;font-size:9px;margin-top:14px}.weather-hero .weather-source{font-size:8px;line-height:1.6;color:#93a780;margin-top:14px;border-top:1px solid #94ab662c;padding-top:10px}.hourly-chart{height:110px;width:100%;margin:10px 0}.hourly-labels{display:flex;justify-content:space-between;font-size:7px;color:#96ad81}.condition-period{display:flex;align-items:center;gap:12px;border-bottom:1px solid #7d95632a;padding:12px 0}.condition-period>span{font:500 22px 'Manrope';width:46px;flex-shrink:0}.condition-period b{font-size:10px;font-weight:500;display:block}.condition-period small{font-size:9px;color:#9caf88;display:block;line-height:1.6;margin-top:3px}.status-chip{display:inline-flex;font-size:8px;letter-spacing:.7px;text-transform:uppercase;padding:5px 7px;border:1px solid #8a9d6b44;border-radius:3px;color:#b5c89b}.status-chip.unavailable,.status-chip.stale,.status-chip.expired,.status-chip.partial{color:#dfbd84;border-color:#b19b6955}.avy-card{border:1px solid #a38d5e48;border-radius:7px;padding:15px;margin:16px 0;background:#6b603019}.avy-card h3{font-size:11px;margin:0 0 12px;font-weight:500}.avy-card>strong{font:500 18px 'Manrope';display:block;margin:12px 0}.avy-card p{font-size:10px;color:#c3c8ad;line-height:1.7}.avy-card small{font-size:8px;line-height:1.8;color:#a5b18e;display:block}.avy-card a{font-size:10px;display:inline-block;margin-top:10px}.weather-skeleton{padding:20px 0}.weather-skeleton span{display:block;height:14px;margin-bottom:13px;border-radius:3px;background:linear-gradient(90deg,#36502b30,#5a74413b,#36502b30);background-size:200% 100%;animation:shimmer 2s linear infinite}.weather-skeleton span:first-child{height:80px}.library-filter{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 15px}.library-filter button{font-size:8px;border:1px solid #849d6138;border-radius:15px;padding:6px 9px;color:#a9bf8c}.library-filter button.active{background:#c6df9b;color:#25371e}.sun-panel{position:absolute;right:76px;bottom:34px;width:340px;max-height:calc(100% - 120px);overflow:auto;background:#17251ff8;border:1px solid #a0b87855;border-radius:9px;padding:20px;z-index:4;backdrop-filter:blur(15px);box-shadow:0 5px 30px #0005}.sun-title{display:flex;justify-content:space-between;align-items:center}.sun-title h3{font:500 19px 'Manrope';letter-spacing:-.5px;margin:0}.sun-title button{padding:0;color:#91a781}.sun-panel>p{font-size:10px;color:#a1b68c;line-height:1.7}.sun-inputs{display:flex;gap:8px;margin:15px 0}.sun-inputs input{min-width:0;width:100%;background:#283d2522;border:1px solid #8da66c55;border-radius:5px;padding:8px;color:#d4e2be;font-size:10px}.sun-controls{display:flex;justify-content:space-between;font-size:9px;color:#a9bf90;margin:13px 0}.sun-clock{font:500 28px 'Manrope';letter-spacing:-.7px;color:#e8dfac;margin:13px 0 0}.sun-location{font-size:9px;color:#a9bc95;margin:7px 0}.horizon-chart{display:block;height:100px;width:100%;margin-top:15px;border-bottom:1px solid #93a96d44}.sun-readouts{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:15px 0}.sun-readouts>div{border:1px solid #80985536;border-radius:5px;padding:11px}.sun-readouts small{font-size:8px;color:#a5b68e;display:block}.sun-readouts b{font:450 17px 'Manrope';color:#dddca7;display:block;margin-top:5px}.sun-panel .small-note{font-size:8px;margin:10px 0 0;line-height:1.75}.sun-panel label{font-size:9px;color:#b8ca9e;display:flex;align-items:center;gap:7px;margin:12px 0}.sun-panel input[type=checkbox]{accent-color:#c9df9b}.analytical-legend{position:absolute;bottom:152px;left:25px;max-width:240px;background:#14251cf0;border:1px solid #95a66f44;border-radius:6px;padding:12px;font-size:8px;z-index:2}.analytical-legend b{font-size:7px;letter-spacing:1px;font-weight:500;display:block;margin-bottom:8px}.analytical-legend span{display:flex;gap:10px;color:#c2cfae}.analytical-legend i{width:7px;height:7px;display:inline-block;margin-right:4px}.analytical-legend p{font-size:7px;color:#91a77c;line-height:1.6;margin:7px 0 0}.map-snapshot-btn{padding:8px}.notebook-export{display:flex;gap:8px;margin:15px 0}.notebook-export button{padding:10px;border:1px solid #7f98604d;border-radius:5px;font-size:9px;flex:1;color:#bed899}.compact-live{border:1px solid #8ca36337;border-radius:7px;padding:13px;background:#3b4a2c22;margin:17px 0}.compact-live>span{font-size:8px;color:#b9cd9b;letter-spacing:.5px}.compact-live strong{font:500 21px 'Manrope';margin-right:8px}.compact-live>div{font-size:10px;margin-top:8px;line-height:1.6;color:#a9bc95}.compact-live>small{font-size:7px;color:#8ea37a;display:block;margin-top:7px}.compact-live button{font-size:9px;color:var(--accent);padding:0;margin-top:10px}.map-mode-caption{position:absolute;left:28px;top:105px;z-index:2;font-size:9px;background:#17291eea;border:1px solid #aac17b44;border-radius:5px;padding:10px 13px;color:#c9df9b;max-width:320px}.map-mode-caption span{color:#a7ba91}.detail-content-count{font-size:8px;letter-spacing:1px;color:#a6be88}.detail-mode-image .detail-head{border-bottom:0}.terrain-slider label{font-size:9px}button[aria-busy=true]{opacity:.6;cursor:wait}.share-file-links a{font-size:11px}dialog{background:#1b2a20;max-width:700px}#modalContent .source-card{padding:13px 0}.layer-row input:focus-visible+.switch{outline-offset:3px}.source-card p{font-size:10px}.source-card:hover strong{color:#d2e5b3}@keyframes shimmer{to{background-position:-200% 0}}
@media(min-width:1500px){:root{--sidebar:360px}.sidebar-heading{padding-top:27px}.sidebar-content{padding-top:23px}.detail-panel{width:370px}.scene-dock button{padding:11px 16px}}
@media(max-width:1250px){.header-nav button{padding:10px}.header-nav{gap:2px}.scene-dock .scene-caption{display:none}.scene-dock button{padding:10px}.map-heading>span{font-size:22px}.map-top-actions{gap:5px}.map-pill{padding:9px}.map-heading{top:26px}.map-heading>small{display:none}.layers-panel{width:205px}.detail-panel{width:330px}.grade-legend{bottom:105px}.analytical-legend{bottom:212px}.scene-dock{bottom:35px}.map-top-actions #orbitBtn span:last-child{display:none}.header-actions .text-button{display:none}}
@media(max-width:1000px){:root{--sidebar:310px;--header:64px}.header-nav button{font-size:10px;padding:10px}.header-nav button svg{display:none}.brand small{font-size:6px}.brand>span{font-size:18px}.brand>svg{width:34px}.sidebar-heading h1{font-size:27px}.sidebar-content{padding:19px 18px}.detail-panel{left:17px;width:310px}.layers-panel{right:68px;width:190px}.scene-dock{max-width:calc(100% - 32px);overflow:auto}.scene-dock button{padding:10px 9px;font-size:8px}.map-heading>span{font-size:18px}.map-top-actions #conditionsBtn span:last-child{display:none}.map-top-actions #sunLabBtn span:last-child{display:none}.map-top-actions{right:17px}.sun-panel{right:65px;width:300px;bottom:32px}.grade-legend{left:18px;bottom:100px}.analytical-legend{left:18px;bottom:210px}.map-toolbar{right:17px}.sun-panel .horizon-chart{height:85px}}
@media(max-width:720px){:root{--header:62px;--sidebar:calc(100vw - 52px)}.header-nav{display:none}.topbar{padding:0 15px}.brand>span{font-size:18px}.brand small{font-size:6px}.header-actions .outline-button{font-size:9px}.sidebar{width:var(--sidebar)}.sidebar-content{padding:20px}.sidebar-heading{padding:24px 22px 17px}.sidebar-heading h1{font-size:28px}.map-top-actions{top:17px;right:14px}.map-top-actions #terrainBtn span:last-child{display:none}.map-top-actions #orbitBtn{display:none}.map-pill{padding:10px}.mobile-explore{top:17px;left:14px;font-size:10px;max-width:150px}.map-toolbar{top:74px;right:14px;width:37px}.map-toolbar>button{width:35px;height:34px}.layers-panel{top:74px;right:62px;width:165px}.layers-title{font-size:9px;padding:12px}.layers-panel.expanded{max-height:calc(100% - 130px);overflow:auto;width:205px}.map-heading{display:none}.scene-dock{bottom:48px;width:calc(100% - 28px);left:14px;transform:none;max-width:none;overflow:auto;scrollbar-width:none;justify-content:space-between}.scene-dock button{padding:10px 8px;font-size:8px;gap:5px}.scene-dock button>small{font-size:7px}.scene-dock button[data-scene="glaciers"]{display:none}.grade-legend{left:14px;bottom:110px;width:180px;padding:11px}.grade-legend>small{font-size:7px}.map-bottom-info{left:15px;bottom:28px;font-size:6px}.maplibregl-ctrl-attrib{font-size:6px!important}.maplibregl-ctrl-scale{margin-right:15px!important;margin-bottom:110px!important}.detail-panel{top:68px;left:14px;right:60px;width:auto;max-width:400px;max-height:calc(100% - 118px)}.detail-head{padding:19px}.detail-head h2{font-size:24px}.detail-body{padding:16px 19px 20px}.detail-tabbar{margin-left:-19px;margin-right:-19px;gap:2px;padding:0 10px}.detail-tab{font-size:8px;padding:10px 6px}.dossier-media{width:calc(100% + 38px);margin:-16px -19px 17px}.dossier-media img{height:145px}.detail-coords{font-size:8px}.detail-metrics b{font-size:16px}.detail-metrics small{font-size:7px}.sun-panel{left:14px;right:60px;bottom:50px;width:auto;max-height:calc(100% - 125px);padding:17px}.sun-readouts b{font-size:17px}.sun-title h3{font-size:18px}.sun-panel .horizon-chart{height:85px}.playback-bar{left:14px;right:14px;bottom:48px;padding:12px}.playback-top{gap:9px}.playback-top>strong{font-size:9px;max-width:150px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.playback-top>small{font-size:8px}.playback-top button{font-size:8px}.playback-top button .icon{width:12px}.profile-panel{left:14px;right:14px;bottom:48px;padding:12px}.profile-panel-open .detail-panel{max-height:calc(100% - 304px)}.profile-header h3{font-size:10px}.profile-header small{font-size:8px}.profile-foot{font-size:6px}.analytical-legend{bottom:212px;left:14px;max-width:190px}.map-mode-caption{left:14px;top:74px;max-width:calc(100% - 220px);font-size:8px;padding:9px}.plan-active .layers-panel{display:none}.plan-active .map-mode-caption{max-width:calc(100% - 78px)}.sun-active .scene-dock{display:none}.playback-active .detail-panel{max-height:calc(100% - 245px)}.weather-temp{font-size:45px}.hourly-chart{height:95px}.notebook-export button{font-size:9px}}
@media(prefers-reduced-motion:reduce){.weather-skeleton span{animation:none}.maplibregl-canvas{transition:none}}
.layers-panel{z-index:3;max-height:calc(100% - 128px)}.layers-panel #layersBody{max-height:calc(100dvh - 260px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#6a7e50 transparent}

/* Closed drawers must leave both the view and the keyboard focus order. */
select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:720px){
 .sidebar{visibility:hidden}
 .sidebar.mobile-open{visibility:visible}
}
/* On short landscape displays, keep route details beside the profile. */
@media(max-width:720px) and (min-width:540px) and (max-height:500px){
 .profile-panel-open .detail-panel{left:14px;right:auto;width:calc(46% - 21px);top:68px;max-height:calc(100% - 92px)}
 .profile-panel{left:46%;right:60px;bottom:24px;max-height:calc(100% - 92px);overflow:auto;padding:10px}
 .profile-header{align-items:flex-start;gap:8px}
 .profile-header>div{min-width:0}
 .profile-hover{display:none}
 .profile-chart{height:80px;margin-top:9px}
 .profile-foot{flex-wrap:wrap;gap:5px}
 .profile-axis{font-size:6px;margin-left:30px}
 .sun-panel{max-height:calc(100% - 92px);bottom:24px}
}

/* Keep the longer domain tagline inside the mobile header alongside sharing. */
@media(max-width:720px){.brand small{letter-spacing:1.2px}}

/* First-party sponsorship inquiry; no ad service or tracking. */
.sponsor-invitation{margin:0 0 23px;padding:17px 16px;border:1px dashed #9cb78070;border-radius:8px;background:linear-gradient(125deg,#40573542,#253b2d30)}
.sponsor-eyebrow{display:block;font-size:7px;font-weight:700;letter-spacing:1.5px;color:#b6c99d}
.sponsor-invitation h3{font:500 20px/1.3 'Manrope';letter-spacing:-.5px;margin:9px 0 7px;color:#e0ebd2}
.sponsor-invitation p{font-size:11px;line-height:1.5;color:#b5c4a8;margin:0 0 12px}
.sponsor-invitation a{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:40px;padding:9px 11px;border:1px solid #9ebc7955;border-radius:5px;background:#a7c17b12;color:#d3e6b6;font-size:11px;font-weight:600;text-decoration:none;overflow-wrap:anywhere}
.sponsor-invitation a svg{flex-shrink:0;width:15px;height:15px}
.sponsor-invitation a:hover{background:#a7c17b24;border-color:#b2ce87a0}
.sponsor-invitation a:focus-visible{outline:2px solid #d2e9af;outline-offset:3px}
.sponsor-invitation>small{display:block;font-size:9px;line-height:1.5;color:#a3b692;margin-top:8px}