body {font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; line-height:1.65; color:#0f172a; margin:0; padding:0;}
    header, main, footer {max-width:1100px; margin:0 auto; padding:24px;}
    h1,h2,h3 {color:#0b1320; line-height:1.25;}
    nav.toc {background:#f1f5f9; border:1px solid #e2e8f0; padding:16px; border-radius:12px; margin:16px 0 32px;}
    nav.toc a {text-decoration:none; color:#0b66c3;}
    .grid {display:grid; gap:16px;}
    .grid-2 {grid-template-columns: repeat(2, minmax(0,1fr));}
    .badge {display:inline-block; padding:2px 8px; border-radius:9999px; background:#e2e8f0; font-size:12px; margin-right:6px;}
    .note {background:#f8fafc; border-left:4px solid #0b66c3; padding:12px 16px; margin:16px 0; border-radius:8px;}
    .table {width:100%; border-collapse:collapse; font-size:14px;}
    .table th,.table td {border:1px solid #e5e7eb; padding:10px; text-align:left;}
    .cta {display:flex; flex-wrap:wrap; gap:12px; margin:28px 0;}
    .btn {display:inline-block; background:#0b66c3; color:#fff; padding:12px 18px; border-radius:10px; text-decoration:none; font-weight:600;}
    .btn.secondary {background:#0f172a;}
    figure {margin:20px 0;}
    figcaption {font-size:13px; color:#475569;}
    .small {font-size:13px; color:#475569;}
    .kbd {font-family: ui-monospace,SFMono-Regular,Menlo,monospace; background:#e2e8f0; padding:2px 6px; border-radius:6px;}
    .chip {display:inline-block; padding:4px 10px; border:1px solid #cbd5e1; border-radius:9999px; font-size:12px; margin:4px 6px 0 0;}