:root { --brand:#0b5cab; --brand-dark:#083d74; --ink:#0f172a; --muted:#475569; --line:#dbe3ef; --bg:#f4f8fc; --card:#ffffff; --soft:#f8fbff; --accent:#eaf3ff; }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body { margin:0; font-family:Arial, Helvetica, sans-serif; color:var(--ink); background:var(--bg); line-height:1.75; }
    a { color:var(--brand); text-decoration:none; } a:hover { text-decoration:underline; }
    .wrap { max-width:1140px; margin:0 auto; padding:36px 20px 64px; }
    .article { background:var(--card); border:1px solid var(--line); border-radius:22px; overflow:hidden; box-shadow:0 10px 30px rgba(15,23,42,.05); }
    .hero { padding:42px 42px 26px; background:linear-gradient(135deg,#f8fbff 0%,#eef5fc 100%); border-bottom:1px solid var(--line); }
    .eyebrow { display:inline-block; padding:6px 12px; border-radius:999px; background:var(--accent); color:var(--brand-dark); font-size:13px; font-weight:700; letter-spacing:.02em; text-transform:uppercase; }
    h1 { font-size:40px; line-height:1.18; margin:14px 0 16px; color:var(--brand-dark); } .subhead { font-size:18px; color:var(--muted); max-width:920px; margin:0; }
    .hero-grid { display:grid; grid-template-columns:1.4fr .95fr; gap:24px; margin-top:28px; }
    .summary-card, .spec-card { background:#fff; border:1px solid var(--line); border-radius:18px; padding:22px; }
    .summary-card h2, .spec-card h2 { font-size:18px; margin:0 0 10px; color:var(--brand-dark); } .summary-card p { margin:0; color:var(--muted); }
    .spec-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 16px; margin-top:10px; }
    .spec-item { border-top:1px dashed var(--line); padding-top:10px; } .spec-item strong { display:block; font-size:13px; color:var(--muted); text-transform:uppercase; letter-spacing:.03em; } .spec-item span { display:block; font-size:18px; font-weight:700; color:var(--ink); margin-top:2px; }
    .body { padding:34px 42px 44px; } .toc { background:var(--soft); border:1px solid var(--line); border-radius:18px; padding:22px 24px; margin:0 0 28px; }
    .toc h2 { margin:0 0 10px; font-size:20px; color:var(--brand-dark); } .toc ul { margin:0; padding-left:20px; } .toc li { margin:8px 0; color:var(--muted); }
    h2 { font-size:30px; color:var(--brand-dark); margin:40px 0 14px; scroll-margin-top:90px; } h3 { font-size:22px; color:var(--brand-dark); margin:26px 0 10px; scroll-margin-top:90px; }
    p { margin:12px 0; font-size:17px; } ul, ol { margin:12px 0 16px 22px; padding:0; } li { margin:8px 0; font-size:17px; } .lead { font-size:18px; }
    .callout { background:linear-gradient(180deg,#f9fcff 0%,#f4f8fc 100%); border:1px solid var(--line); border-left:5px solid var(--brand); border-radius:16px; padding:18px 20px; margin:20px 0; }
    .fit-table, .rfq-table { width:100%; border-collapse:separate; border-spacing:0; margin:18px 0 8px; border:1px solid var(--line); border-radius:16px; overflow:hidden; }
    .fit-table th, .fit-table td, .rfq-table th, .rfq-table td { padding:14px; border-bottom:1px solid var(--line); border-right:1px solid var(--line); vertical-align:top; font-size:16px; }
    .fit-table th, .rfq-table th { background:var(--soft); color:var(--brand-dark); text-align:left; }
    .fit-table tr:last-child td, .rfq-table tr:last-child td { border-bottom:none; } .fit-table th:last-child, .fit-table td:last-child, .rfq-table th:last-child, .rfq-table td:last-child { border-right:none; }
    .checklist { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
    .check-card { background:#fff; border:1px solid var(--line); border-radius:16px; padding:16px 18px; } .check-card h4 { margin:0 0 8px; font-size:17px; color:var(--brand-dark); } .check-card p { margin:0; font-size:15px; color:var(--muted); }
    figure { margin:28px 0; } figure img { width:100%; height:auto; border-radius:18px; border:1px solid var(--line); display:block; background:#fff; } figcaption { font-size:14px; color:var(--muted); margin-top:10px; } .prompt { margin-top:6px; display:block; color:var(--ink); }
    .btn-row { display:flex; flex-wrap:wrap; gap:12px; margin-top:18px; } .btn { display:inline-block; padding:12px 18px; border-radius:999px; font-weight:700; } .btn-primary { background:var(--brand); color:#fff; } .btn-secondary { background:#fff; color:var(--brand-dark); border:1px solid var(--line); }
    .mini-note { font-size:14px; color:var(--muted); } .smallcaps { font-size:13px; text-transform:uppercase; letter-spacing:.04em; color:var(--muted); }
    .faq { margin-top:14px; border-top:1px solid var(--line); } .faq-item { padding:18px 0; border-bottom:1px solid var(--line); } .faq-item h3 { margin:0 0 8px; font-size:21px; }
    .cta-box { margin-top:34px; background:linear-gradient(135deg,#0b5cab 0%,#083d74 100%); color:#fff; border-radius:20px; padding:28px; } .cta-box h2 { color:#fff; margin-top:0; } .cta-box p { color:#eaf3ff; } .cta-box a:not(.btn) { color:#fff; text-decoration:underline; } .cta-box .btn { text-decoration:none; } .cta-box .btn-primary { color:#fff; } .cta-box .btn-secondary { color:var(--brand-dark); background:#fff; border:1px solid rgba(255,255,255,.22); } .cta-box .btn-secondary:hover { color:var(--brand-dark); }
    .resource-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:14px; } .resource-list a { display:block; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); border-radius:14px; padding:14px 16px; } .resource-list a:hover { text-decoration:none; background:rgba(255,255,255,.14); }
    @media (max-width:920px) { .hero-grid, .checklist, .resource-list { grid-template-columns:1fr; } h1 { font-size:32px; } .hero, .body { padding:28px 20px 34px; } .spec-grid { grid-template-columns:1fr 1fr; } }
    @media (max-width:640px) { .spec-grid { grid-template-columns:1fr; } .btn-row { flex-direction:column; } .btn { text-align:center; } }