/* A document, not another surrounding UI card. Keep the product page open. */
.parsing-story { display:grid; grid-template-columns:.82fr 1.18fr; gap:72px; align-items:center; }
.parsing-visual { margin:0; padding:34px 28px 0; position:relative; min-width:0; background:radial-gradient(ellipse at 45% 45%,var(--brand-soft),transparent 72%); }
.document-sheet { background:var(--portal-surface); border:1px solid var(--line); border-radius:3px; padding:28px; box-shadow:0 16px 45px rgba(38,75,132,.09); }
.document-sheet-heading { display:flex; gap:10px; align-items:center; padding-bottom:20px; border-bottom:1px solid var(--line); font-size:14px; color:var(--body); }
.document-sheet-heading>.icon { color:var(--brand-ink); }.document-format { margin-left:auto; font-size:12px; color:var(--muted); }
.document-title { margin:24px 0 18px; font-size:20px; font-weight:600; color:var(--ink); }
.document-lines { display:grid; gap:8px; }.document-lines span { height:5px; background:var(--line-soft); border-radius:2px; }.document-lines span:last-child { width:78%; }
.document-excerpt { margin:24px 0; padding-left:16px; border-left:2px solid var(--brand-blue); }
.excerpt-label { display:block; font-size:12px; color:var(--muted); margin-bottom:14px; }
.document-excerpt p { font-size:13px; color:var(--body); line-height:1.8; margin-top:12px; }.document-excerpt mark { display:inline-block; background:var(--brand-soft); color:var(--brand-ink); padding:0 4px; margin-bottom:3px; }.document-excerpt p>span { display:block; }
.short-lines span:last-child { width:58%; }
.document-footer { display:flex; align-items:center; gap:12px; padding-top:22px; margin-top:22px; border-top:1px solid var(--line); font-size:12px; color:var(--muted); }.document-footer strong { color:var(--brand-ink); font-weight:500; }.document-footer .icon { width:17px; height:17px; }
.parsing-visual figcaption { margin-top:16px; text-align:center; font-size:12px; line-height:1.7; color:var(--muted); }
.parsing-results { min-width:0; }.parsing-result-heading>span { font-size:13px; color:var(--brand-ink); }.parsing-result-heading>p { font-size:24px; font-weight:600; color:var(--ink); margin:8px 0 24px; }
#parsing .parse-head.parse-row { position:absolute; width:1px; height:1px; clip-path:inset(50%); overflow:hidden; white-space:nowrap; padding:0; border:0; }
#parsing .parse-row { grid-template-columns:88px 1fr; gap:8px 18px; padding:19px 0; align-items:start; border-color:var(--line); }
#parsing .parse-row strong { grid-column:1; grid-row:1 / 3; line-height:1.9; font-size:16px; }
#parsing .parse-row>span:nth-child(2) { grid-column:2; font-size:14px; line-height:1.8; }
#parsing .parse-row>span:last-child { grid-column:2; color:var(--brand-ink); font-size:13px; }
#parsing .parse-row>span:last-child::before { content:"✓"; margin-right:8px; }
@media(max-width:1100px) { .parsing-story { gap:40px; grid-template-columns:.85fr 1.15fr; }.parsing-visual { padding:20px 0 0; }.document-sheet { padding:24px; }.document-title { font-size:18px; } }
@media(max-width:850px) { .parsing-story { grid-template-columns:1fr; gap:36px; }.parsing-visual { max-width:520px; width:100%; margin:0 auto; padding-top:0; }.document-excerpt { display:grid; grid-template-columns:1fr 1fr; gap:0 20px; }.excerpt-label { grid-column:1 / -1; margin-bottom:0; }.document-excerpt p { margin-top:12px; } }
@media(max-width:600px) { .parsing-story { gap:32px; }.document-sheet { padding:22px; }.document-title { font-size:19px; line-height:1.6; }.document-sheet-heading { gap:8px; }.document-format { font-size:11px; }.document-excerpt { grid-template-columns:1fr; margin-block:20px; }.parsing-result-heading>p { font-size:23px; }.parsing-visual figcaption { font-size:11px; }#parsing .parse-row { grid-template-columns:1fr; gap:7px; padding:19px 0; }#parsing .parse-row strong { grid-column:1; grid-row:auto; }#parsing .parse-row>span:nth-child(2),#parsing .parse-row>span:last-child { grid-column:1; } }