/* Scoped deliverable styling; shared SumWise typography, palette and navigation. */
.sample-main { max-width: 1120px; margin: 0 auto; padding: 46px 24px 72px; }
.sample-sheet { background: var(--white); border: 1px solid var(--line); border-radius: 16px; padding: clamp(22px,4vw,48px); margin: 0 0 28px; scroll-margin-top: 24px; }
.sample-sheet h1 { font-size: clamp(32px,4.2vw,52px); line-height: 1.1; max-width: 850px; letter-spacing: -.035em; margin: 22px 0 12px; }
.sample-sheet h2 { font-size: clamp(25px,2.8vw,34px); line-height:1.2; letter-spacing:-.025em; margin:30px 0 16px; }
.sample-sheet h3 { font-size:19px; margin:25px 0 12px; }
.sample-sheet p,.sample-sheet li,.failure-list { line-height:1.65; }
.sample-subtitle { font-size:clamp(22px,3vw,30px); font-weight:650; margin:0 0 18px; }
.sample-lede { font-size:19px; color:var(--ink); }
.synthetic-label { display:inline-block; border:1px solid #b9dcd8; border-radius:6px; background:#edf8f6; color:#165a53; padding:6px 12px; font-size:14px; font-weight:700; }
.sample-actions { display:flex; gap:12px; flex-wrap:wrap; margin:24px 0 12px; }
.sample-actions .ghost { color:var(--ink); border-color:var(--line); background:#f4f7f8; }
.sample-top-fit { color:var(--muted); font-size:15px; }
.section-number { color:#176c64; font-size:.65em; letter-spacing:.06em; display:inline-block; margin-right:12px; }
.boundary-callout { display:grid; gap:7px; padding:18px 22px; background:#edf7f5; border-left:4px solid #177d70; border-radius:6px; margin:22px 0 0; }
.sample-table-wrap { overflow-x:auto; border:1px solid var(--line); border-radius:8px; }
.sample-table { width:100%; border-collapse:collapse; font-size:14px; text-align:left; }
.sample-table th,.sample-table td { padding:12px; border-bottom:1px solid var(--line); vertical-align:top; }
.sample-table thead { background:#edf2f4; }
.sample-table code { overflow-wrap:anywhere; }
.sample-code { background:var(--night); color:#eaf2f5; padding:18px; border-radius:8px; overflow-x:auto; max-width:100%; line-height:1.6; font-size:13px; }
.sample-sheet :not(pre)>code { overflow-wrap:anywhere; }
.vector-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:24px; }
.vector-card { border:1px solid var(--line); border-radius:10px; overflow:hidden; break-inside:avoid; }
.vector-heading { padding:14px 16px; background:#f0f5f6; display:flex; gap:10px; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; }
.vector-heading h3 { font-size:16px; margin:0; }
.outcome { display:inline-block; font-size:11px; line-height:1.4; font-weight:800; letter-spacing:.035em; border-radius:5px; padding:5px 8px; white-space:nowrap; }
.match { background:#ddefe8; color:#145c43; }
.needs-review { background:#fff0d6; color:#714505; }
.vector-card dl { margin:0; padding:8px 16px 12px; font-variant-numeric:tabular-nums; }
.vector-card dl>div { display:flex; justify-content:space-between; gap:12px; padding:4px 0; font-size:14px; }
.vector-card dt { color:var(--muted); }
.vector-card dd { margin:0; font-weight:650; white-space:nowrap; }
.vector-card dl>div:nth-last-child(-n+2) { border-top:1px solid var(--line); }
.failure-list>div { padding:12px 0; border-bottom:1px solid var(--line); }
.failure-list dt { font-weight:750; }
.failure-list dd { margin:3px 0 0; color:var(--muted); }
.workflow-steps { list-style:decimal; padding-left:26px; }
.workflow-steps>li { padding:8px 12px; margin:6px 0; background:#f1f5f6; border-radius:6px; }
.branch-pair { display:flex; gap:12px; flex-wrap:wrap; margin-top:10px; }
.sample-two-columns { columns:2; column-gap:40px; }
.sample-two-columns li { break-inside:avoid; margin-bottom:6px; }
.fit-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin:24px 0; }
.fit-grid>div { padding:0 20px; border-left:3px solid #b9dcd8; }
.sample-fit { border-top:2px solid var(--line); margin-top:32px; padding-top:6px; }
.sample-contact { font-size:14px; }
.sample-skip { position:absolute; top:-100px; left:16px; background:#fff; color:#111; padding:12px; z-index:100; }
.sample-skip:focus { top:12px; }
.review-sample a:focus-visible,.review-sample [tabindex]:focus-visible { outline:3px solid #176cbb; outline-offset:3px; }
@media(max-width:600px) { .sample-main { padding:24px 12px; } .sample-sheet { padding:22px 18px; } .vector-grid,.fit-grid { grid-template-columns:1fr; } .sample-two-columns { columns:1; } .sample-actions .button { width:100%; text-align:center; } .sample-table { min-width:540px; } .vector-heading { gap:8px; } }
@media print {
 @page { size:A4; margin:15mm 16mm 18mm; }
 .site-header,.site-footer,.sample-skip,.breadcrumbs,.sample-actions,.sample-top-fit { display:none!important; }
 body.review-sample { background:#fff; color:#15232a; font-size:10pt; }
 .sample-main { max-width:none; padding:0; margin:0; }
 .sample-sheet { border:0; border-radius:0; padding:0; margin:0; break-before:page; }
 .sample-sheet:first-child { break-before:auto; }
 .sample-sheet h1 { font-size:29pt; }
 .sample-sheet h2 { font-size:19pt; margin:16px 0 10px; break-after:avoid; }
 .sample-sheet h3 { font-size:12pt; margin:14px 0 7px; break-after:avoid; }
 .sample-sheet p,.sample-sheet li,.failure-list { line-height:1.42; }
 .sample-sheet p { margin:9px 0; }
 .sample-lede { font-size:12pt; }
 .sample-subtitle { font-size:18pt; }
 .synthetic-label { font-size:10pt; }
 .eyebrow { font-size:9pt; }
 .sample-table-wrap { overflow:visible; }
 .sample-table { min-width:0; font-size:9pt; }
 .sample-table th,.sample-table td { padding:6px; }
 .sample-code { font-size:8pt; white-space:pre-wrap; overflow-wrap:anywhere; overflow:visible; padding:10px; line-height:1.4; background:#f1f5f6; color:#172b35; break-inside:avoid; }
 .vector-grid { grid-template-columns:1fr 1fr; gap:12px; margin-top:14px; }
 .vector-heading { padding:9px 10px; gap:5px; }
 .vector-heading h3 { font-size:10pt; margin:0; }
 .vector-card dl { padding:5px 10px 8px; }
 .vector-card dl>div { font-size:9pt; padding:3px 0; }
 .outcome { font-size:7pt; padding:3px 5px; }
 .failure-list>div { padding:7px 0; }
 .workflow-steps>li { padding:5px 8px; margin:4px 0; }
 .fit-grid { gap:16px; margin:15px 0; }
 .sample-fit { margin-top:16px; }
 .sample-fit .button { display:none; }
 .boundary-callout { padding:12px; break-inside:avoid; }
 a { color:#135f79; text-decoration:none; }
}