/* Document-based guides: scoped independently from existing landing pages. */
.guide-page { margin:0; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:16px; line-height:1.75; }
.guide-page * { box-sizing:border-box; }
.guide-main { padding:112px 24px 72px; }
.guide-hero,.guide-layout { width:min(1180px,100%); margin-inline:auto; }
.guide-heading { padding:24px 0 30px; }
.guide-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:12px; font-size:14px; margin-bottom:28px; }
.guide-breadcrumb a { text-decoration:underline; text-underline-offset:4px; }
.guide-eyebrow { text-transform:uppercase; font-size:14px; font-weight:800; letter-spacing:.13em; margin:0 0 12px; }
.guide-heading h1 { font-size:clamp(30px,3.8vw,52px); line-height:1.15; letter-spacing:-.035em; font-weight:850; margin:0; max-width:1000px; }
.guide-image { margin:26px 0; }
.guide-image img { display:block; width:100%; max-width:100%; height:auto; border-radius:14px; }
.guide-hero>.guide-image { margin:0; }
.guide-layout { display:grid; grid-template-columns:260px minmax(0,1fr); gap:36px; align-items:start; margin-top:40px; }
.guide-toc { position:sticky; top:105px; padding:22px; border-radius:16px; max-height:calc(100vh - 130px); overflow-y:auto; font-size:14px; line-height:1.5; }
.guide-toc>p { margin:0 0 15px; font-size:16px; font-weight:850; }
.guide-toc ol { margin:0; padding-left:20px; list-style:decimal; }
.guide-toc li { padding:6px 0 6px 3px; }
.guide-toc a { display:block; text-decoration:none; }
.guide-toc a:hover { text-decoration:underline; text-underline-offset:3px; }
.guide-article { min-width:0; }
.guide-intro,.guide-section { padding:30px; margin-bottom:24px; }
.guide-intro p,.guide-section p { margin:0 0 18px; }
.guide-intro p:last-child,.guide-section>p:last-child { margin-bottom:0; }
.guide-section { scroll-margin-top:110px; }
.guide-section h2 { display:flex; gap:14px; align-items:baseline; font-size:clamp(23px,2.2vw,30px); line-height:1.25; font-weight:850; letter-spacing:-.02em; margin:0 0 24px; }
.guide-section h3 { font-size:20px; font-weight:800; line-height:1.4; margin:30px 0 12px; }
.guide-number { flex-shrink:0; font-size:14px; font-weight:800; letter-spacing:0; }
.guide-section ul,.guide-section ol { margin:20px 0 24px; padding-left:26px; }
.guide-section ul { list-style:disc; }
.guide-section ol { list-style:decimal; }
.guide-section li { padding-left:6px; margin:10px 0; }
.guide-section li::marker { font-weight:800; }
.guide-article a { text-decoration:underline; text-underline-offset:3px; }
.guide-article strong { font-weight:750; }
.guide-table { overflow-x:auto; margin:26px 0; border-radius:12px; border:1px solid #c9d8e9; background:#fff; color:#24334d; }
.guide-table table { width:100%; border-collapse:collapse; font-size:15px; line-height:1.6; min-width:580px; }
.guide-table th,.guide-table td { padding:16px 18px; text-align:left; vertical-align:middle; border:1px solid #d9e2ee; }
.guide-table th { background:#183059; color:#fff; font-weight:750; }
.guide-table tbody tr:nth-child(even) { background:#f1f6fc; }
.guide-table p { margin:0; }
.guide-page a:focus-visible,.guide-table:focus-visible { outline:3px solid #1ba7ff; outline-offset:4px; }
.guide-page [aria-current="page"] { text-decoration:underline; text-underline-offset:6px; }
@media(max-width:1000px) { .guide-layout { grid-template-columns:1fr; gap:24px; } .guide-toc { position:static; max-height:none; } .guide-toc ol { columns:2; column-gap:30px; } .guide-toc li { break-inside:avoid; } }
@media(max-width:600px) { .guide-main { padding:100px 16px 40px; } .guide-heading { padding:16px 0 24px; } .guide-breadcrumb { margin-bottom:20px; } .guide-layout { margin-top:24px; } .guide-intro,.guide-section { padding:22px 18px; } .guide-toc { padding:20px; } .guide-toc ol { columns:1; } .guide-section h2 { gap:10px; } .guide-image img { border-radius:8px; } .guide-section h3 { font-size:19px; } }
@media(prefers-reduced-motion:reduce) { .guide-page { scroll-behavior:auto; } }

.guide-13 { background:#f5f8fc; color:#334155; }
.guide-13 .guide-main { padding-top:114px; }
.guide-13 .guide-heading { max-width:900px; margin-inline:auto; text-align:center; padding-bottom:38px; }
.guide-13 .guide-breadcrumb { justify-content:center; }
.guide-13 .guide-eyebrow,.guide-13 .guide-number,.guide-13 .guide-article a { color:#276fbf; }
.guide-13 .guide-heading h1,.guide-13 .guide-section h2,.guide-13 .guide-section h3 { color:#183059; }
.guide-13 .guide-hero>.guide-image img { border-radius:26px; }
.guide-13 .guide-layout { grid-template-columns:minmax(0,1fr) 250px; gap:48px; }
.guide-13 .guide-toc { grid-column:2; grid-row:1; background:#e9f1fb; border-top:4px solid #276fbf; border-radius:0 0 16px 16px; }
.guide-13 .guide-article { grid-column:1; grid-row:1; }
.guide-13 .guide-intro { font-size:18px; padding:0 0 28px; border-bottom:1px solid #cad9eb; }
.guide-13 .guide-section { background:#fff; border-radius:22px; border:1px solid #e1e8f1; box-shadow:0 7px 25px #18305905; }
.guide-13 .guide-section h2 { display:block; }
.guide-13 .guide-number { display:block; margin-bottom:10px; }
.guide-13 .guide-table th { background:#276fbf; }
@media(max-width:1000px) { .guide-13 .guide-layout { grid-template-columns:1fr; gap:28px; } .guide-13 .guide-toc,.guide-13 .guide-article { grid-column:auto; grid-row:auto; } }
@media(max-width:767px) { .guide-13 .guide-main { padding-top:150px; } .guide-13 .guide-heading { text-align:left; } .guide-13 .guide-breadcrumb { justify-content:flex-start; } }
