.snowdon-wind-page { background:#fff; color:#061929; }
.snowdon-wind-page .site-header { position:relative; background:#061929; }
.snowdon-wind { max-width:1480px; padding-top:26px; padding-bottom:36px; }
.snowdon-wind h1 { font:400 clamp(42px,4.5vw,62px)/1.05 'Bebas Neue',sans-serif; margin:0 0 12px; }
.snowdon-wind h1 span { color:#087957; font:600 24px 'Barlow Condensed',sans-serif; margin-left:12px; }
.snowdon-intro { font:17px/1.6 'Roboto',sans-serif; margin:0 0 20px; }
.snowdon-status:empty { display:none; }
.snowdon-controls { display:flex; gap:48px; flex-wrap:wrap; padding:18px 22px; border:1px solid #d6dcdd; margin-bottom:20px; }
.snowdon-controls nav>strong { display:block; font:600 19px 'Barlow Condensed',sans-serif; text-transform:uppercase; margin-bottom:10px; }
.snowdon-controls nav>div { display:flex; flex-wrap:wrap; }
.snowdon-controls a { display:block; min-width:54px; padding:11px 16px; border:1px solid #bac7c8; color:#061929; font:16px/1.25 'Roboto',sans-serif; text-align:center; text-decoration:none; }
.snowdon-controls a[aria-current] { background:#087957; border-color:#087957; color:#fff; }
.snowdon-comparison { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:28px; align-items:start; }
.snowdon-map { margin:0; min-width:0; }
.snowdon-map-tools { display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:8px; font:600 20px 'Barlow Condensed',sans-serif; }
.snowdon-map-tools button { padding:8px 12px; min-height:40px; font:16px 'Roboto',sans-serif; color:#061929; background:white; border:1px solid #a8babc; cursor:pointer; }
.snowdon-map svg { display:block; width:100%; aspect-ratio:1; border:1px solid #a8babc; background:#e0e4e2; touch-action:pan-y; cursor:grab; }
.snowdon-map svg:focus { outline:3px solid #087957; outline-offset:2px; }
.snowdon-map svg.is-dragging { cursor:grabbing; }
.snowdon-map-label text,.snowdon-map-scale text { font:600 18px 'Roboto',sans-serif; paint-order:stroke; stroke:#fff; stroke-width:4px; fill:#061929; stroke-linejoin:round; }
.snowdon-map-label .grid-north { font-size:13px; }
.snowdon-map figcaption { color:#465c60; font:14px/1.5 'Roboto',sans-serif; margin-top:10px; }
.snowdon-legend { display:flex; flex-wrap:wrap; gap:12px; margin-top:8px; font:14px 'Roboto',sans-serif; }
.snowdon-legend i { display:inline-block; width:20px; height:5px; vertical-align:middle; margin-right:5px; }
.snowdon-map-pan { display:flex; align-items:center; gap:6px; margin-top:12px; font:14px 'Roboto',sans-serif; }
.snowdon-map-pan button { min-width:44px; min-height:44px; background:white; border:1px solid #a8babc; color:#061929; font-size:20px; cursor:pointer; }
.snowdon-results h2,.snowdon-method h2 { font:400 30px/1.15 'Bebas Neue',sans-serif; margin:0 0 12px; }
.snowdon-table-wrap { overflow-x:auto; }
.snowdon-wind table { border-collapse:collapse; width:100%; font:16px/1.4 'Roboto',sans-serif; }
.snowdon-wind caption { text-align:left; font-size:14px; color:#465c60; margin:0 0 10px; }
.snowdon-wind th,.snowdon-wind td { border-bottom:1px solid #d6dcdd; padding:14px 10px; text-align:center; }
.snowdon-wind th:first-child { text-align:left; }
.snowdon-wind thead { background:#f2f4f4; font:600 18px/1.2 'Barlow Condensed',sans-serif; }
.snowdon-wind tbody a { color:#061929; text-decoration:none; display:block; }
.snowdon-wind tr.selected th { border-left:4px solid #087957; }
.snowdon-wind tr.selected a { color:#087957; }
.snowdon-results p,.snowdon-method p { font:16px/1.65 'Roboto',sans-serif; margin:16px 0; }
.snowdon-wind details { border:1px solid #d6dcdd; margin-top:18px; padding:16px 20px; }
.snowdon-wind summary { cursor:pointer; font:600 18px/1.4 'Roboto',sans-serif; color:#087957; }
.snowdon-wind a:focus-visible,.snowdon-wind button:focus-visible { outline:3px solid #087957; outline-offset:3px; }
.snowdon-method { border-top:1px solid #d6dcdd; padding-top:24px; margin-top:26px; }
.snowdon-related { display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; border-top:1px solid #d6dcdd; padding-top:20px; margin-top:24px; }
@media(max-width:950px) { .snowdon-comparison { grid-template-columns:1fr; } .snowdon-map { max-width:700px; } .snowdon-controls { gap:20px; } }
@media(max-width:500px) { .snowdon-controls { padding:14px; } .snowdon-controls a { min-width:44px; padding:10px; } .snowdon-wind th,.snowdon-wind td { padding:12px 6px; font-size:14px; } .snowdon-map-tools { flex-wrap:wrap; } }
@media(max-width:500px) { .snowdon-controls nav[aria-label="Wind direction"] { width:100%; } .snowdon-controls nav[aria-label="Wind direction"]>div { display:grid; grid-template-columns:repeat(4,1fr); } }