:root{--bg:#f6f8fb;--surface:#ffffff;--ink:#142033;--muted:#5d6a7b;--line:#dce3ee;--brand:#1d4ed8;--brand2:#22c55e;--soft:#e9f5f5;--accent:#f59e0b;--danger:#92400e;--ok:#166534;--shadow:0 18px 50px rgba(16,31,54,.10);--radius:20px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,var(--bg),#fff 46rem);color:var(--ink);line-height:1.65}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}img,svg{max-width:100%;height:auto}.wrap{max-width:var(--max);margin:0 auto;padding:0 1.1rem}.skip-link{position:absolute;left:-999px;top:.5rem;background:#fff;color:#000;padding:.7rem 1rem;border:2px solid #000;z-index:20}.skip-link:focus{left:.5rem}.topbar{background:#0f1f32;color:#eaf2ff;font-size:.92rem}.topbar .wrap{display:flex;gap:1rem;justify-content:space-between;align-items:center;padding-top:.45rem;padding-bottom:.45rem}.topbar a{color:#fff}.site-header{background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0}.brand{display:flex;align-items:center;gap:.75rem;min-width:0}.brand-mark{width:48px;height:48px;max-width:none;flex:0 0 auto}.brand-title{font-weight:800;color:var(--ink);font-size:1.08rem;line-height:1.1}.brand-sub{color:var(--muted);font-size:.84rem;line-height:1.2}.menu{display:flex;gap:.25rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}.menu a{padding:.58rem .7rem;border-radius:999px;color:var(--ink);font-weight:650;font-size:.94rem}.menu a:hover{background:var(--soft);text-decoration:none}.hero{padding:3.3rem 0 2rem}.hero-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr);gap:1.4rem;align-items:stretch}.eyebrow,.kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--brand);font-weight:800;font-size:.78rem}.hero-card,.panel,.card,.article-shell,.sidebar-box,.tool-box,.notice{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card{padding:2rem}.hero h1{font-size:clamp(2.1rem,4vw,4rem);line-height:1.03;margin:.45rem 0 1rem}.lead{font-size:1.18rem;color:#324256;max-width:75ch}.hero-actions,.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.2rem}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:.75rem 1rem;background:var(--brand);color:#fff;font-weight:800;box-shadow:0 7px 18px rgba(34,87,122,.2);cursor:pointer}.btn:hover{text-decoration:none;background:#163d58}.btn.secondary{background:#fff;color:var(--brand);border:1px solid var(--line);box-shadow:none}.btn.small{font-size:.9rem;padding:.55rem .75rem}.panel{padding:1.25rem}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.stat{background:var(--soft);border-radius:16px;padding:.9rem}.stat strong{display:block;font-size:1.45rem;color:var(--brand)}.section{padding:2rem 0}.section-head{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1rem}.section h2{font-size:clamp(1.55rem,2.6vw,2.3rem);line-height:1.1;margin:.2rem 0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:1.2rem}.card h3{margin:.15rem 0 .4rem;line-height:1.2}.card p{color:var(--muted);margin:.45rem 0}.tag-row{display:flex;gap:.4rem;flex-wrap:wrap}.tag{display:inline-flex;background:var(--soft);color:#1f536f;border:1px solid #cfe6e8;border-radius:999px;padding:.22rem .55rem;font-size:.8rem;font-weight:750}.page-header{padding:2.2rem 0 1rem}.breadcrumbs{color:var(--muted);font-size:.92rem;margin-bottom:.5rem}.page-shell{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:1.2rem;align-items:start}.article-shell{padding:1.5rem;overflow-wrap:anywhere}.article-shell h1{font-size:clamp(2rem,3.5vw,3.15rem);line-height:1.08;margin:.35rem 0 .75rem}.article-shell h2{font-size:1.55rem;line-height:1.15;margin-top:1.65rem}.article-shell h3{margin-top:1.25rem}.article-shell p,.article-shell li{max-width:78ch}.article-meta{display:flex;gap:.5rem;flex-wrap:wrap;color:var(--muted);font-size:.92rem;margin:.6rem 0 1.2rem}.toc{background:var(--soft);border:1px solid #cfe6e8;border-radius:18px;padding:1rem;margin:1rem 0}.toc a{display:block;padding:.2rem 0}.sidebar{position:sticky;top:86px;display:grid;gap:1rem}.sidebar-box{padding:1rem}.sidebar-box h3{margin-top:0}.callout{border-left:5px solid var(--brand2);background:#f0fbfb;border-radius:14px;padding:1rem;margin:1rem 0}.warning{border-left-color:var(--accent);background:#fff8eb}.diagram{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1rem;margin:1rem 0;overflow:auto}.flow{display:flex;gap:.55rem;flex-wrap:wrap;align-items:center}.flow span{background:var(--soft);border:1px solid #cfe6e8;border-radius:999px;padding:.5rem .7rem;font-weight:800;white-space:nowrap}.flow b{color:var(--brand)}table{border-collapse:collapse;width:100%;margin:1rem 0;background:#fff;border-radius:14px;overflow:hidden}th,td{border:1px solid var(--line);padding:.7rem;text-align:left;vertical-align:top}th{background:var(--soft)}.tool-box{padding:1.25rem;margin:1rem 0}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.field label{display:block;font-weight:800;margin-bottom:.25rem}.field input,.field select,.field textarea{width:100%;padding:.72rem;border:1px solid var(--line);border-radius:12px;font:inherit;background:#fff}.result{background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:1rem;margin-top:1rem}.result strong{color:var(--brand)}.checklist label{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:.65rem;margin:.45rem 0}.checklist input{margin-right:.45rem}.site-footer{margin-top:2.5rem;background:#0f1f32;color:#e9f0fb}.site-footer a{color:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1rem;padding:2rem 1.1rem}.footer-grid h3{margin:.2rem 0 .6rem}.footer-grid a{display:block;padding:.15rem 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.16);padding:1rem 0;color:#d3deed;font-size:.92rem}.muted{color:var(--muted)}.list-clean{padding-left:1.1rem}.article-list{display:grid;gap:.8rem}.article-list .card{display:grid;gap:.25rem}.tool-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.logo-line{display:flex;align-items:center;gap:.65rem}.pill{border-radius:999px;border:1px solid var(--line);background:#fff;padding:.3rem .6rem;font-weight:700;color:var(--muted);font-size:.82rem}@media (max-width:900px){.hero-grid,.page-shell,.grid,.grid.two,.footer-grid,.tool-grid,.tool-list{grid-template-columns:1fr}.sidebar{position:static}.section-head{display:block}.menu{display:none}.header-inner{align-items:flex-start}.hero{padding-top:2rem}}@media (max-width:520px){.topbar .wrap{display:block}.stat-grid{grid-template-columns:1fr}.hero-card,.article-shell{padding:1.1rem}.flow span{white-space:normal}.brand-title{font-size:1rem}}