:root{--bg:#f7f8fb;--panel:#ffffff;--ink:#172033;--muted:#5b667a;--line:#dfe5ef;--brand:#204ecf;--accent:#0f8f76;--warn:#a05b00;--soft:#edf3ff}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.65}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(1160px,92vw);margin:auto}.top{background:#111827;color:#fff}.top .wrap{display:flex;gap:22px;align-items:center;justify-content:space-between;padding:14px 0}.logo{font-weight:800;letter-spacing:.04em;color:#fff}.nav{display:flex;gap:14px;flex-wrap:wrap}.nav a{color:#e7ecff;font-size:14px}.hero{background:linear-gradient(130deg,#eff5ff,#fff 45%,#e9fff8);border-bottom:1px solid var(--line)}.hero .wrap{padding:54px 0}.badge{display:inline-block;padding:5px 10px;border:1px solid #b7c5ff;border-radius:999px;background:#fff;color:#23409b;font-size:13px}.hero h1{font-size:clamp(34px,5vw,58px);line-height:1.05;margin:18px 0}.lead{font-size:20px;color:#39445a;max-width:850px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 8px 30px rgba(20,33,61,.05)}.card h3{margin-top:0}.section{padding:38px 0}.toc{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.toc ul{columns:2}.article{background:#fff;border:1px solid var(--line);border-radius:24px;padding:min(42px,6vw);margin:30px 0}.article h2{margin-top:34px}.note{border-left:4px solid var(--accent);background:#effaf7;padding:16px 18px;border-radius:12px}.warn{border-left:4px solid var(--warn);background:#fff7e8;padding:16px 18px;border-radius:12px}.pillbox{display:flex;flex-wrap:wrap;gap:10px}.pill{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 12px;font-size:14px}.media{display:grid;grid-template-columns:1.3fr .7fr;gap:20px;align-items:start}.media img,.article img{width:100%;height:auto;border-radius:18px;border:1px solid var(--line)}video{width:100%;border-radius:18px;border:1px solid var(--line);background:#111}.breadcrumbs{font-size:14px;color:var(--muted);margin:18px 0}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{border:1px solid var(--line);padding:12px;text-align:left;vertical-align:top}.footer{background:#111827;color:#ccd5ee;margin-top:40px;padding:34px 0}.footer a{color:#fff}.small{font-size:14px;color:var(--muted)}.cta{display:inline-block;background:var(--brand);color:white;border-radius:12px;padding:12px 18px;margin-top:10px}.cta:hover{text-decoration:none;background:#173aa0}@media(max-width:760px){.media{grid-template-columns:1fr}.toc ul{columns:1}.top .wrap{align-items:flex-start;flex-direction:column}}