.structured-output-hero{--reference-hero-padding-bottom: 8rem;--reference-hero-columns: minmax(0, .8fr) minmax(40rem, 1.2fr);--reference-hero-gap: clamp(2.5rem, 4vw, 4rem)}.structured-output-hero h1{text-wrap:balance}.structured-output-hero h1 span{color:var(--brand-accent)}.structured-output-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--brand-hairline-strong);background:var(--cl-code-bg);box-shadow:0 1.5rem 3.2rem #00000057}.structured-output-hero-graphic{width:min(100%,50rem);margin:0 0 0 auto}.structured-output-panel-source,.structured-output-panel-record{display:flex;flex-direction:column;min-width:0;margin:0;padding:var(--sp-4)}.structured-output-panel-source{border-right:1px solid var(--brand-hairline-strong)}.structured-output-panel-source>span,.structured-output-panel-record>span{display:block;margin-bottom:var(--sp-3);color:var(--brand-text-muted);font-family:var(--cl-mono);font-size:var(--brand-fs-nano);font-weight:600;letter-spacing:.06em;line-height:1.35;text-transform:uppercase}.structured-output-panel-source h3{margin:0 0 var(--sp-3);color:var(--brand-text-bright);font-family:var(--cl-mono);font-size:var(--brand-fs-sm);font-weight:500;line-height:1.45}.structured-output-panel-source p{flex:1;margin:0;color:var(--brand-text);font-family:var(--cl-mono);font-size:.78rem;line-height:1.7;overflow-wrap:anywhere}.structured-output-card .structured-output-panel-source p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:13;line-clamp:13;overflow:hidden;white-space:pre-line}.structured-output-panel-source footer{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--sp-2) var(--sp-4);margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--brand-hairline)}.structured-output-panel-source footer span{color:var(--brand-text-muted);font-family:var(--cl-mono);font-size:var(--brand-fs-nano);letter-spacing:.04em;white-space:nowrap}.structured-output-panel-source mark{padding:.05rem .15rem;background:#ffffff1a;box-shadow:inset 0 -1px 0 var(--brand-hairline-strong);color:var(--brand-text-bright)}.structured-output-panel-source mark b,.structured-output-record dt b{display:inline-grid;place-items:center;min-width:1.15rem;height:1.15rem;margin-left:.3rem;border-radius:50%;background:var(--brand-hairline-strong);color:var(--brand-text-bright);font-family:var(--cl-mono);font-size:.7rem;font-weight:600;line-height:1;vertical-align:.1em}.structured-output-record{display:grid;grid-template-columns:max-content minmax(0,1fr);margin:0}.structured-output-record>div{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;column-gap:var(--sp-3);align-items:baseline;padding:.48rem 0;border-bottom:1px solid var(--brand-hairline)}.structured-output-record>div:last-child{border-bottom:0}.structured-output-record dt,.structured-output-record dd{min-width:0;margin:0;font-family:var(--cl-mono);font-size:var(--brand-fs-sm);line-height:1.35}.structured-output-record dt,.structured-output-record dt span{overflow-wrap:normal;word-break:normal}.structured-output-record dt{display:flex;align-items:center;gap:.4rem;color:var(--brand-text-muted)}.structured-output-record dt b{flex:none;margin-left:0}.structured-output-record dt i{flex:none;width:1.15rem}.structured-output-record dd{color:var(--brand-text-bright);overflow-wrap:break-word}.structured-output-record dd[data-kind=judgement]{color:var(--brand-sky)}.structured-output-record dd[data-kind=absent]{color:var(--brand-text-muted)}.structured-output-record .is-miss dt,.structured-output-record .is-miss dd{color:var(--brand-accent)}.structured-output-record dd.structured-output-expected{grid-column:2;color:var(--brand-text-muted)}.structured-output-proof{padding:var(--cl-section-gap) 0 0}.structured-output-proof .cl-section-head{margin-bottom:var(--sp-6)}.structured-output-ledger{display:grid;gap:var(--sp-5)}.structured-output-figures{display:grid;grid-template-columns:repeat(5,minmax(0,auto));justify-content:start;gap:var(--sp-4) clamp(1.5rem,4vw,3.5rem);margin:0 0 var(--sp-5);padding-bottom:var(--sp-5);border-bottom:1px solid var(--brand-hairline)}.structured-output-figures dt{color:var(--brand-text-bright);font-family:var(--cl-mono);font-size:var(--brand-fs-h4);line-height:1.2;white-space:nowrap}.structured-output-figures dd{margin:.25rem 0 0;color:var(--brand-text-muted);font-family:var(--cl-mono);font-size:var(--brand-fs-nano);letter-spacing:.06em;line-height:1.35;text-transform:uppercase}.structured-output-playground{padding:var(--cl-section-gap) 0}.structured-output-playground .cl-section-head{margin-bottom:var(--sp-6)}.structured-output-playground .cl-play{padding-top:0}@media(max-width:1120px){.structured-output-hero{--reference-hero-columns: minmax(0, .72fr) minmax(36rem, 1.28fr)}}@media(max-width:1020px){.structured-output-hero-graphic{width:min(100%,48rem);margin:var(--sp-6) auto 0}}@media(max-width:700px){.structured-output-hero{padding:7.5rem 0 6rem}.structured-output-hero h1{font-size:clamp(2.15rem,10vw,3rem)}.structured-output-panel{grid-template-columns:1fr}.structured-output-panel-source{border-right:0;border-bottom:1px solid var(--brand-hairline-strong)}.structured-output-card .structured-output-panel-source p{-webkit-line-clamp:12;line-clamp:12}.structured-output-proof{padding-top:4rem}.structured-output-figures{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}.structured-output-record{grid-template-columns:minmax(0,1fr)}.structured-output-record>div{padding:.6rem 0}.structured-output-record dd.structured-output-expected{grid-column:1}}.structured-output-foot{max-width:76ch;margin:var(--sp-5) 0 0;color:var(--brand-text-muted);font-size:var(--brand-fs-sm);line-height:1.5}