:root { --bg:#fafaf8; --card:#fff; --ink:#111; --muted:#6b6b6b; --line:#e7e6e1; --soft:#f1f0ec; --accent:#2d5bff; --accent-soft:#eef2ff; --green:#15803d; --green-soft:#ecfdf3; }
* { box-sizing:border-box; margin:0; padding:0; }
body { font-family:'Inter Tight', system-ui, sans-serif; background:var(--bg); color:var(--ink); line-height:1.7; -webkit-font-smoothing:antialiased; }
a { color:var(--accent); }
.top { max-width:760px; margin:0 auto; padding:26px 24px 0; display:flex; justify-content:space-between; align-items:center; gap:12px; }
.top a { color:var(--muted); text-decoration:none; font-size:15px; display:inline-flex; gap:6px; align-items:center; }
.top a:hover { color:var(--ink); }
article { max-width:760px; margin:0 auto; padding:40px 24px 60px; }
.kicker { display:inline-block; font-size:13px; font-weight:600; color:var(--accent); background:var(--accent-soft); padding:5px 12px; border-radius:999px; }
h1 { font-size:clamp(32px,5vw,50px); line-height:1.08; letter-spacing:-.03em; font-weight:600; margin:18px 0 16px; }
.lead { font-size:20px; color:#444; margin-bottom:10px; }
.meta { color:var(--muted); font-size:14px; padding-bottom:28px; border-bottom:1px solid var(--line); margin-bottom:34px; }
h2 { font-size:26px; letter-spacing:-.02em; line-height:1.2; margin:40px 0 12px; font-weight:600; }
h2 .n { font-family:'Instrument Serif', serif; font-style:italic; font-weight:400; color:var(--accent); margin-right:8px; }
p { font-size:18px; margin-bottom:14px; color:#2b2b2b; }
ul, ol { padding-left:22px; margin-bottom:16px; }
li { font-size:18px; margin:6px 0; color:#2b2b2b; }
.box { background:var(--card); border:1px solid var(--line); border-radius:18px; padding:20px 22px; margin:22px 0; }
.box.ok { background:var(--green-soft); border-color:#c9ecd6; }
.box b { display:block; margin-bottom:6px; }
.box p, .box li { font-size:16px; }
table { width:100%; border-collapse:collapse; margin:18px 0; font-size:16px; background:var(--card); border-radius:14px; overflow:hidden; }
th, td { text-align:left; padding:12px 14px; border-bottom:1px solid var(--line); }
th { background:var(--soft); font-size:13px; text-transform:uppercase; letter-spacing:.05em; color:var(--muted); }
.cta { max-width:760px; margin:0 auto 80px; padding:0 24px; }
.cta div { background:var(--ink); color:#fff; border-radius:28px; padding:34px; display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap; }
.cta h3 { font-size:24px; letter-spacing:-.02em; line-height:1.2; max-width:420px; }
.cta p { color:#a3a3a3; font-size:15px; margin:6px 0 0; }
.btn { display:inline-flex; align-items:center; gap:8px; background:#fff; color:var(--ink); border-radius:999px; padding:13px 22px; font-weight:600; text-decoration:none; white-space:nowrap; }
.more { max-width:760px; margin:0 auto 80px; padding:0 24px; display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.more a { background:var(--card); border:1px solid var(--line); border-radius:18px; padding:18px; text-decoration:none; color:var(--ink); font-weight:600; }
.more a small { display:block; color:var(--muted); font-weight:400; font-size:13px; }
@media (max-width:600px) { p, li { font-size:17px; } .more { grid-template-columns:1fr; } }