.doc-markdown-hero{--reference-hero-padding-bottom: 8rem;--reference-hero-columns: minmax(0, .95fr) minmax(31rem, 1.05fr);--reference-hero-gap: clamp(2.5rem, 5vw, 5rem)}.doc-markdown-hero h1 span{font-family:var(--cl-mono);font-weight:500;letter-spacing:-.04em;color:var(--brand-accent)}.doc-markdown-hero-copy>p{max-width:35rem;margin:0 0 2rem;color:var(--brand-text-bright);font-family:var(--font-body);font-size:clamp(1.05rem,1.7vw,1.28rem);line-height:1.5}.doc-markdown-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3)}.doc-markdown-hero-graphic{width:min(100%,40rem);margin-left:auto;border:1px solid var(--brand-hairline-strong);background:var(--cl-code-bg);box-shadow:0 1.5rem 3.2rem #00000057}.doc-markdown-hero-page{position:relative;height:11rem;overflow:hidden;border-bottom:1px solid var(--brand-hairline-strong);background:var(--brand-white)}.doc-markdown-hero-page-scan{position:absolute;top:-3rem;left:0;width:100%;aspect-ratio:1800 / 2329}.doc-markdown-hero-page-scan img{display:block;width:100%;height:100%}.doc-markdown-hero-page-name{position:absolute;right:0;bottom:0;padding:.32rem .5rem;background:#1f1f2ce0;color:var(--brand-text-muted);font-family:var(--cl-mono);font-size:var(--brand-fs-nano);letter-spacing:.04em}.doc-markdown-hero-output{padding:var(--sp-4);background:var(--cl-code-bg);color:var(--brand-text-bright)}.doc-markdown-hero-output>span{display:block;margin-bottom:var(--sp-3);color:var(--brand-accent);font-family:var(--cl-mono);font-size:var(--brand-fs-meta);letter-spacing:.06em;text-transform:uppercase}.doc-markdown-hero-output pre{margin:0}.doc-markdown-hero-output code{display:block;font-family:var(--cl-mono);font-size:.7rem;line-height:1.6;white-space:pre-wrap;overflow-wrap:break-word}.doc-markdown-hero-extent{margin:var(--sp-3) 0 0;font-size:var(--brand-fs-sm);font-variant-numeric:tabular-nums;color:var(--brand-text-dim)}.doc-markdown-hero-extent code{padding:0;background:transparent;color:var(--brand-text-muted);font-family:var(--cl-mono);font-size:inherit}.doc-markdown-proofs{position:relative;z-index:2;padding-top:var(--cl-section-gap)}.doc-markdown-proofs .cl-section-head{align-items:baseline;margin-bottom:var(--sp-6)}.doc-markdown-proofs .cl-section-head h2{max-width:46rem}.doc-markdown-proofs .cl-section-head .cl-arrow-link{margin-left:auto}.doc-markdown-proof-foot{max-width:62rem;margin:var(--sp-6) 0 0;color:var(--brand-text-muted);font-size:var(--brand-fs-sm);line-height:1.6}.doc-markdown-proof-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-5)}.doc-markdown-proof{display:grid;grid-template-columns:minmax(0,18rem) minmax(0,1fr);grid-template-rows:minmax(20rem,1fr) auto;min-width:0;overflow:hidden;border:1px solid var(--brand-hairline-strong);background:var(--cl-code-bg)}.doc-markdown-proof-media{min-width:0;overflow:hidden;background:var(--brand-white)}.doc-markdown-proof-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.doc-markdown-proof.is-slide .doc-markdown-proof-media img{object-position:left top}.doc-markdown-proof.is-paper .doc-markdown-proof-media img{object-position:center 32%}.doc-markdown-proof-output{display:flex;flex-direction:column;min-width:0;gap:var(--sp-4);padding:var(--sp-4);border-left:1px solid var(--brand-hairline-strong);background:var(--cl-code-bg)}.doc-markdown-proof-output h3{margin:0;font-family:var(--font-display);font-size:clamp(1.15rem,1.55vw,1.42rem);font-weight:400;line-height:1.12;letter-spacing:-.02em;color:var(--brand-text-bright)}.doc-markdown-proof-output pre{min-width:0;margin:0;overflow-x:auto;overscroll-behavior-x:contain}.doc-markdown-proof-output pre:focus-visible{outline:2px solid var(--brand-accent);outline-offset:-2px}.doc-markdown-proof-output code{display:block;width:max-content;min-width:100%;color:var(--brand-text);font-family:var(--cl-mono);font-size:.72rem;line-height:1.6;white-space:pre}.doc-markdown-proof-output pre.is-wrapped code{width:auto;white-space:pre-wrap}.doc-markdown-proof-extent{margin:0;font-size:var(--brand-fs-sm);font-variant-numeric:tabular-nums;color:var(--brand-text-dim)}.doc-markdown-proof-caption{margin:0;max-width:62ch;font-size:var(--brand-fs-sm);line-height:1.5;color:var(--brand-text)}.doc-markdown-proof>.reference-source-link{grid-column:1 / -1}.doc-markdown-playground{padding:var(--cl-section-gap) 0}.doc-markdown-playground .cl-section-head{align-items:baseline;margin-bottom:var(--sp-6)}.doc-markdown-playground .cl-section-head .cl-arrow-link{margin-left:auto}.doc-markdown-playground .cl-play{padding-top:0}@media(max-width:1279px){.doc-markdown-proof{grid-template-columns:minmax(0,1fr);grid-template-rows:15rem auto auto}.doc-markdown-proof-output{border-top:1px solid var(--brand-hairline-strong);border-left:0}.doc-markdown-proof>.reference-source-link{grid-column:1}}@media(max-width:1240px)and (min-width:1021px){.doc-markdown-hero{--reference-hero-columns: minmax(0, 1.15fr) minmax(24rem, .85fr)}}@media(max-width:1020px){.doc-markdown-hero-graphic{width:min(100%,42rem);margin-inline:auto}}@media(max-width:700px){.doc-markdown-hero{padding:7.5rem 0 7rem}.doc-markdown-hero h1{font-size:clamp(2.25rem,10.5vw,3rem)}.doc-markdown-hero-page{height:8rem}.doc-markdown-hero-output{padding:var(--sp-3)}.doc-markdown-hero-output code{font-size:.64rem}.doc-markdown-proofs{padding-top:4rem}.doc-markdown-proof{grid-template-rows:13rem auto auto}.doc-markdown-playground .cl-section-head{align-items:flex-start}.doc-markdown-playground .cl-section-head .cl-arrow-link{width:100%;margin-left:0}}
