:root { color-scheme: light; --ink:#142018; --muted:#536158; --accent:#087d46; --line:#d9e1db; --paper:#fbfcfa; --sans:"Space Grotesk",sans-serif; --mono:"JetBrains Mono",monospace; }
* { box-sizing:border-box; }
body { margin:0; background:#eef2ee; color:var(--ink); font:16px/1.6 var(--sans); }
main { width:min(900px, calc(100% - 40px)); margin:40px auto; background:var(--paper); padding:clamp(28px,6vw,68px); box-shadow:0 18px 60px rgba(24,48,31,.12); }
header { display:flex; justify-content:space-between; gap:24px; align-items:start; border-bottom:2px solid var(--ink); padding-bottom:28px; }
.eyebrow,h2,.actions { font:500 12px/1.3 var(--mono); letter-spacing:.08em; }
.eyebrow { color:var(--accent); margin:0 0 10px; } h1 { font-size:clamp(38px,7vw,62px); line-height:1; margin:0; letter-spacing:-.04em; } .role { color:var(--muted); margin:10px 0 0; }
.actions { display:flex; flex-wrap:wrap; gap:12px; justify-content:end; } a,button { color:var(--accent); } button { font:inherit; background:none; border:1px solid var(--accent); padding:7px 10px; cursor:pointer; }
section { margin-top:34px; } h2 { color:var(--accent); text-transform:uppercase; margin:0 0 10px; } h3 { margin:0; font-size:18px; } p { margin:0 0 11px; } article + article { margin-top:24px; } .row { display:flex; justify-content:space-between; gap:18px; align-items:baseline; } time { color:var(--muted); white-space:nowrap; font:12px var(--mono); } ul { margin:8px 0 0; padding-left:20px; } footer { border-top:1px solid var(--line); margin-top:38px; padding-top:18px; font:12px var(--mono); }
@media (max-width:600px) { main { width:100%; margin:0; min-height:100vh; padding:28px 20px; } header,.row { display:block; } .actions { justify-content:start; margin-top:20px; } time { display:block; margin-top:4px; } }
@media print { body { background:#fff; font-size:11pt; } main { width:100%; margin:0; padding:0; box-shadow:none; } .actions { display:none; } a { color:inherit; text-decoration:none; } section { break-inside:avoid; margin-top:22px; } }