:root{color-scheme:light;--bg:#f8fafc;--ink:#0f172a;--muted:#475569;--brand:#0f766e;--line:#e2e8f0;--card:#ffffff}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);line-height:1.7}header,main,footer{max-width:1060px;margin:auto;padding:32px 22px}.hero{padding-top:56px;padding-bottom:42px}.eyebrow{color:var(--brand);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.82rem}h1{font-size:clamp(2.1rem,4vw,4rem);line-height:1.05;margin:12px 0 18px}h2{font-size:clamp(1.55rem,2.6vw,2.35rem);line-height:1.18;margin-top:42px}h3{margin-top:30px}.lead{font-size:1.2rem;color:var(--muted);max-width:820px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin:28px 0}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 10px 28px rgba(15,23,42,.06)}a{color:var(--brand);font-weight:700;text-decoration:none}a:hover{text-decoration:underline}.button{display:inline-block;background:var(--brand);color:white;padding:13px 20px;border-radius:999px;margin-top:14px}.meta{color:var(--muted);font-size:.95rem}.article{background:white;border:1px solid var(--line);border-radius:24px;padding:32px;margin-top:24px}ul{padding-left:22px}footer{color:var(--muted);border-top:1px solid var(--line);margin-top:48px}.toc{background:#ecfeff;border:1px solid #99f6e4;border-radius:20px;padding:20px}.note{background:#fffbeb;border:1px solid #fde68a;border-radius:18px;padding:18px}