:root{--bg-primary:#0d1117;--bg-card:#161b22;--bg-card-hover:#1c2129;--border:#30363d;--border-light:#21262d;--text-primary:#e6edf3;--text-secondary:#c9d1d9;--text-muted:#8b949e;--text-faint:#6e7681;--accent-blue:#58a6ff;--accent-blue-light:#79c0ff;--accent-blue-dim:rgba(88,166,255,.15);--accent-gold:#d4af37;--link-color:#58a6ff;--link-visited:#bfa5ff;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-card:0 1px 3px rgba(0,0,0,.3) , 0 1px 2px rgba(0,0,0,.2);--shadow-card-hover:0 4px 12px rgba(0,0,0,.4) , 0 2px 4px rgba(0,0,0,.3);--transition-fast:.15s ease;--transition-normal:.25s ease;--font-body:'Inter' , -apple-system , BlinkMacSystemFont , 'Segoe UI' , Roboto , Oxygen , Ubuntu , Cantarell , sans-serif;--font-heading:'Inter' , -apple-system , BlinkMacSystemFont , 'Segoe UI' , Roboto , sans-serif}*,*::before,*::after{box-sizing:border-box}body{margin:0;font-family: var(--font-body);background-color:var(--bg-primary);font-size:.95rem;line-height:1.6;color:var(--text-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.unit-toggle{margin-top:.8rem;margin-bottom:.8rem;text-align:center;font-size:.9rem;color:var(--text-secondary)}.unit-toggle label{margin-right:.5rem;color:#9ea7b4;font-size:.95rem}.unit-toggle select{background-color:#0d1117;color:#9ea7b4;border:1px solid #30363d;border-radius:4px;padding:.2rem .4rem;font-size:.9rem;font-family: var(--font-body);transition:border-color var(--transition-fast)}.unit-toggle select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-dim)}body[data-units="metric"] .imperial{display:none}body[data-units="imperial"] .metric{display:none}header{background-color:var(--bg-card);padding:2rem 1.5rem 1.5rem;text-align:center;border-bottom:1px solid var(--border)}header h1{margin:0 0 .4rem 0;font-family: var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}header h1 a{color:inherit;text-decoration:none}header p{margin:0;font-size:.95rem;color:var(--text-secondary)}.back-link{text-align:left;margin-bottom:.5rem}.back-link a{color:var(--link-color);text-decoration:none;font-size:.9rem}.back-link a:hover{text-decoration:underline}.secondary-nav{margin-top:.8rem;text-align:center;display:flex;justify-content:center;gap:.3rem;flex-wrap:wrap}.secondary-nav a{color:var(--accent-blue);text-decoration:none;font-weight:700;font-size:1rem;padding:.3rem .7rem;border-radius:var(--radius-sm);transition:color var(--transition-fast) , background-color var(--transition-fast)}.secondary-nav a:hover{color:var(--accent-blue);background-color:var(--accent-blue-dim);text-decoration:none}.year-nav{margin-top:.8rem;text-align:center;font-size:.9rem;color:var(--text-faint)}.year-nav a{color:var(--text-muted);text-decoration:none;margin:0 .2rem;padding:.2rem .4rem;border-radius:var(--radius-sm);transition:color var(--transition-fast) , background-color var(--transition-fast)}.year-nav a:hover{color:var(--accent-blue);background-color:var(--accent-blue-dim)}.year-nav strong{color:var(--text-primary);margin:0 .2rem;background-color:var(--accent-blue-dim);padding:.2rem .5rem;border-radius:var(--radius-sm)}main{max-width:980px;margin:0 auto;padding:1.5rem 1.25rem}h2{font-family: var(--font-heading);color:var(--accent-blue);font-size:1.35rem;font-weight:700;margin-top:2rem;margin-bottom:.75rem;letter-spacing:-.01em}.storms article.storm{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem 1.5rem;margin-bottom:1rem;box-shadow:var(--shadow-card);transition:box-shadow var(--transition-normal) , border-color var(--transition-normal)}.storms article.storm:hover{box-shadow:var(--shadow-card-hover);border-color:#3d444d}.storm h3{margin:0 0 .5rem 0;font-family: var(--font-heading);font-size:1.2rem;font-weight:600;color:var(--accent-blue-light)}.storm .classification{font-weight:400;color:var(--text-muted)}.storm p{margin:.4rem 0;line-height:1.5}.storm .links a{color:var(--link-color);text-decoration:none;font-size:.9rem}.storm .links a:hover{text-decoration:underline}.storm .links .source-label{margin-right:.25rem;color:var(--text-faint);font-weight:600}.fav-toggle{cursor:pointer;margin-right:.3rem;font-size:1.1rem;color:var(--text-faint);user-select:none;transition:color var(--transition-fast)}.fav-toggle.pinned{color:var(--accent-gold)}.islands .island-grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media (min-width:768px){.islands .island-grid{grid-template-columns:repeat(2,1fr)}}.islands .island{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;justify-content:space-between;align-items:center;text-align:left;padding:1rem 1.25rem;transition:transform var(--transition-normal) , box-shadow var(--transition-normal) , border-color var(--transition-normal);box-shadow:var(--shadow-card)}.islands .island:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover);border-color:#3d444d}.islands .island h3{margin:0;font-family: var(--font-heading);font-size:1.05rem;font-weight:600;display:flex;align-items:center;gap:.4rem;color:inherit;word-break:keep-all}.islands .island h3 a{color:var(--accent-blue);text-decoration:none;font-weight:inherit}.islands .island h3 a:hover{color:var(--accent-blue-light);text-decoration:none}.islands .island h3 a:visited{color:var(--accent-blue)}.islands .island .capital{margin:.15rem 0;font-size:.85rem;color:var(--text-muted)}.capital{margin:.2rem 0;font-size:1rem;color:var(--text-muted)}.islands .island p{margin:.2rem 0;font-size:.9rem;color:var(--text-secondary)}.islands .island .cond-temp,.islands .island .wind-info,.islands .island .no-data{margin:0;font-size:.95rem;color:var(--text-secondary);text-align:right;font-variant-numeric:tabular-nums}.islands .island .wind-info{margin-top:.2rem}.islands .island .weather-info{text-align:right;display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.islands .island .cond-temp{white-space:normal}.wind-chip{display:inline-block;font-size:.82rem;color:var(--text-muted);border:1px solid var(--border);border-radius:999px;background:#11161c;padding:.1rem .5rem;margin-left:.5rem;white-space:nowrap}.islands .temperature{font-size:1.5rem;font-weight:600;margin:.5rem 0;color:var(--accent-blue-light)}.islands .temp-cond{font-size:1rem;margin:.5rem 0 .2rem;color:var(--text-primary)}.islands .conditions{font-size:.88rem;color:var(--text-secondary)}.islands .small{font-size:.78rem;color:var(--text-faint)}.audio audio{width:100%;margin-top:.5rem}.met-office{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:.25rem 1.5rem 1.25rem;margin-top:1.5rem;box-shadow:var(--shadow-card)}.met-office h2{margin-top:1rem}.met-office .small-date{font-size:.78rem;color:var(--text-faint);margin:0 0 .5rem 0}.met-office .forecast-text{font-size:.93rem;line-height:1.6;margin:.5rem 0;color:var(--text-secondary)}.map-section{margin-top:-.5rem}.map-section #map{width:100%;height:400px;border:0;border-radius:var(--radius-md);margin-top:.5rem;overflow:hidden}.map-info{margin-top:2rem;background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem 1.25rem;color:var(--text-muted);box-shadow:var(--shadow-card)}.map-info h2{font-size:1.1rem;font-weight:600;color:var(--accent-blue);margin:0 0 .75rem}.map-info-body{margin-top:0}.map-info-body h3{font-size:.95rem;font-weight:600;color:var(--text-muted);margin:1rem 0 .3rem}.map-info-body h3:first-child{margin-top:0}.map-info p{margin:.4rem 0;font-size:.9rem;line-height:1.55}.map-info .nhc-link{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-light);font-size:.9rem}.map-info .nhc-link a{color:var(--accent-blue);text-decoration:none;display:inline-flex;align-items:center;gap:.4rem}.map-info .nhc-link a:hover{text-decoration:underline}footer{text-align:center;padding:1.5rem 1.25rem;font-size:.82rem;color:#848d97;border-top:1px solid var(--border);margin-top:0}footer .credits{margin:.5rem 0 .2rem 0;font-size:.82rem;color:#848d97!important;line-height:1.7}footer .credits a,footer .credits a:visited{color:var(--link-color);text-decoration:none}footer .credits a:hover{text-decoration:underline}.metrics{list-style:none;padding:0}.metrics li{margin:.3rem 0}.trend-chart canvas{width:100%!important;height:auto!important;background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem}.storm-distances ul{list-style:none;padding:0}.storm-distances li{margin:.3rem 0}main a,footer a{color:var(--link-color);text-decoration:none;transition:color var(--transition-fast)}main a:visited,footer a:visited{color:var(--link-color)}main a:hover,footer a:hover{text-decoration:underline}.weather-history .chart-controls{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:.8rem 1rem;margin:1rem 0;display:inline-flex;align-items:center;flex-wrap:wrap;gap:.6rem 1rem;box-shadow:var(--shadow-card)}.weather-history .chart-controls label{font-weight:600;color:var(--text-secondary);font-size:.9rem}.weather-history .chart-controls select{background-color:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border);padding:.35rem .6rem;border-radius:var(--radius-sm);font-family: var(--font-body);font-size:.88rem;transition:border-color var(--transition-fast)}.weather-history .chart-controls select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-dim)}@media (max-width:600px){header{padding:1.5rem 1rem 1.25rem}header h1{font-size:1.4rem}main{padding:1rem}}.ring-label{color:var(--text-secondary);font-size:.7rem;font-weight:bold;white-space:nowrap;text-shadow:0 0 2px var(--bg-primary) , 0 0 2px var(--bg-primary)}.data-note{font-size:.82rem;color:var(--text-faint);margin-top:2.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:.6rem 1rem}.nowrap{white-space:nowrap}.skip-link{position:absolute;top:-100%;left:0;background:var(--accent-blue);color:#fff;padding:.5rem 1rem;z-index:100000;font-size:.9rem;text-decoration:none;border-radius:0 0 var(--radius-sm) 0}.skip-link:focus{top:0}.freshness-badge{display:inline-block;font-size:.82rem;color:var(--text-muted);padding:.1rem .5rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-card);white-space:nowrap}.freshness-badge.freshness-stale{color:#d29922;border-color:rgba(210,153,34,.4);background:rgba(210,153,34,.08)}.freshness-badge.freshness-critical{color:#f85149;border-color:rgba(248,81,73,.4);background:rgba(248,81,73,.08)}.pill-link,.pill-link:visited{color:#58a6ff;text-decoration:none;font-weight:700;background:rgba(88,166,255,.1);padding:.2rem .45rem;border-radius:10px}.pill-link:hover{background:rgba(88,166,255,.2);text-decoration:none}.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem;text-align:center;padding:1.2rem 1.25rem}.footer-nav a{color:var(--accent-blue);text-decoration:none;font-weight:700;font-size:1rem;padding:.3rem .7rem;border-radius:var(--radius-sm);white-space:nowrap;transition:color var(--transition-fast) , background-color var(--transition-fast)}.footer-nav a:hover,.footer-nav a.active{color:var(--accent-blue);background-color:var(--accent-blue-dim);text-decoration:none}