:root{--bg:#fbfcfe;--card:#fff;--text:#111827;--muted:#4b5563;--link:#1d4ed8;--link-dark:#173f9d;--border:#e5e7eb;--soft:#f3f6fb;--accent:#0f766e;--warn:#92400e;--shadow:0 18px 45px rgba(17,24,39,.08);--max:1440px;--article:980px;--radius:16px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe\ UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at top left,rgba(29,78,216,.06),transparent 36%) , var(--bg);color:var(--text);line-height:1.62}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline;color:var(--link-dark)}.wrap{max-width:var(--max);margin:0 auto;padding:18px clamp(14px,2.2vw,30px)}.wrap-narrow{max-width:var(--article);margin:0 auto;padding:18px clamp(14px,2.2vw,30px)}header{border-bottom:1px solid var(--border);background:rgba(255,255,255,.82);backdrop-filter:blur(10px)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px}.site{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:700}.site img{display:block;max-height:52px;width:auto}.site:hover{text-decoration:none}.mark{width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:linear-gradient(135deg,rgba(29,78,216,.12),rgba(15,118,110,.08))}.name{font-weight:700;color:var(--text)}.nav{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.nav a{text-decoration:none;font-weight:600}.nav a:hover{text-decoration:underline}.hero{padding-top:8px;padding-bottom:12px}main{padding:18px 0 28px}h1{font-size:clamp(30px,4vw,48px);line-height:1.12;margin:4px 0 12px;letter-spacing:-.02em}h2{font-size:clamp(22px,2.3vw,30px);line-height:1.22;margin:34px 0 12px;letter-spacing:-.01em}h3{font-size:20px;line-height:1.25;margin:24px 0 8px}p{margin:0 0 14px;color:var(--muted)}ul,ol{color:var(--muted)}li{margin:7px 0}.small{font-size:13px;color:var(--muted)}.muted{color:var(--muted)}.article-meta{font-size:14px;color:var(--muted);margin:0 0 18px}.breadcrumb{font-size:13px;color:var(--muted);margin:0 0 16px}.breadcrumb a{color:var(--muted)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);margin:20px 0}.card h2,.card h3{margin-top:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:15px;margin:18px 0}.grid.two{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid.three{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tile{border:1px solid var(--border);border-radius:14px;padding:15px;background:rgba(17,24,39,.02)}.tile h3{margin-top:0;font-size:17px}.tile p:last-child{margin-bottom:0}.note,.scope-note{border-left:4px solid var(--accent);padding:13px 15px;background:rgba(15,118,110,.07);border-radius:12px;margin:20px 0}.warn{border-left-color:var(--warn);background:rgba(146,64,14,.08)}.flow-box{border:1px solid var(--border);border-radius:16px;padding:18px;margin:22px 0;background:linear-gradient(180deg,#fff,rgba(243,246,251,.84));box-shadow:0 10px 25px rgba(17,24,39,.05)}.flow-box h2,.flow-box h3{margin-top:0}.flow-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}.flow-step{border:1px solid rgba(17,24,39,.16);border-radius:999px;padding:8px 13px;background:#fff;font-size:.95rem;color:var(--text)}.flow-arrow{font-weight:800;color:var(--text)}.mini-table{width:100%;border-collapse:collapse;margin:18px 0;background:#fff;border-radius:12px;overflow:hidden}.mini-table th,.mini-table td{border:1px solid var(--border);padding:11px;text-align:left;vertical-align:top}.mini-table th{background:var(--soft);color:var(--text)}.toc{border:1px solid var(--border);border-radius:16px;padding:18px;background:#fff;margin:20px 0}.toc ul{columns:2;column-gap:28px;margin:8px 0 0;padding-left:20px}.toc li{break-inside:avoid}.kicker{display:inline-block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#0f766e;background:rgba(15,118,110,.08);border:1px solid rgba(15,118,110,.18);border-radius:999px;padding:4px 9px;margin-bottom:10px}.ad-slot,.ad-block{margin:22px 0 28px;padding:18px 16px;border:1px dashed var(--border);border-radius:14px;background:rgba(17,24,39,.02);min-height:110px;text-align:center}.ad-label{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.article-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:15px;margin:20px 0}.article-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 10px 28px rgba(17,24,39,.05)}.article-card h3{margin-top:0}.tag{display:inline-block;font-size:12px;font-weight:700;color:#334155;background:#eef2ff;border:1px solid #dbeafe;border-radius:999px;padding:3px 8px;margin-bottom:8px}footer{border-top:1px solid var(--border);margin-top:24px;padding:18px 0;color:var(--muted);font-size:13px;background:rgba(255,255,255,.72)}footer a{color:var(--muted)}hr{border:none;border-top:1px solid var(--border);margin:18px 0}code{background:rgba(17,24,39,.06);padding:2px 6px;border-radius:8px}.contact-line{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:var(--text)}@media (max-width:820px){.topbar{align-items:flex-start;flex-direction:column}.nav{gap:10px 14px}.toc ul{columns:1}.site img{max-height:44px}}