:root{--bg:#fff;--fg:#131820;--mut:#5a6573;--line:#dde3ea;--blue:#2f6fd6;--red:#d6283b;--serif:Georgia,'Times New Roman',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Inter,sans-serif}
@media (prefers-color-scheme:dark){:root{--bg:#0f141b;--fg:#e8edf4;--mut:#98a4b3;--line:#2a3340}}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans)}
main{max-width:42rem;margin:0 auto;padding:calc(20px + env(safe-area-inset-top)) 16px 56px;line-height:1.55}
.brand{display:flex;align-items:baseline;gap:10px;text-decoration:none;color:inherit}.brand b{font:400 1.6rem/1 var(--serif)}.brand b em{color:var(--red)}
.rink{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:6px;margin:12px 0 24px}.rink i{height:4px;border-radius:2px;background:var(--blue)}.rink i:nth-child(2){background:var(--red)}
h1{font:400 2rem/1.15 var(--serif);margin:0 0 4px}h2{font-size:1.05rem;margin:28px 0 6px}
.date{color:var(--mut);margin:0 0 20px}p,li{margin:0 0 10px}ul{padding-left:1.2rem}a{color:var(--blue)}
.box{border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:16px 0}.box p:last-child{margin:0}
footer{margin-top:36px;color:var(--mut);font-size:.9rem}