:root { color-scheme: light; --ink:#15221f; --muted:#52615d; --paper:#f4f5ee; --card:#fff; --line:#d9ded5; --ok:#1f6b45; --down:#a23333; }
* { box-sizing:border-box; }
html { font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; background:var(--paper); color:var(--ink); }
body { margin:0; }
main { width:min(46rem,calc(100% - 2rem)); margin:0 auto; padding:clamp(3rem,9vw,7rem) 0; }
.brand { margin:0 0 1.2rem; color:var(--muted); font-size:.8rem; font-weight:850; letter-spacing:.14em; }
h1 { max-width:15ch; margin:0; font-size:clamp(2.4rem,7vw,5rem); line-height:1; letter-spacing:-.05em; }
.intro { max-width:42rem; margin:1.4rem 0 2.5rem; color:var(--muted); font-size:1.08rem; line-height:1.55; }
ul { display:grid; gap:.7rem; margin:0; padding:0; list-style:none; }
li { display:grid; grid-template-columns:1fr auto; gap:.3rem 1rem; padding:1rem 1.1rem; border:1px solid var(--line); border-radius:1rem; background:var(--card); }
li span { font-weight:760; }
li strong { text-align:right; }
li small { grid-column:1/-1; color:var(--muted); }
.ok { color:var(--ok); }
.down { color:var(--down); }
.stamp { margin-top:1.6rem; color:var(--muted); font-size:.88rem; line-height:1.5; }