/* Mountain Conditions snow and avalanche outlook for walkers. */
.walker-card { margin-top: 28px; margin-bottom: 28px; padding: 24px 26px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--white); color: var(--ink); }
.walker-card.is-snow { border: 2px solid var(--blue); background: linear-gradient(180deg, #e8f4fb 0, var(--white) 180px); box-shadow: 0 18px 40px rgba(6, 25, 41, .12); }
.walker-card h2 { margin: 0 0 6px; font-family: "Bebas Neue", sans-serif; font-size: clamp(30px, 4vw, 42px); font-weight: 400; line-height: 1; }
.walker-eyebrow { margin: 0 0 6px; color: var(--blue); font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.walker-where { margin: 0 0 14px; color: var(--muted); }
.walker-day { border-top: 1px solid var(--line); }
.walker-day > summary { display: grid; gap: 2px; padding: 12px 28px 12px 0; cursor: pointer; list-style: none; position: relative; }
.walker-day > summary::-webkit-details-marker { display: none; }
.walker-day > summary::after { content: "+"; position: absolute; right: 4px; top: 12px; color: var(--blue); font-size: 22px; font-weight: 700; line-height: 1; }
.walker-day[open] > summary::after { content: "–"; }
.walker-day-when { color: var(--muted); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.walker-day > summary strong { font-size: 18px; line-height: 1.35; }
.walker-day.is-snow > summary strong { color: #0b4f78; }
.walker-day-body { display: grid; gap: 12px; padding: 0 0 16px; }
.walker-section h4 { margin: 0 0 4px; font-size: 15px; }
.walker-section p { max-width: 760px; margin: 0; line-height: 1.6; }
.walker-note { margin: 12px 0 4px; color: var(--muted); font-size: 14px; line-height: 1.5; }
.walker-credit { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.walker-winter { margin-top: 36px; margin-bottom: 36px; }
.walker-winter > p { max-width: 760px; }
.walker-winter-grid { display: grid; gap: 20px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); }
.walker-winter-grid .walker-card { margin: 0; }
@media (max-width: 640px) { .walker-card { padding: 20px 16px; border-radius: 16px; } }
/* Several outlook areas in one card, and the winter page list. */
.walker-area { border-top: 1px solid var(--line); }
.walker-area > summary { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; padding: 14px 28px 14px 0; cursor: pointer; list-style: none; position: relative; }
.walker-area > summary::-webkit-details-marker { display: none; }
.walker-area > summary::after { content: "+"; position: absolute; right: 4px; top: 14px; color: var(--blue); font-size: 22px; font-weight: 700; line-height: 1; }
.walker-area[open] > summary::after { content: "–"; }
.walker-area-name { font-size: 19px; font-weight: 800; }
.walker-area-lead { grid-column: 1 / -1; color: var(--ink); line-height: 1.45; }
.walker-area-lead b { color: var(--muted); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.walker-area-days { padding: 0 0 12px 14px; border-left: 3px solid var(--line); }
.walker-area.is-snow .walker-area-days { border-left-color: var(--blue); }
.walker-badge { align-self: center; padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 800; letter-spacing: .04em; white-space: nowrap; background: #eef1f4; color: var(--muted); }
.walker-badge.is-snow { background: var(--blue); color: #fff; }
.walker-badge.is-watch { background: #e8f4fb; color: #0b4f78; }
.walker-winter-summary { font-size: 18px; }
.walker-winter-group { margin: 24px 0; padding: 8px 24px 4px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--white); }
.walker-winter-group > h3 { margin: 12px 0 6px; font-family: "Bebas Neue", sans-serif; font-size: 30px; font-weight: 400; }
.walker-winter-group .walker-area:first-of-type { border-top: 0; }
@media (max-width: 640px) { .walker-winter-group { padding: 4px 14px; border-radius: 16px; } .walker-area-days { padding-left: 10px; } }