:root{--ink:#0f172a;--muted:#526174;--paper:#f5f2ec;--panel:#fffefa;--line:#ded5c8;--dark:#111827;--green:#0f766e;--gold:#f1a13a;--blue:#315f8f;--max:1120px;--shadow:0 16px 34px rgba(23,35,55,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.72}a{color:inherit}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px max(calc((100vw - var(--max))/2),18px);background:rgba(245,242,236,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:900}.mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--dark);color:#ffd27b}.nav{display:flex;align-items:center;gap:6px}.nav a{padding:8px 11px;border-radius:10px;text-decoration:none;font-size:14px;font-weight:800}.nav a:hover,.nav a[aria-current="page"]{background:#eadfcd}.nav .cta{background:var(--dark);color:#fff}.menu{display:none;border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:9px 12px;font-weight:850}.hero{background:radial-gradient(circle at 82% 10%,rgba(241,161,58,.3),transparent 27%),linear-gradient(135deg,#101827,#1c3147 62%,#27526a);color:#fff}.hero-inner{max-width:960px;margin:auto;padding:70px 18px 62px}.eyebrow{color:#ffd27b;font-size:12px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.hero h1{font-size:clamp(38px,6vw,68px);line-height:1.02;letter-spacing:-.055em;margin:16px 0 20px}.dek{font-size:19px;color:#dce7ef;max-width:850px;margin:0}.meta{margin-top:18px;color:#bed1d8;font-size:13px}.layout{max-width:var(--max);margin:auto;padding:50px 18px;display:grid;grid-template-columns:minmax(0,760px) 280px;gap:46px;align-items:start}.article{font-size:17px}.article>p:first-child{font-size:20px;color:#314359}.article h2{font-size:clamp(27px,4vw,40px);line-height:1.14;letter-spacing:-.035em;margin:48px 0 14px}.article h3{font-size:22px;margin:30px 0 10px}.article p,.article li{color:var(--muted)}.article strong{color:var(--ink)}.article a{color:var(--green);font-weight:800}.callout,.checklist,.example{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px 22px;margin:24px 0;box-shadow:var(--shadow)}.callout{border-left:5px solid var(--green)}.example{border-left:5px solid var(--gold)}.checklist{padding-left:42px}.table-wrap{overflow-x:auto;margin:25px 0;border-radius:16px;border:1px solid var(--line)}table{width:100%;min-width:620px;border-collapse:collapse;background:var(--panel)}th,td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--line)}th{background:#e8f2f0}tr:last-child td{border-bottom:0}.sidebar{position:sticky;top:88px;display:grid;gap:15px}.side-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:19px;box-shadow:var(--shadow)}.side-card h2{font-size:17px;margin:0 0 10px}.side-card p{font-size:14px;color:var(--muted);margin:0 0 13px}.side-card a{display:block;color:var(--green);font-weight:850;text-decoration:none;margin:8px 0}.side-card .button{background:var(--green);color:#fff;border-radius:11px;padding:10px 12px;text-align:center}.source-note{font-size:13px;border-top:1px solid var(--line);padding-top:18px;margin-top:42px;color:#66768a}.footer{background:#e6eef0;border-top:1px solid #d4e0e4;padding:38px 18px}.footer-inner{max-width:960px;margin:auto;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px}.footer h3,.footer h4{margin-top:0}.footer p,.footer a{color:#405266}.footer a{display:block;margin:7px 0;text-decoration:none}.hub{max-width:var(--max);margin:auto;padding:58px 18px}.hub-head{max-width:800px;margin-bottom:28px}.hub-head h1{font-size:clamp(40px,6vw,68px);line-height:1;letter-spacing:-.055em;margin:12px 0}.hub-head p{font-size:18px;color:var(--muted)}.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.article-card{display:block;text-decoration:none;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow)}.article-card span{color:var(--green);font-size:12px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.article-card h2{font-size:24px;line-height:1.15;letter-spacing:-.025em;margin:15px 0 10px}.article-card p{color:var(--muted);margin:0}.article-card b{display:block;color:var(--green);margin-top:16px}.intro-band{background:linear-gradient(90deg,#e8f2f0,#fff6e8);border-block:1px solid var(--line)}.intro-band .inner{max-width:var(--max);margin:auto;padding:20px 18px;color:#43536a}
@media(max-width:860px){.layout{grid-template-columns:1fr}.sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.footer-inner{grid-template-columns:1fr 1fr}.article-grid{grid-template-columns:1fr}}
@media(max-width:680px){.topbar{padding:10px 14px}.menu{display:block}.nav{display:none;position:absolute;left:14px;right:14px;top:62px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:9px;box-shadow:var(--shadow)}.nav.open{display:grid;grid-template-columns:1fr 1fr}.hero-inner{padding:44px 14px}.hero h1{font-size:38px}.dek{font-size:17px}.layout,.hub{padding:34px 14px}.article{font-size:16px}.article>p:first-child{font-size:18px}.sidebar{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr}.article-card{padding:19px}.article-card h2{font-size:21px}}