.doc-markdown-hero{--reference-hero-padding-bottom: 10rem;--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{position:relative;width:min(100%,40rem);min-height:27rem;margin-left:auto}.doc-markdown-hero-page{position:absolute;top:0;left:0;width:67%;height:24rem;overflow:hidden;border:1px solid rgba(255,255,255,.28);background:var(--brand-white);box-shadow:0 1.4rem 3rem #00000061}.doc-markdown-hero-page-scan{position:absolute;top:-5rem;left:0;width:140%;aspect-ratio:1800 / 2329}.doc-markdown-hero-page-scan img{display:block;width:100%;height:100%}.doc-markdown-hero-page-hit{position:absolute;top:22.3%;left:6.9%;width:62.2%;height:8.6%;border:2px solid rgba(243,68,29,.92);background:#f3441d09;box-shadow:0 0 0 2px #1f1f2c1f}.doc-markdown-hero-output{position:absolute;right:0;bottom:0;z-index:2;width:67%;padding:var(--sp-4);border:1px solid var(--brand-hairline-strong);background:var(--cl-code-bg);box-shadow:0 1.4rem 3rem #0000006b;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;overflow:hidden}.doc-markdown-hero-output code{display:block;font-family:var(--cl-mono);font-size:.7rem;line-height:1.55;white-space:pre}.doc-markdown-proofs{position:relative;z-index:2;margin-top:-4rem}.doc-markdown-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-5)}.doc-markdown-proof{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);grid-template-rows:minmax(22rem,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:38% center}.doc-markdown-proof-output{display:grid;grid-template-rows:auto 1fr;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 h2{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:hidden}.doc-markdown-proof-output code{display:block;color:var(--brand-text);font-family:var(--cl-mono);font-size:.68rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.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:1120px){.doc-markdown-proof-grid{grid-template-columns:1fr}}@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-graphic{min-height:22rem}.doc-markdown-hero-page{width:74%;height:19rem}.doc-markdown-hero-output{width:78%;padding:var(--sp-3)}.doc-markdown-hero-output code{font-size:.58rem}.doc-markdown-proofs{margin-top:-2.5rem}.doc-markdown-proof{grid-template-columns:1fr;grid-template-rows:18rem 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}.doc-markdown-playground .cl-section-head{align-items:flex-start}.doc-markdown-playground .cl-section-head .cl-arrow-link{width:100%;margin-left:0}}