/* Outdoor Planner visual layer. Existing controls and behaviours remain unchanged. */
.outdoor-page {
  background:radial-gradient(circle at 92% 4%,rgba(183,219,199,.23),transparent 35rem),linear-gradient(180deg,#f7faf6 0%,#eef5ee 58%,#f7faf6 100%);
}
.outdoor-page .home-header { border-color:rgba(28,70,61,.16); }
.outdoor-page .home-brand > span { border-radius:10px 18px 10px 18px; }
.outdoor-page main { padding-bottom:72px; }

.outdoor-page .outdoor-hero {
  position:relative; isolation:isolate; overflow:hidden;
  grid-template-columns:1fr;
  min-height:350px; margin:22px 0 0; padding:clamp(36px,4.4vw,60px);
  color:#f7fbf7; background:linear-gradient(143deg,#123a32 0%,#1c4e40 61%,#296552 100%);
  border:1px solid rgba(15,58,46,.33); border-radius:34px;
  box-shadow:0 36px 90px rgba(18,58,48,.18);
}
.outdoor-page .outdoor-hero::before {
  content:""; position:absolute; z-index:-1; width:530px; height:530px; right:-150px; top:-230px;
  border:1px solid rgba(207,237,217,.24); border-radius:50%;
  box-shadow:0 0 0 80px rgba(207,237,217,.04),0 0 0 160px rgba(207,237,217,.025);
  pointer-events:none;
}
.outdoor-page .outdoor-hero::after {
  content:""; position:absolute; z-index:-1; width:380px; height:380px; left:-140px; bottom:-285px;
  border:1px solid rgba(207,237,217,.19); border-radius:50%;
  box-shadow:0 0 0 63px rgba(207,237,217,.035); pointer-events:none;
}
.outdoor-page .outdoor-hero > div { align-self:center; max-width:980px; }
.outdoor-page .outdoor-hero .home-eyebrow { display:flex; align-items:center; gap:12px; margin-bottom:20px; color:#b9dfce; font-size:.72rem; letter-spacing:.18em; }
.outdoor-page .outdoor-hero .home-eyebrow::before { content:""; width:28px; height:1px; background:#b9dfce; }
.outdoor-page .outdoor-hero h1 { max-width:15ch; margin-bottom:16px; color:#f8fbf8; font-size:clamp(3.25rem,4.8vw,4.9rem); line-height:.98; letter-spacing:-.07em; }
.outdoor-page .outdoor-hero h1 span { display:block; color:#b8e4d3; font-family:Georgia,"Times New Roman",serif; font-size:.97em; font-style:italic; font-weight:400; letter-spacing:-.073em; }
.outdoor-page .outdoor-hero .hero-lead { max-width:49ch; margin:0; color:#d8eae1; font-size:.95rem; line-height:1.62; }
.outdoor-page .outdoor-quick-links { display:flex; flex-wrap:wrap; gap:8px; margin-top:26px; }
.outdoor-page .outdoor-quick-links a { display:inline-flex; align-items:center; gap:13px; min-height:39px; padding:0 13px; color:#f0fbf3; background:rgba(255,255,255,.09); border:1px solid rgba(225,247,236,.25); border-radius:999px; font-size:.71rem; font-weight:740; text-decoration:none; transition:background 180ms ease,border-color 180ms ease; }
.outdoor-page .outdoor-quick-links a:first-child { color:#173d34; background:#c4e9d6; border-color:#c4e9d6; }
.outdoor-page .outdoor-quick-links a:hover { background:rgba(255,255,255,.19); border-color:rgba(225,247,236,.65); }
.outdoor-page .outdoor-quick-links a:first-child:hover { background:#def4e6; }
.outdoor-page .outdoor-quick-links a:focus-visible { outline:3px solid #c4e9d6; outline-offset:3px; }
.outdoor-page .outdoor-status-card {
  position:relative; display:flex; align-items:flex-start; gap:13px; min-height:0;
  margin-top:18px; padding:18px 20px;
  color:#183b32; background:#fff; border:1px solid rgba(40,108,94,.16); border-radius:16px;
  box-shadow:0 9px 27px rgba(22,67,51,.065);
}
.outdoor-page .outdoor-status-card::before { content:""; position:absolute; top:15px; bottom:15px; left:0; width:3px; height:auto; background:#4d9477; border-radius:0 3px 3px 0; }
.outdoor-page .outdoor-status-card[data-warning="true"]::before { background:#b9853b; }
.outdoor-page .outdoor-status-card .status-symbol { display:grid; flex:0 0 29px; place-items:center; width:29px; height:29px; color:#2c7962; background:#e3f2e9; border-radius:50%; font-size:.65rem; }
.outdoor-page .outdoor-status-card[data-warning="true"] .status-symbol { color:#95601e; background:#f8ead2; }
.outdoor-page .outdoor-status-card > div { display:grid; gap:2px; min-width:0; }
.outdoor-page .outdoor-status-card .status-label { color:#397865; font-size:.67rem; font-weight:820; letter-spacing:.1em; text-transform:uppercase; }
.outdoor-page .outdoor-status-card strong { max-width:none; font-size:clamp(.94rem,1.1vw,1.06rem); line-height:1.35; letter-spacing:-.02em; }
.outdoor-page .outdoor-status-card small { color:#60796e; font-size:.75rem; line-height:1.4; }

.outdoor-page .outdoor-controls {
  position:relative; z-index:1; margin:-29px 26px 0; padding:clamp(27px,3.2vw,42px);
  background:#fff; border:1px solid rgba(32,80,62,.12); border-radius:28px;
  box-shadow:0 25px 70px rgba(22,67,51,.12);
}
.outdoor-page .outdoor-controls > header { display:flex; align-items:end; justify-content:space-between; gap:25px; margin-bottom:23px; }
.outdoor-page .outdoor-controls > header .home-eyebrow::before { content:"01 / "; color:#8aab98; }
.outdoor-page .outdoor-controls h2 { font-size:clamp(2.2rem,3.7vw,3.45rem); line-height:1.02; }
.outdoor-page .outdoor-controls-grid { grid-template-columns:minmax(0,1.28fr) minmax(265px,.72fr); align-items:start; gap:16px; }
.outdoor-page .location-panel,.outdoor-page .break-time-panel { padding:clamp(20px,2.3vw,29px); background:#f3f8f3; border-color:rgba(32,80,62,.12); border-radius:20px; }
.outdoor-page .break-time-panel { background:#f8f5ec; border-color:rgba(120,104,58,.13); }
.outdoor-page .location-panel h3,.outdoor-page .break-time-panel > label { font-size:.89rem; }
.outdoor-page .manual-location-form input,.outdoor-page .break-time-panel select { min-height:52px; font-size:.94rem; }
.outdoor-page .manual-location-form .coach-button,.outdoor-page #use-current-location { min-height:52px; }
.outdoor-page .confirmed-location { background:#e3f2e9; }
.outdoor-page .confirmed-location strong { font-size:.9rem; line-height:1.45; }
.outdoor-page .confirmed-location small { font-size:.75rem; }
.outdoor-page .location-panel .control-message { margin-top:13px; color:#356a55; font-size:.87rem; font-weight:690; line-height:1.45; }
.outdoor-page .location-panel .control-message[data-error="true"] { color:#8a551c; }
.outdoor-page .location-privacy-note { display:flex; align-items:flex-start; gap:9px; margin-top:12px; padding-top:13px; color:#526e60; border-top:1px solid rgba(40,108,94,.13); font-size:.88rem; line-height:1.5; }
.outdoor-page .location-privacy-note > span:first-child { flex:0 0 18px; color:#397865; font-size:1.1rem; line-height:1.1; }
.outdoor-page .location-privacy-note a { color:#225d4d; text-underline-offset:2px; }
.outdoor-page .location-privacy-note a:focus-visible { outline:3px solid rgba(40,108,94,.3); outline-offset:3px; }

.outdoor-page .weather-panel {
  grid-template-columns:minmax(0,.66fr) minmax(0,1.34fr); gap:35px;
  margin:17px 0 0; padding:27px 34px; background:#e4f0e8; color:#183b32;
  border:1px solid rgba(40,108,94,.12); border-radius:25px; box-shadow:none;
}
.outdoor-page .weather-panel .home-eyebrow { color:#286c5e; }
.outdoor-page .weather-panel .home-eyebrow::before { content:"02 / "; color:#8aab98; }
.outdoor-page .weather-copy h2 { max-width:15ch; margin-bottom:11px; color:#183b32; font-size:clamp(1.9rem,3.2vw,2.85rem); line-height:1.06; overflow-wrap:anywhere; }
.outdoor-page .weather-copy h2 span { color:#397865; }
.outdoor-page .weather-copy p { color:#426456; }
.outdoor-page .weather-copy small { color:#60796e; }
.outdoor-page .weather-readings { gap:8px; }
.outdoor-page .weather-readings div { min-height:84px; padding:14px 12px; background:#fff; border-color:rgba(40,108,94,.1); border-radius:14px; }
.outdoor-page .weather-readings dt { color:#648174; }
.outdoor-page .weather-readings dd { color:#183b32; }

.outdoor-page .outdoor-view-picker {
  position:sticky; top:10px; z-index:30; display:flex; align-items:center; gap:7px;
  margin:19px 0 0; padding:9px; background:rgba(255,255,255,.96);
  border:1px solid rgba(40,108,94,.16); border-radius:17px;
  box-shadow:0 11px 35px rgba(18,58,48,.13); backdrop-filter:blur(14px);
}
.outdoor-page .outdoor-view-picker > span { flex:1; padding-left:13px; color:#668777; font-size:.68rem; font-weight:820; letter-spacing:.12em; text-transform:uppercase; }
.outdoor-page .outdoor-view-picker button { appearance:none; min-height:43px; padding:0 22px; color:#47685a; background:transparent; border:1px solid transparent; border-radius:11px; cursor:pointer; font:770 .78rem/1.2 Inter,ui-sans-serif,system-ui,sans-serif; transition:background 180ms ease,color 180ms ease; }
.outdoor-page .outdoor-view-picker button:hover { background:#edf5ed; }
.outdoor-page .outdoor-view-picker button[aria-pressed="true"] { color:#f8fbf8; background:#225d4d; box-shadow:0 7px 16px rgba(22,67,51,.18); }
.outdoor-page .outdoor-view-picker button:focus-visible { outline:3px solid rgba(40,108,94,.32); outline-offset:3px; }
.outdoor-page .outdoor-view-panel[hidden] { display:none; }
.outdoor-page #destination-title,.outdoor-page #route-title,.outdoor-page #activity-recommendation-title { scroll-margin-top:132px; }

.outdoor-page .activity-recommendation {
  margin:19px 0 0; padding:clamp(30px,3.6vw,48px); background:#e8f2e8;
  border:1px solid rgba(40,108,94,.11); border-radius:29px; box-shadow:none;
}
.outdoor-page .activity-recommendation-heading { margin-bottom:24px; }
.outdoor-page .activity-recommendation-heading .home-eyebrow::before { content:"05 / "; color:#8aab98; }
.outdoor-page .activity-recommendation-heading h2 { max-width:19ch; font-size:clamp(2.4rem,3.55vw,3.45rem); line-height:1.03; letter-spacing:-.06em; }
.outdoor-page .activity-recommendation-heading p:last-child { max-width:57ch; }
.outdoor-page .recommendation-mode { background:#d5e8d8; }
.outdoor-page a.recommendation-mode { display:inline-flex; align-items:center; gap:12px; color:#225d4d; text-decoration:none; transition:background 180ms ease,transform 180ms ease; }
.outdoor-page a.recommendation-mode:hover { background:#c6e3cc; transform:translateY(-2px); }
.outdoor-page a.recommendation-mode:focus-visible { outline:3px solid rgba(40,108,94,.32); outline-offset:3px; }
.outdoor-page .recommendation-context-summary { margin:0 0 21px; }
.outdoor-page .recommendation-context-summary span { padding:9px 13px; background:rgba(255,255,255,.7); font-size:.76rem; }
.outdoor-page .recommendation-workspace { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:start; gap:14px; }
.outdoor-page .activity-need-form,.outdoor-page .recommendation-output { padding:clamp(24px,2.6vw,36px); background:#fff; border-color:rgba(40,108,94,.11); border-radius:22px; }
.outdoor-page .activity-need-form legend,.outdoor-page .activity-need-form > label { font-size:.88rem; }
.outdoor-page .activity-need-options button { min-height:46px; font-size:.86rem; }
.outdoor-page .activity-need-form textarea { font-size:.88rem; }
.outdoor-page .recommendation-output { background:#f7f3e7; border-color:rgba(120,104,58,.13); }
.outdoor-page #activity-recommendation-result { scroll-margin-top:90px; }
.outdoor-page #activity-recommendation-result:focus:not(:focus-visible) { outline:none; }
.outdoor-page #activity-recommendation-result:focus-visible { outline:3px solid rgba(40,108,94,.32); outline-offset:4px; border-radius:12px; }
.outdoor-page .recommendation-result { padding:0; }
.outdoor-page .recommendation-result-topline { align-items:center; margin-bottom:13px; }
.outdoor-page .recommendation-result-topline strong { display:inline-flex; align-items:center; min-height:35px; padding:0 12px; color:#215848; background:#e2eee2; border-radius:999px; font-size:.73rem; letter-spacing:.04em; }
.outdoor-page .recommendation-result h3 { max-width:17ch; margin-bottom:16px; font-size:clamp(1.9rem,2.45vw,2.6rem); line-height:1.07; }
.outdoor-page .recommendation-fit { display:flex; align-items:center; gap:13px; padding:15px 17px; background:#fff; border:1px solid rgba(40,108,94,.12); border-radius:15px; }
.outdoor-page .recommendation-fit > span { display:grid; flex:0 0 28px; place-items:center; width:28px; height:28px; color:#fff; background:#286c5e; border-radius:50%; font-size:.83rem; }
.outdoor-page .recommendation-fit p { margin:0; color:#254e40; font-size:.9rem; font-weight:710; line-height:1.45; }
.outdoor-page .recommendation-weather-note { display:flex; align-items:center; gap:9px; margin:10px 0 0; color:#7a5727; font-size:.88rem; font-weight:660; line-height:1.45; }
.outdoor-page .recommendation-weather-note::before { content:"!"; display:grid; flex:0 0 19px; place-items:center; width:19px; height:19px; color:#fff; background:#ab7937; border-radius:50%; font-size:.7rem; }
.outdoor-page .recommendation-change { margin:12px 0 0; border:1px solid rgba(40,108,94,.1); }
.outdoor-page .recommendation-steps { margin-top:23px; }
.outdoor-page .recommendation-steps > p { margin:0 0 10px; color:#397865; font-size:.68rem; font-weight:820; letter-spacing:.13em; text-transform:uppercase; }
.outdoor-page .recommendation-steps ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin:0; padding:0; list-style:none; counter-reset:step; }
.outdoor-page .recommendation-steps li { position:relative; min-width:0; min-height:126px; margin:0; padding:45px 14px 15px; color:#254439; background:rgba(255,255,255,.82); border:1px solid rgba(40,108,94,.11); border-radius:14px; font-size:.88rem; line-height:1.43; counter-increment:step; }
.outdoor-page .recommendation-steps li::before { content:counter(step,decimal-leading-zero); position:absolute; top:15px; left:14px; color:#397865; font-size:.72rem; font-weight:830; letter-spacing:.05em; }
.outdoor-page .recommendation-explanation { margin-top:13px; border-bottom:1px solid rgba(40,108,94,.15); }
.outdoor-page .recommendation-explanation summary { display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:46px; color:#225d4d; cursor:pointer; font-size:.86rem; font-weight:760; list-style:none; }
.outdoor-page .recommendation-explanation summary::-webkit-details-marker { display:none; }
.outdoor-page .recommendation-explanation summary:focus-visible { outline:3px solid rgba(40,108,94,.3); outline-offset:2px; }
.outdoor-page .recommendation-explanation summary span { font-size:1.05rem; transition:transform 180ms ease; }
.outdoor-page .recommendation-explanation[open] summary span { transform:rotate(45deg); }
.outdoor-page .recommendation-explanation p { max-width:65ch; margin:0 0 14px; color:#51685c; font-size:.87rem; line-height:1.55; }
.outdoor-page .recommendation-safety { margin-top:13px; padding:0; border:0; font-size:.86rem; }
.outdoor-page .activity-outcome-actions { margin-top:17px; padding-top:16px; }
.outdoor-page .recommendation-empty h3 { max-width:17ch; font-size:clamp(1.8rem,2.7vw,2.55rem); line-height:1.06; }
.outdoor-page .activity-feedback-center { margin-top:20px; padding:28px 32px; background:#f9fbf8; }
.outdoor-page .outdoor-activity-library { margin-top:24px; padding:20px 24px 0; border:1px solid rgba(40,108,94,.14); border-radius:18px; background:#f8fbf8; }
.outdoor-page .outdoor-activity-library[open] { padding-bottom:24px; }
.outdoor-page .outdoor-activity-library-heading { align-items:start; }
.outdoor-page .outdoor-activity-library-heading { cursor:pointer; list-style:none; margin:0; padding-bottom:20px; }
.outdoor-page .outdoor-activity-library-heading::-webkit-details-marker { display:none; }
.outdoor-page .outdoor-activity-library-heading:focus-visible { outline:3px solid rgba(40,108,94,.32); outline-offset:4px; border-radius:8px; }
.outdoor-page .outdoor-activity-library-heading h3 { font-size:clamp(1.5rem,2.25vw,2.2rem); line-height:1.08; }
.outdoor-page #outdoor-activity-library-title { scroll-margin-top:110px; }
.outdoor-page .disclosure-cue { display:flex; align-items:center; gap:11px; color:#286c5e; font-size:.73rem; font-weight:800; white-space:nowrap; }
.outdoor-page .disclosure-cue > span:last-child { display:grid; place-items:center; width:32px; height:32px; border-radius:50%; background:#e3f2e9; font-size:1rem; transition:transform 180ms ease; }
.outdoor-page .outdoor-activity-library .cue-open { display:none; }
.outdoor-page .outdoor-activity-library[open] .cue-open { display:inline; }
.outdoor-page .outdoor-activity-library[open] .cue-closed { display:none; }
.outdoor-page .outdoor-activity-library[open] .disclosure-cue > span:last-child { transform:rotate(45deg); }
.outdoor-page .outdoor-activity-library > .outdoor-activity-filters { justify-content:flex-start; margin:4px 0 16px; }
.outdoor-page .outdoor-activity-card { min-height:235px; padding:25px; background:#fff; border-radius:19px; transition:transform 220ms ease,box-shadow 220ms ease; }
.outdoor-page .outdoor-activity-card:hover,.outdoor-page .outdoor-activity-card:focus-within { transform:translateY(-4px); box-shadow:0 18px 40px rgba(26,74,58,.11); }
.outdoor-page .outdoor-activity-card h3 { font-size:1.28rem; }

.outdoor-page .destination-browser {
  margin:19px 0 15px; padding:clamp(30px,4vw,48px);
  color:#f7fbf7; background:linear-gradient(145deg,#173d34,#245c4d);
  border-radius:30px; box-shadow:0 26px 65px rgba(18,58,48,.14);
}
.outdoor-page .destination-heading { align-items:start; margin-bottom:30px; }
.outdoor-page .destination-heading .home-eyebrow { color:#bce0d1; }
.outdoor-page .destination-heading .home-eyebrow::before { content:"03 / "; color:#86b8a1; }
.outdoor-page .destination-heading h2 { max-width:16ch; color:#f7fbf7; font-size:clamp(2.45rem,3.8vw,3.55rem); line-height:1.02; letter-spacing:-.06em; }
.outdoor-page .destination-heading p:last-child { color:#d3e8dd; }
.outdoor-page .destination-heading > .text-button { color:#d7eee2; }
.outdoor-page .destination-filters { margin-bottom:24px; }
.outdoor-page .destination-filters button { color:#e0f0e5; background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.24); }
.outdoor-page .destination-filters button:hover { color:#fff; border-color:rgba(255,255,255,.6); }
.outdoor-page .destination-filters button[aria-pressed="true"] { color:#173d34; background:#c4e9d6; border-color:#c4e9d6; }
.outdoor-page .destination-filters button:focus-visible { outline-color:#c4e9d6; }
.outdoor-page .destination-card { padding:27px; border-radius:19px; }
.outdoor-page .destination-card h3 { font-size:1.5rem; }
.outdoor-page .destination-browser .outdoor-empty { color:#34574a; background:#edf4ec; }

.outdoor-page .route-workspace { gap:13px; padding:13px; background:#fff; border-color:rgba(32,80,62,.12); border-radius:26px; }
.outdoor-page .route-workspace[hidden] { display:none; }
.outdoor-page .route-details { padding:clamp(25px,3vw,39px); background:#f6f5ed; border:0; border-radius:18px; }
.outdoor-page .route-details .home-eyebrow::before { content:"04 / "; color:#9b9b79; }
.outdoor-page .route-details h2 { font-size:clamp(2rem,3vw,2.8rem); }
.outdoor-page .route-facts { grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 16px; margin-top:17px; }
.outdoor-page .route-facts div { align-items:flex-start; flex-direction:column; gap:5px; padding:11px 0; }
.outdoor-page .route-facts dd { text-align:left; }
.outdoor-page .route-map,.outdoor-page .route-map-panel { min-height:310px; }
.outdoor-page .outdoor-data-note { display:block; margin-top:52px; padding:0; border:1px solid rgba(40,108,94,.14); border-radius:18px; background:#f7faf6; }
.outdoor-page .outdoor-data-note summary { display:flex; align-items:center; gap:15px; min-height:70px; padding:19px 24px; cursor:pointer; list-style:none; }
.outdoor-page .outdoor-data-note summary::-webkit-details-marker { display:none; }
.outdoor-page .outdoor-data-note summary:focus-visible { outline:3px solid rgba(40,108,94,.32); outline-offset:4px; }
.outdoor-page .outdoor-data-note summary span:first-child { color:#56826e; font-size:.68rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.outdoor-page .outdoor-data-note summary strong { color:#183b32; font-size:1.04rem; letter-spacing:-.02em; }
.outdoor-page .outdoor-data-note summary span:last-child { margin-left:auto; color:#286c5e; font-size:1.15rem; transition:transform 180ms ease; }
.outdoor-page .outdoor-data-note[open] summary span:last-child { transform:rotate(45deg); }
.outdoor-page .outdoor-data-note > div { padding:0 24px 20px; }
.outdoor-page .outdoor-data-note > div p { max-width:92ch; }

@media (max-width:1100px) {
  .outdoor-page .outdoor-hero { min-height:0; }
  .outdoor-page .weather-panel { grid-template-columns:1fr; gap:20px; }
  .outdoor-page .weather-copy h2 { max-width:none; }
}
@media (max-width:900px) {
  .outdoor-page .outdoor-controls-grid,
  .outdoor-page .recommendation-workspace,
  .outdoor-page .route-workspace { grid-template-columns:1fr; }
  .outdoor-page .recommendation-steps ol { grid-template-columns:1fr; }
  .outdoor-page .recommendation-steps li { min-height:0; padding:15px 14px 15px 47px; }
  .outdoor-page .recommendation-steps li::before { top:17px; }
}
@media (max-width:760px) {
  .outdoor-page .outdoor-hero { margin-top:16px; padding:36px 32px 57px; border-radius:27px; }
  .outdoor-page .outdoor-hero h1 { font-size:clamp(3.1rem,9vw,4.6rem); }
  .outdoor-page .outdoor-controls { margin:-29px 12px 0; padding:30px 26px; }
  .outdoor-page .outdoor-controls-grid { grid-template-columns:1fr; }
  .outdoor-page .weather-panel { padding:29px; }
  .outdoor-page .weather-readings { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .outdoor-page .activity-recommendation { margin-top:14px; padding:32px 27px; }
  .outdoor-page .activity-recommendation-heading { flex-direction:column; gap:12px; }
  .outdoor-page .recommendation-workspace { grid-template-columns:1fr; }
  .outdoor-page .outdoor-activity-library-heading { flex-direction:column; }
  .outdoor-page .outdoor-activity-filters { justify-content:flex-start; }
  .outdoor-page .destination-browser { margin-top:14px; padding:35px 27px; }
}
@media (max-width:560px) {
  .outdoor-page .outdoor-hero { gap:16px; padding:25px 24px 45px; border-radius:24px; }
  .outdoor-page .outdoor-hero .home-eyebrow { margin-bottom:14px; }
  .outdoor-page .outdoor-hero h1 { margin-bottom:10px; font-size:clamp(2.45rem,9.8vw,3.25rem); line-height:1.02; }
  .outdoor-page .outdoor-hero .hero-lead { font-size:.91rem; line-height:1.62; }
  .outdoor-page .outdoor-quick-links { gap:7px; margin-top:17px; }
  .outdoor-page .outdoor-quick-links a { min-height:38px; padding:0 11px; font-size:.68rem; }
  .outdoor-page .outdoor-status-card { padding:14px 15px; }
  .outdoor-page .outdoor-status-card strong { font-size:.92rem; }
  .outdoor-page .outdoor-status-card small { font-size:.72rem; }
  .outdoor-page .location-privacy-note { font-size:.88rem; }
  .outdoor-page .outdoor-controls { margin:-28px 8px 0; padding:24px 20px; border-radius:21px; }
  .outdoor-page .outdoor-controls > header { align-items:flex-start; flex-direction:column; gap:9px; margin-bottom:23px; }
  .outdoor-page .outdoor-controls h2 { font-size:2.35rem; }
  .outdoor-page .location-panel,.outdoor-page .break-time-panel { padding:20px; }
  .outdoor-page .manual-location-form > div { flex-wrap:wrap; }
  .outdoor-page .manual-location-form .coach-button { width:100%; }
  .outdoor-page .weather-panel { padding:26px 22px; border-radius:21px; }
  .outdoor-page .weather-readings { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .outdoor-page .weather-readings div { min-height:78px; }
  .outdoor-page .weather-readings dd { font-size:.72rem; }
  .outdoor-page .outdoor-view-picker { top:7px; gap:4px; margin-top:14px; padding:7px; }
  .outdoor-page .outdoor-view-picker > span { display:none; }
  .outdoor-page .outdoor-view-picker button { flex:1; min-height:48px; padding:0 7px; font-size:.7rem; }
  .outdoor-page .activity-recommendation { padding:28px 20px; border-radius:22px; }
  .outdoor-page .activity-recommendation-heading h2 { font-size:clamp(2.45rem,9.8vw,3.2rem); }
  .outdoor-page .activity-need-form,.outdoor-page .recommendation-output { padding:22px; }
  .outdoor-page .activity-feedback-center { padding:23px; }
  .outdoor-page .outdoor-activity-library { margin-top:20px; padding:18px 19px 0; }
  .outdoor-page .outdoor-activity-library[open] { padding-bottom:19px; }
  .outdoor-page .outdoor-activity-library-heading { gap:10px; }
  .outdoor-page .outdoor-activity-library-heading h3 { font-size:1.45rem; }
  .outdoor-page .destination-browser { padding:30px 21px; border-radius:22px; }
  .outdoor-page .destination-heading h2 { font-size:clamp(2.3rem,9.3vw,3.2rem); }
  .outdoor-page .destination-filters button { min-height:44px; }
  .outdoor-page .route-workspace { padding:8px; }
  .outdoor-page .route-map,.outdoor-page .route-map-panel { min-height:275px; }
  .outdoor-page .route-facts { grid-template-columns:1fr 1fr; }
  .outdoor-page .outdoor-data-note summary { flex-wrap:wrap; gap:5px 12px; padding:17px 20px; }
  .outdoor-page .outdoor-data-note summary strong { width:calc(100% - 35px); }
  .outdoor-page .outdoor-data-note > div { padding:0 20px 17px; }
}
@media (prefers-reduced-motion:reduce) {
  .outdoor-page .outdoor-activity-card:hover,.outdoor-page .outdoor-activity-card:focus-within { transform:none; }
  .outdoor-page .outdoor-quick-links a,.outdoor-page .disclosure-cue > span:last-child,.outdoor-page .outdoor-data-note summary span:last-child { transition:none; }
  .outdoor-page .outdoor-view-picker button { transition:none; }
  .outdoor-page .recommendation-explanation summary span { transition:none; }
  .outdoor-page a.recommendation-mode { transition:none; }
  .outdoor-page a.recommendation-mode:hover { transform:none; }
}
@media (max-width:360px) {
  .outdoor-page .weather-readings { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* Task-led Outdoor workspace: each stage keeps its existing controls and data. */
.outdoor-page .outdoor-hero {
  min-height:0; margin:14px 0 0; padding:22px clamp(26px,3vw,42px); border-radius:23px;
  box-shadow:0 16px 42px rgba(18,58,48,.12);
}
.outdoor-page .outdoor-hero::before { width:350px; height:350px; right:-130px; top:-240px; }
.outdoor-page .outdoor-hero::after { display:none; }
.outdoor-page .outdoor-hero > div { max-width:none; }
.outdoor-page .outdoor-hero .home-eyebrow { margin-bottom:6px; font-size:.65rem; }
.outdoor-page .outdoor-hero h1 { max-width:none; margin:0 0 6px; font-size:clamp(2.25rem,3.4vw,3.45rem); line-height:1.02; }
.outdoor-page .outdoor-hero h1 span { display:inline; }
.outdoor-page .outdoor-hero .hero-lead { font-size:.86rem; }
.outdoor-page .outdoor-quick-links { margin-top:11px; }

.outdoor-page .outdoor-task-shell { display:grid; grid-template-columns:174px minmax(0,1fr); align-items:start; gap:16px; margin-top:18px; }
.outdoor-page .outdoor-task-main { min-width:0; min-height:590px; padding:clamp(18px,2.25vw,30px); background:#f6f9f5; border:1px solid rgba(32,80,62,.13); border-radius:26px; }
.outdoor-page .outdoor-view-picker {
  position:sticky; top:16px; display:flex; flex-direction:column; align-items:stretch; gap:5px;
  margin:0; padding:14px 10px; border-radius:20px; box-shadow:0 11px 30px rgba(18,58,48,.075);
}
.outdoor-page .outdoor-view-picker > span { flex:none; margin-bottom:8px; padding:0 9px; font-size:.65rem; }
.outdoor-page .outdoor-view-picker button { display:flex; align-items:center; gap:10px; justify-content:flex-start; width:100%; min-height:48px; padding:0 11px; text-align:left; font-size:.83rem; }
.outdoor-page .outdoor-view-picker button > span { display:grid; place-items:center; flex:0 0 25px; width:25px; height:25px; border:1px solid currentColor; border-radius:50%; font-size:.65rem; opacity:.75; }
.outdoor-page .outdoor-view-picker button[aria-pressed="true"] { color:#173d34; background:#e0f0e6; box-shadow:none; }
.outdoor-page .recommendation-context-summary { display:flex; flex-wrap:wrap; gap:7px; margin:0 0 20px; padding:9px; background:#fff; border:1px solid rgba(32,80,62,.11); border-radius:13px; }
.outdoor-page .recommendation-context-summary span { padding:6px 10px; font-size:.72rem; background:#f4f8f4; }
.outdoor-page .outdoor-view-panel[hidden],.outdoor-page #finish-workspace[hidden] { display:none; }
.outdoor-page #places-workspace:not([hidden]) { display:grid; grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr); align-items:start; gap:12px; }
.outdoor-page #places-workspace > .outdoor-controls { grid-column:1; grid-row:1; }
.outdoor-page #places-workspace > .weather-disclosure { grid-column:1; grid-row:2; }
.outdoor-page #places-workspace > .destination-browser { grid-column:2; grid-row:1 / span 2; }
.outdoor-page #places-workspace > .route-workspace,.outdoor-page #places-workspace > .outdoor-alternative,.outdoor-page #places-workspace > .outdoor-next-step { grid-column:1 / -1; }
.outdoor-page #outdoor-controls-title,.outdoor-page #activity-recommendation-title,.outdoor-page #finish-title { scroll-margin-top:26px; }
.outdoor-page #outdoor-controls-title:focus:not(:focus-visible),.outdoor-page #activity-recommendation-title:focus:not(:focus-visible),.outdoor-page #finish-title:focus:not(:focus-visible) { outline:none; }

.outdoor-page .outdoor-controls { margin:0; padding:0; background:transparent; border:0; border-radius:0; box-shadow:none; }
.outdoor-page .outdoor-controls > header { display:block; margin:0 0 17px; }
.outdoor-page .outdoor-controls > header .home-eyebrow::before { content:none; }
.outdoor-page .outdoor-controls h2,.outdoor-page .activity-recommendation-heading h2,.outdoor-page .finish-heading h2 { font-size:clamp(2.15rem,3.2vw,3.1rem); line-height:1.05; letter-spacing:-.065em; }
.outdoor-page .outdoor-controls-grid { grid-template-columns:1fr; gap:10px; }
.outdoor-page .location-panel,.outdoor-page .break-time-panel { padding:clamp(18px,1.8vw,25px); background:#fff; border-color:rgba(32,80,62,.12); border-radius:17px; }
.outdoor-page .break-time-panel { background:#f9f5ea; }
.outdoor-page .location-panel h3,.outdoor-page .break-time-panel > label { margin-bottom:11px; }
.outdoor-page .manual-location-form { margin-top:13px; }
.outdoor-page .manual-location-form input,.outdoor-page .break-time-panel select,.outdoor-page .manual-location-form .coach-button,.outdoor-page #use-current-location { min-height:46px; }
.outdoor-page .outdoor-status-card { margin-top:12px; padding:12px 15px; box-shadow:none; }
.outdoor-page .outdoor-status-card .status-symbol { width:23px; height:23px; flex-basis:23px; }
.outdoor-page .outdoor-status-card strong { font-size:.82rem; }
.outdoor-page .outdoor-status-card small { font-size:.68rem; }
.outdoor-page .location-panel .control-message { margin-top:10px; font-size:.77rem; }
.outdoor-page .location-panel .control-message:empty { display:none; }
.outdoor-page .location-privacy-note { margin-top:8px; padding-top:9px; font-size:.73rem; }
.outdoor-page .break-time-explanation { margin:11px 0; }
.outdoor-page .break-time-explanation summary { color:#245e4d; cursor:pointer; font-size:.72rem; font-weight:750; }
.outdoor-page .break-time-explanation summary:focus-visible { outline:3px solid rgba(40,108,94,.3); outline-offset:2px; }
.outdoor-page .break-time-explanation p { margin:8px 0 0; }

.outdoor-page .weather-disclosure { margin-top:12px; background:#e7f2e9; border:1px solid rgba(40,108,94,.13); border-radius:17px; }
.outdoor-page .weather-disclosure summary { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:95px; padding:16px 20px; cursor:pointer; list-style:none; }
.outdoor-page .weather-disclosure summary::-webkit-details-marker { display:none; }
.outdoor-page .weather-disclosure summary:focus-visible { outline:3px solid rgba(40,108,94,.32); outline-offset:3px; }
.outdoor-page .weather-disclosure .home-eyebrow { margin:0 0 4px; color:#397865; font-size:.67rem; }
.outdoor-page .weather-copy h2 { max-width:none; margin:0 0 5px; font-size:1.08rem; line-height:1.3; }
.outdoor-page .weather-copy h2 span { color:#245e4d; }
.outdoor-page .weather-copy p { margin:0; color:#365b4c; font-size:.76rem; line-height:1.45; }
.outdoor-page .weather-glance { display:flex; align-items:center; gap:10px; flex:0 0 auto; }
.outdoor-page .weather-glance strong { font-size:.82rem; }
.outdoor-page .weather-glance > span:not(.weather-open-cue) { color:#245e4d; font-size:1.22rem; font-weight:800; }
.outdoor-page .weather-open-cue { color:#245e4d; font-size:.72rem; font-weight:800; white-space:nowrap; }
.outdoor-page .weather-disclosure[open] .weather-open-cue { font-size:0; }
.outdoor-page .weather-disclosure[open] .weather-open-cue::after { content:"Close −"; font-size:.72rem; }
.outdoor-page .weather-panel { display:block; margin:0; padding:0 20px 16px; background:transparent; border:0; border-radius:0; }
.outdoor-page .weather-readings { grid-template-columns:repeat(3,minmax(0,1fr)); max-width:640px; margin:0 0 9px; }
.outdoor-page .weather-readings div { min-height:62px; padding:11px; }
.outdoor-page .weather-readings dt { margin-bottom:4px; }
.outdoor-page .weather-panel small { color:#60796e; font-size:.68rem; }

.outdoor-page .destination-browser { margin:0; padding:20px; color:#183b32; background:#fff; border:1px solid rgba(32,80,62,.12); border-radius:18px; box-shadow:none; }
.outdoor-page .destination-heading { align-items:center; gap:12px; margin-bottom:13px; }
.outdoor-page .destination-heading .home-eyebrow { margin-bottom:5px; color:#397865; }
.outdoor-page .destination-heading .home-eyebrow::before { content:none; }
.outdoor-page .destination-heading h2 { max-width:none; margin-bottom:5px; color:#183b32; font-size:clamp(1.4rem,2vw,1.85rem); }
.outdoor-page .destination-heading p:last-child { color:#60796e; font-size:.78rem; line-height:1.45; }
.outdoor-page .destination-heading > .text-button { color:#245e4d; }
.outdoor-page .destination-filters { gap:6px; margin-bottom:10px; }
.outdoor-page .destination-filters button { min-height:35px; padding:0 11px; color:#4f6e60; background:#f5f9f5; border-color:rgba(32,80,62,.14); font-size:.69rem; }
.outdoor-page .destination-filters button[aria-pressed="true"] { color:#fff; background:#245e4d; border-color:#245e4d; }
.outdoor-page .destination-grid { display:grid; grid-template-columns:1fr; gap:7px; }
.outdoor-page .destination-card { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:4px 15px; padding:15px; border-radius:13px; box-shadow:none; }
.outdoor-page .destination-card[data-fit="true"] { box-shadow:inset 3px 0 0 #397865; }
.outdoor-page .destination-card h3 { grid-column:1; margin:0; font-size:1.12rem; }
.outdoor-page .destination-card .destination-topline { grid-column:1 / -1; justify-content:flex-start; gap:8px; }
.outdoor-page .destination-card .destination-fit { padding:3px 7px; }
.outdoor-page .destination-card .destination-meta { grid-column:1; margin:1px 0 0; color:#526e60; font-size:.75rem; line-height:1.4; }
.outdoor-page .destination-card .destination-route-note { grid-column:1; min-height:0; margin:1px 0 0; color:#785d35; font-size:.72rem; }
.outdoor-page .destination-card .coach-button { grid-column:2; grid-row:2 / span 3; width:auto; min-height:42px; margin:0; white-space:nowrap; }
.outdoor-page .destination-card .destination-details { grid-column:1 / -1; margin-top:6px; }
.outdoor-page .destination-details summary { color:#245e4d; cursor:pointer; font-size:.72rem; font-weight:750; }
.outdoor-page .destination-details summary:focus-visible { outline:3px solid rgba(40,108,94,.3); outline-offset:2px; }
.outdoor-page .destination-details .destination-facts { grid-template-columns:repeat(4,minmax(0,1fr)); margin:9px 0 0; }
.outdoor-page .destination-details .destination-facts span { padding:8px; }
.outdoor-page .destination-browser .outdoor-empty { color:#34574a; background:#f2f7f1; }
.outdoor-page .outdoor-next-step { display:flex; justify-content:flex-end; padding:16px 2px 0; }
.outdoor-page .outdoor-next-step .coach-button { min-height:46px; }

.outdoor-page .route-workspace { margin-top:13px; }
.outdoor-page .route-map,.outdoor-page .route-map-panel { min-height:300px; }
.outdoor-page .route-details { padding:23px; }
.outdoor-page .route-details .home-eyebrow::before { content:none; }
.outdoor-page .route-details h2 { font-size:clamp(1.55rem,2.2vw,2.1rem); }
.outdoor-page .route-facts { margin-top:10px; }
.outdoor-page .route-facts div { padding:9px 0; }
.outdoor-page .outdoor-alternative { margin-top:13px; padding:20px; }

.outdoor-page .activity-recommendation { margin:0; padding:0; background:transparent; border:0; border-radius:0; }
.outdoor-page .activity-recommendation-heading { align-items:end; margin-bottom:17px; }
.outdoor-page .activity-recommendation-heading .home-eyebrow::before { content:none; }
.outdoor-page .activity-recommendation-heading h2 { max-width:none; margin:0; }
.outdoor-page .recommendation-workspace { gap:12px; }
.outdoor-page .activity-need-form,.outdoor-page .recommendation-output { padding:clamp(18px,2vw,26px); border-radius:17px; }
.outdoor-page .activity-need-form { background:#fff; }
.outdoor-page .recommendation-output { background:#f8f3e8; }
.outdoor-page .activity-need-form legend,.outdoor-page .activity-need-form > label { font-size:.78rem; }
.outdoor-page .activity-need-options button { min-height:44px; }
.outdoor-page .activity-need-form textarea { min-height:68px; }
.outdoor-page .recommendation-result h3 { font-size:clamp(1.6rem,2.2vw,2.3rem); }
.outdoor-page .recommendation-steps { margin-top:15px; padding:0; border-top:1px solid rgba(40,108,94,.16); border-bottom:1px solid rgba(40,108,94,.16); }
.outdoor-page .recommendation-steps summary { display:flex; align-items:center; justify-content:space-between; min-height:48px; color:#225d4d; cursor:pointer; font-size:.81rem; font-weight:760; list-style:none; }
.outdoor-page .recommendation-steps summary::-webkit-details-marker { display:none; }
.outdoor-page .recommendation-steps summary:focus-visible { outline:3px solid rgba(40,108,94,.3); outline-offset:2px; }
.outdoor-page .recommendation-steps[open] summary span { transform:rotate(45deg); }
.outdoor-page .recommendation-steps ol { grid-template-columns:1fr; gap:5px; }
.outdoor-page .recommendation-steps li { min-height:0; padding:8px 12px 8px 38px; font-size:.78rem; }
.outdoor-page .recommendation-steps li::before { top:9px; left:10px; }
.outdoor-page .recommendation-fit { padding:12px; }
.outdoor-page .recommendation-fit p { font-size:.8rem; }
.outdoor-page .outdoor-activity-library { margin-top:12px; }
.outdoor-page #activities-workspace[data-mode="finish"] .activity-recommendation-heading,
.outdoor-page #activities-workspace[data-mode="finish"] .recommendation-workspace,
.outdoor-page #activities-workspace[data-mode="finish"] .outdoor-activity-library { display:none; }
.outdoor-page .finish-heading { margin:0 0 17px; }
.outdoor-page .finish-heading .home-eyebrow { margin-bottom:6px; }
.outdoor-page .finish-heading h2 { margin:0; }
.outdoor-page .activity-feedback-center { margin:0; padding:clamp(20px,2.4vw,32px); background:#fff; border-radius:18px; }
.outdoor-page .feedback-center-heading { gap:15px; }
.outdoor-page .feedback-center-heading h3 { font-size:clamp(1.25rem,1.8vw,1.65rem); }
.outdoor-page .outdoor-data-note { max-width:900px; margin:18px auto 0; }

@media (max-width:1100px) {
  .outdoor-page .recommendation-workspace { grid-template-columns:1fr; }
  .outdoor-page .break-time-panel { display:grid; grid-template-columns:minmax(0,220px) 1fr; align-items:center; gap:4px 16px; }
  .outdoor-page .break-time-panel > label { grid-column:1; }
  .outdoor-page .break-time-panel select { grid-column:1; }
  .outdoor-page .break-time-explanation { grid-column:2; grid-row:1 / span 2; margin:0; }
  .outdoor-page .break-time-panel .text-button { grid-column:1 / -1; margin-top:5px; }
}
@media (min-width:761px) and (max-width:980px) {
  .outdoor-page .outdoor-task-shell { grid-template-columns:1fr; gap:10px; }
  .outdoor-page .outdoor-view-picker { top:10px; flex-direction:row; }
  .outdoor-page .outdoor-view-picker > span { flex:1; margin:0; align-self:center; }
  .outdoor-page .outdoor-view-picker button { justify-content:center; width:auto; flex:1; }
}
@media (max-width:760px) {
  .outdoor-page .outdoor-hero { margin-top:8px; padding:13px 18px; border-radius:16px; }
  .outdoor-page .outdoor-hero .home-eyebrow,.outdoor-page .outdoor-hero .hero-lead,.outdoor-page .outdoor-quick-links { display:none; }
  .outdoor-page .outdoor-hero h1 { margin:0; font-size:clamp(1.45rem,5vw,2rem); }
  .outdoor-page .outdoor-task-shell { display:flex; flex-direction:column; gap:0; min-height:max(520px,calc(100dvh - 150px)); }
  .outdoor-page .outdoor-task-main { order:1; flex:1; width:100%; min-height:0; padding:17px; border-radius:20px 20px 0 0; }
  .outdoor-page .outdoor-view-picker { order:2; position:sticky; top:auto; bottom:0; z-index:35; flex-direction:row; width:100%; gap:4px; margin:0; padding:7px max(7px,env(safe-area-inset-left)) calc(7px + env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-right)); border-radius:0 0 18px 18px; }
  .outdoor-page .outdoor-view-picker > span { display:none; }
  .outdoor-page .outdoor-view-picker button { justify-content:center; flex:1; width:auto; min-height:48px; padding:0 4px; font-size:.74rem; }
  .outdoor-page .outdoor-view-picker button > span { width:19px; height:19px; flex-basis:19px; font-size:.56rem; }
  .outdoor-page .outdoor-controls-grid { grid-template-columns:1fr; }
  .outdoor-page #places-workspace:not([hidden]) { display:block; }
  .outdoor-page #places-workspace > .weather-disclosure,.outdoor-page #places-workspace > .destination-browser { margin-top:12px; }
  .outdoor-page .weather-disclosure summary { align-items:flex-start; }
  .outdoor-page .destination-details .destination-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .outdoor-page .route-workspace { grid-template-columns:1fr; }
}
@media (max-width:560px) {
  .outdoor-page .outdoor-hero { padding:12px 16px; }
  .outdoor-page .outdoor-hero h1 { font-size:clamp(1.35rem,5.8vw,1.8rem); }
  .outdoor-page .outdoor-task-main { padding:13px; }
  .outdoor-page .recommendation-context-summary { margin-bottom:15px; padding:7px; }
  .outdoor-page .recommendation-context-summary span { padding:5px 7px; font-size:.67rem; }
  .outdoor-page .outdoor-controls h2,.outdoor-page .activity-recommendation-heading h2,.outdoor-page .finish-heading h2 { font-size:clamp(1.9rem,8vw,2.5rem); }
  .outdoor-page .location-panel,.outdoor-page .break-time-panel { padding:17px; }
  .outdoor-page .break-time-panel { display:block; }
  .outdoor-page .break-time-explanation { margin:11px 0; }
  .outdoor-page .weather-disclosure summary { display:block; padding:15px; }
  .outdoor-page .weather-glance { margin-top:9px; }
  .outdoor-page .weather-copy h2 { font-size:.98rem; }
  .outdoor-page .weather-panel { padding:0 15px 15px; }
  .outdoor-page .weather-readings { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .outdoor-page .weather-readings div { padding:8px; }
  .outdoor-page .weather-readings dd { font-size:.7rem; }
  .outdoor-page .destination-browser { padding:17px; }
  .outdoor-page .destination-heading { display:block; }
  .outdoor-page .destination-heading > .text-button { margin-top:8px; }
  .outdoor-page .destination-card { grid-template-columns:1fr; gap:5px; }
  .outdoor-page .destination-card .coach-button { grid-column:1; grid-row:auto; width:100%; margin-top:6px; }
  .outdoor-page .destination-card .destination-details { grid-column:1; }
  .outdoor-page .outdoor-next-step .coach-button { width:100%; }
  .outdoor-page .activity-recommendation-heading { align-items:flex-start; }
  .outdoor-page .activity-need-form,.outdoor-page .recommendation-output { padding:18px; }
  .outdoor-page .activity-feedback-center { padding:18px; }
}
@media (prefers-reduced-motion:reduce) {
  .outdoor-page .outdoor-view-picker button,.outdoor-page .destination-card { transition:none; }
}
