*{box-sizing:border-box}:root{--night:#101a24;--panel:#172737;--mist:#c9d8df;--muted:#8399a5;--rain:#62b7d7;--line:#345064;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}body{margin:0;background:radial-gradient(circle at 20% 0,#253d50,transparent 35rem),var(--night);color:var(--mist);min-height:100vh}a{color:inherit;text-underline-offset:.25rem}header,main,footer{width:min(74rem,calc(100% - 2.5rem));margin:auto}header{height:5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-weight:800;letter-spacing:.14em;text-decoration:none}nav{display:flex;gap:1.4rem;font-size:.8rem;text-transform:uppercase}nav a{text-decoration:none;color:var(--muted)}nav a[aria-current=page]{color:var(--rain)}.forecast{display:grid;grid-template-columns:2fr 1fr;gap:4rem;padding:clamp(5rem,12vw,10rem) 0}.label{font-size:.72rem;letter-spacing:.14em;color:var(--rain)}h1{font:500 clamp(3.3rem,9vw,7.5rem)/.9 Arial,sans-serif;letter-spacing:-.06em;max-width:12ch;margin:1rem 0 1.5rem}.summary,.text{font:1.15rem/1.7 Arial,sans-serif;color:var(--muted);max-width:42rem}dl{display:grid;grid-template-columns:1fr 1fr;align-content:start;border-top:1px solid var(--line)}dt,dd{margin:0;padding:1rem 0;border-bottom:1px solid var(--line)}dt{color:var(--muted)}dd{text-align:right;color:var(--rain)}.entries{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:#17273788}article{padding:2rem;border-right:1px solid var(--line);min-height:14rem}article:last-child{border:0}article time{color:var(--rain)}article p{font:1rem/1.6 Arial,sans-serif;color:var(--muted);margin-top:3rem}.page{padding:clamp(5rem,10vw,9rem) 0;min-height:78vh}.page h1{font-size:clamp(3rem,8vw,6rem)}.log{list-style:none;padding:0;margin-top:4rem;border-top:1px solid var(--line)}.log li{display:grid;grid-template-columns:4rem 1fr 8rem;gap:1rem;padding:1.2rem 0;border-bottom:1px solid var(--line)}.log time{color:var(--rain)}.log span{text-align:right;color:var(--muted)}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:2.5rem 0;color:var(--muted);font-size:.78rem}@media(max-width:44rem){.forecast{grid-template-columns:1fr}.entries{grid-template-columns:1fr}article{border-right:0;border-bottom:1px solid var(--line)}.log li{grid-template-columns:3rem 1fr}.log span{grid-column:2;text-align:left}}