:root{color-scheme:light dark;--accent:#087e78;--surface:light-dark(#f2f6f5,#102522);--ink:light-dark(#172b29,#eff8f6)}*{box-sizing:border-box}body{margin:0;font:17px/1.7 system-ui,-apple-system,sans-serif;background:var(--surface);color:var(--ink)}a{color:var(--accent)}header,main,footer{max-width:960px;margin:auto;padding:26px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}nav{display:flex;flex-wrap:wrap;gap:20px}.brand{font-weight:750;text-decoration:none;color:var(--ink)}h1{font-size:clamp(2.4rem,7vw,4.5rem);line-height:1.1;letter-spacing:-.035em;max-width:800px}h2{line-height:1.25}.lead{font-size:1.25rem;max-width:720px}.badge{display:inline-block;padding:7px 13px;border:1px solid var(--accent);border-radius:30px;font-size:.85rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin:50px 0}.card{padding:24px;background:light-dark(white,#18332f);border-radius:24px}.draft{padding:20px;border:2px solid var(--accent);border-radius:16px}footer{font-size:.85rem;border-top:1px solid light-dark(#c7d5d2,#35504b)}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}