.reference-hero .hero-inner{grid-template-columns:minmax(0,.98fr) minmax(480px,1.02fr);gap:64px}.reference-hero-art{min-width:0}.reference-window{width:100%;padding:16px;border:1px solid rgba(255,255,255,.17);border-radius:24px;background:#141319f0;box-shadow:0 38px 90px #00000075,0 0 70px #f973161a;transform:rotate(.8deg)}.reference-window-bar,.reference-window-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#ffffff61;font-family:var(--mono);font-size:9px}.reference-window-bar{padding:1px 3px 15px}.reference-window-dots{display:flex;gap:5px}.reference-window-dots i{width:7px;height:7px;border-radius:50%;background:#ffffff2e}.reference-hero-grid{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:#0b0a0e}.reference-source-card,.reference-preview-card{min-width:0;min-height:340px;padding:24px}.reference-source-card{border-right:1px solid rgba(255,255,255,.1)}.reference-preview-card{background:#f7f1e7;color:var(--text)}.reference-card-label,.project-preview-label{display:block;color:var(--orange-soft);font-size:8px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.reference-preview-card .reference-card-label,.project-preview-label{color:var(--orange)}.reference-source-card code{display:block;margin-top:27px;color:#ffffffa3;font-family:var(--mono);font-size:10px;line-height:1.85}.reference-source-card code b,.reference-source-card code strong,.reference-source-card code em,.reference-source-card code .reference-source-link{font-style:normal;font-weight:500}.reference-source-card code b{color:var(--orange-soft)}.reference-source-card code strong{color:var(--sky)}.reference-source-card code em{color:var(--mint)}.reference-source-card code .reference-source-link{color:var(--violet)}.reference-preview-card h2{margin-top:29px;font-family:var(--display);font-size:25px;letter-spacing:-.04em}.reference-preview-card p{margin-top:20px;font-size:11px}.reference-task-preview{margin-top:22px;display:flex;flex-direction:column;gap:9px;list-style:none}.reference-task-preview li,.rendered-tasks li{display:grid;grid-template-columns:15px 1fr;gap:8px;align-items:start}.reference-task-preview li{font-size:10px}.reference-task-preview li:before,.rendered-tasks li:before{content:"";width:13px;height:13px;margin-top:2px;border:1px solid #857c80;border-radius:4px;background:transparent}.reference-task-preview li.is-done,.rendered-tasks li.is-done{color:var(--text-soft);text-decoration:line-through}.reference-task-preview li.is-done:before,.rendered-tasks li.is-done:before{content:"\2713";display:grid;place-items:center;border-color:#0f8d67;background:#d1fae5;color:#0f8d67;font-size:9px;font-weight:800;text-decoration:none}.reference-preview-link{display:inline-block;margin-top:25px;border-bottom:1px solid rgba(249,115,22,.4);color:#c95010;font-size:10px;font-weight:700}.reference-window-foot{padding:15px 4px 1px}.reference-window-foot strong{color:var(--mint);font-weight:700}.syntax-badge{display:inline-flex;min-height:23px;padding:3px 8px;border:1px solid rgba(15,141,103,.25);border-radius:999px;align-items:center;background:#34d3991a;color:#0c7e5d;font-family:var(--sans);font-size:8px;font-weight:800;letter-spacing:.1em;line-height:1;text-transform:uppercase;vertical-align:middle}.syntax-badge-extension{border-color:#7c3aed3d;background:#a78bfa1f;color:#6d3dc4}.syntax-badge-caution{border-color:#d9770642;background:#fbbf241f;color:#a64d0b}.quick-reference-section .section-intro .syntax-badge{margin:0 4px}.quick-reference-table-wrap{margin-top:46px;overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:var(--white);box-shadow:0 20px 50px #3f2d1f14}.quick-reference-table{width:100%;min-width:760px;border-collapse:collapse;font-size:13px}.quick-reference-table th,.quick-reference-table td{padding:17px 20px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.quick-reference-table th{position:sticky;top:0;background:var(--ink);color:#ffffffb8;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.quick-reference-table tr:last-child td{border-bottom:0}.quick-reference-table td:first-child{width:23%;font-family:var(--display);font-size:14px;font-weight:600}.quick-reference-table td:nth-child(2){width:38%;background:#e9e1d54d}.quick-reference-table code,.faq-answer code,.portability-card code,.toc-note code{font-family:var(--mono);font-size:.92em}.quick-reference-table a,.faq-answer a,.project-preview a{color:#bf4d12;text-decoration:underline;text-decoration-color:#f9731659;text-underline-offset:3px}.reference-download-bar{margin-top:22px;padding:24px;border:1px solid var(--line);border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:28px;background:#fffdf8a3}.reference-download-bar strong,.reference-download-bar span{display:block}.reference-download-bar strong{font-family:var(--display);font-size:16px}.reference-download-bar span{margin-top:4px;color:var(--text-soft);font-size:12px}.reference-download-bar .button{flex:0 0 auto}.example-grid{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.syntax-example{min-width:0;padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#ffffff0b}.syntax-example-wide{grid-column:span 2}.syntax-example-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.syntax-example h3,.project-source h3{margin-top:11px;font-family:var(--display);font-size:21px;letter-spacing:-.03em;line-height:1.2}.copy-button{min-height:34px;padding:7px 10px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff0f;color:#ffffffa3;cursor:pointer;font:700 9px var(--sans);letter-spacing:.06em;text-transform:uppercase;transition:border-color .15s ease,background .15s ease,color .15s ease}.copy-button:hover,.copy-button:focus-visible,.copy-button.is-copied{border-color:#f9731694;background:#f973161f;color:var(--orange-soft)}.copy-button:focus-visible{outline:2px solid var(--sky);outline-offset:2px}.copy-button-dark{border-color:#fff3;color:#ffffffb8}.syntax-example>pre,.syntax-pair>pre,.project-source>pre,.rendered-example>pre,.project-preview>pre,.toc-note>pre{overflow-x:auto;border-radius:12px;font-family:var(--mono);tab-size:2}.syntax-example>pre,.syntax-pair>pre{margin-top:22px;padding:18px;border:1px solid rgba(255,255,255,.08);background:#0000003d;color:#ffffffb8;font-size:11px;line-height:1.7}.syntax-pair{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.syntax-pair>pre{margin-top:0}.rendered-example{margin-top:14px;padding:19px;border-radius:12px;background:#f7f1e7;color:var(--text);font-family:var(--serif);font-size:14px}.syntax-pair .rendered-example{margin-top:0}.rendered-example h4,.rendered-example h5{font-family:var(--display);letter-spacing:-.03em}.rendered-example h4{font-size:23px}.rendered-example h5{margin-top:16px;font-size:16px}.rendered-example p+p,.rendered-example ul+ol,.rendered-example blockquote+hr{margin-top:15px}.rendered-example ul,.rendered-example ol{padding-left:20px}.rendered-example ul ul{margin-top:5px}.rendered-example blockquote,.project-preview blockquote{padding-left:14px;border-left:3px solid var(--orange);color:var(--text-soft);font-style:italic}.rendered-example hr,.project-preview hr{height:1px;border:0;background:var(--line)}.rendered-example table{width:100%;border-collapse:collapse;font-family:var(--sans);font-size:11px}.rendered-example th,.rendered-example td{padding:8px;border:1px solid var(--line);text-align:left}.rendered-example th:nth-child(2),.rendered-example td:nth-child(2){text-align:center}.rendered-example th:last-child,.rendered-example td:last-child{text-align:right}.rendered-example>pre,.project-preview>pre{margin-top:13px;padding:13px;background:var(--ink);color:#ffffffbd;font-family:var(--mono);font-size:10px}.rendered-tasks{padding-left:0!important;display:flex;flex-direction:column;gap:8px;list-style:none;font-family:var(--sans);font-size:12px}.image-placeholder{min-height:95px;margin-top:14px;border:1px dashed rgba(27,24,29,.25);border-radius:10px;display:grid;place-items:center;align-content:center;gap:4px;background:#e9e1d58c;color:var(--text-soft);text-align:center}.image-placeholder span{color:var(--orange);font-family:var(--mono);font-size:8px;letter-spacing:.1em}.image-placeholder strong{font-family:var(--sans);font-size:10px}.comment-gap{min-height:34px;margin:12px 0;border-top:1px dashed rgba(27,24,29,.18);border-bottom:1px dashed rgba(27,24,29,.18);background:#ffffff59}.syntax-note{margin-top:15px;color:#ffffff73;font-size:11px}.copy-status{min-height:24px;margin-top:10px;color:var(--mint);font-size:11px;text-align:right}.project-note-section{background:radial-gradient(circle at 88% 15%,rgba(249,115,22,.08),transparent 29%),var(--paper)}.project-note-grid{margin-top:46px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid var(--line);border-radius:22px;box-shadow:0 28px 70px #3d2b1c1a}.project-source,.project-preview{min-width:0;padding:28px}.project-source{background:var(--ink-soft);color:var(--white)}.project-source>pre{margin-top:28px;padding:0;color:#ffffffb3;font-size:11px;line-height:1.75;white-space:pre-wrap}.project-preview h3{margin-top:28px;font-family:var(--display);font-size:30px;letter-spacing:-.04em}.project-preview h4{margin-top:28px;font-family:var(--display);font-size:18px;letter-spacing:-.03em}.project-preview p,.project-preview .rendered-tasks,.project-preview blockquote,.project-preview hr,.project-preview small{margin-top:16px}.project-preview small{display:block;color:var(--text-soft);font-family:var(--mono);font-size:9px}.portability-layout{display:grid;gap:44px}.portability-copy{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:end}.portability-copy p{color:var(--text-soft);font-size:17px}.portability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.portability-card{min-height:360px;padding:26px;border:1px solid var(--line);border-radius:18px;background:#fffdf88f}.portability-card-core{border-color:#0f8d6740;background:#34d39912}.portability-card-caution{border-color:#d977063d;background:#fbbf2412}.portability-card>span{color:var(--orange);font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.portability-card-core>span{color:#0f8d67}.portability-card h3{margin-top:25px;font-family:var(--display);font-size:24px;letter-spacing:-.035em}.portability-card ul{margin-top:28px;display:flex;flex-direction:column;gap:12px;list-style:none}.portability-card li{padding-bottom:12px;border-bottom:1px solid var(--line);color:var(--text-soft);font-size:12px}.portability-card li:last-child{border-bottom:0}.toc-note{padding:28px;border:1px solid var(--line);border-radius:18px;display:grid;grid-template-columns:.8fr 1.1fr .9fr;gap:28px;align-items:start;background:var(--white)}.toc-note h3{margin-top:13px;font-family:var(--display);font-size:21px;letter-spacing:-.03em;line-height:1.2}.toc-note p{color:var(--text-soft);font-size:13px}.toc-note>pre{padding:16px;background:var(--ink);color:#ffffffb3;font-size:9px;line-height:1.7}.related-reference-section .related-card{border-color:#ffffff1f;background:#ffffff0d;color:var(--white)}.related-reference-section .related-card:hover{border-color:#f9731675}.related-reference-section .related-card p{color:#ffffff8a}.related-reference-section .related-card strong{color:var(--orange-soft)}.sources-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}.sources-list{display:flex;flex-direction:column;gap:12px}.sources-list a{padding:21px 23px;border:1px solid var(--line);border-radius:14px;background:#fffdf89e;transition:transform .15s ease,border-color .15s ease}.sources-list a:hover{border-color:#f9731666;transform:translate(3px)}.sources-list span,.sources-list strong,.sources-list small{display:block}.sources-list span{color:var(--orange);font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.sources-list strong{margin-top:7px;font-family:var(--display);font-size:17px}.sources-list small{margin-top:4px;color:var(--text-soft);font-size:11px}@media (max-width: 1040px){.reference-hero .hero-inner,.portability-copy,.sources-layout{grid-template-columns:1fr}.reference-hero-art{width:min(760px,100%);margin:0 auto}.portability-copy,.sources-layout{gap:30px}.portability-grid{grid-template-columns:1fr 1fr}.portability-card-caution{grid-column:span 2;min-height:0}.toc-note{grid-template-columns:1fr 1fr}.toc-note>pre{grid-column:span 2}}@media (max-width: 780px){.reference-hero-grid,.example-grid,.syntax-pair,.project-note-grid,.portability-grid,.toc-note{grid-template-columns:1fr}.reference-window{transform:none}.reference-source-card,.reference-preview-card{min-height:0}.reference-source-card{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.syntax-example-wide,.portability-card-caution,.toc-note>pre{grid-column:auto}.reference-download-bar{align-items:stretch;flex-direction:column}.reference-download-bar .button{width:100%}.portability-card{min-height:0}}@media (max-width: 560px){.reference-window{padding:11px}.reference-source-card,.reference-preview-card,.syntax-example,.project-source,.project-preview,.toc-note{padding:19px}.reference-window-bar span:last-child{display:none}.reference-source-card code{font-size:9px}.quick-reference-table-wrap{margin-right:-16px;margin-left:-16px;border-right:0;border-left:0;border-radius:0}.syntax-example-head{align-items:stretch;flex-direction:column}.copy-button{align-self:flex-start}.syntax-example>pre,.syntax-pair>pre,.project-source>pre{font-size:9.5px}.copy-status{text-align:left}}:root{--paper: #fffaf0;--paper-deep: #fff3df;--white: #fffdf7;--ink: #171310;--ink-soft: #1f1a17;--text: #171310;--text-soft: rgba(23, 19, 16, .68);--line: #171310;--line-dark: #171310;--orange: #f97316;--orange-bright: #fb923c;--orange-soft: #ffdfbd;--mint: #dff2e4;--sky: #e4f1f5;--violet: #eee8fa}body{min-width:320px;background:radial-gradient(circle at 4% 6%,rgba(249,115,22,.11),transparent 25%),radial-gradient(circle at 94% 32%,rgba(101,87,169,.08),transparent 24%),var(--paper)}.site-header{border-bottom:2px solid var(--line);background:#fffaf0f5;color:var(--text);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.site-header-inner{min-height:64px}.brand{font-size:20px;font-weight:700}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border:2px solid var(--line);border-radius:9px 9px 3px;background:var(--orange);box-shadow:2px 2px 0 var(--line);font-family:var(--display);font-weight:700}.publication{padding:5px 9px;border:1px solid rgba(23,19,16,.28);border-radius:999px;background:var(--paper-deep);color:var(--text-soft);font-family:var(--mono);font-size:9px;font-style:normal;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.site-nav a{color:var(--text-soft)}.site-nav a:hover,.site-nav a:focus-visible{color:#c2410c}.site-nav .nav-cta{padding:8px 14px;border:2px solid var(--line);border-radius:10px;background:var(--orange);box-shadow:2px 2px 0 var(--line);color:var(--text)}.hero{overflow:visible;background:transparent;color:var(--text)}.hero:before,.hero:after{display:none}.reference-hero .hero-inner{min-height:0;margin-top:32px;margin-bottom:28px;padding:42px;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:44px;overflow:hidden;border:2px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(249,115,22,.16) 0 8px,transparent 8px),var(--paper-deep);box-shadow:8px 8px 0 var(--line)}.eyebrow{margin-bottom:16px;color:#c2410c}.eyebrow:before{height:2px;background:var(--line)}.hero h1{font-size:clamp(48px,5.6vw,76px);font-weight:600;line-height:.98}.hero h1 em{color:#c2410c}.hero-lead{margin-top:22px;color:var(--text-soft);font-size:clamp(17px,1.8vw,20px)}.button{border:2px solid var(--line);border-radius:10px;box-shadow:3px 3px 0 var(--line);color:var(--text);font-weight:700}.button:hover{box-shadow:5px 5px 0 var(--line);transform:translate(-2px,-2px)}.button-primary,.button-primary:hover{background:var(--orange);color:var(--text)}.button-secondary{border-color:var(--line);background:var(--white);color:var(--text)}.button-dark{background:var(--ink);color:var(--white)}.hero-proof{color:var(--text-soft)}.hero-proof span:before{background:#178a63;box-shadow:none}.reference-riv-card{display:grid;grid-template-areas:"image copy" "code code";grid-template-columns:220px minmax(0,1fr);overflow:hidden;border:2px solid var(--line);border-radius:18px;background:var(--mint);box-shadow:5px 5px 0 var(--line);transform:rotate(.4deg)}.reference-riv-card>img{grid-area:image;width:220px;height:220px;object-fit:cover;border-right:2px solid var(--line);mix-blend-mode:multiply}.reference-riv-copy{grid-area:copy;display:flex;padding:24px 22px;justify-content:center;flex-direction:column}.reference-riv-copy strong{margin-top:12px;font-family:var(--display);font-size:22px;line-height:1.12;letter-spacing:-.03em}.reference-riv-copy strong:before{margin-right:2px;color:#c2410c;content:"\201c"}.reference-riv-code{grid-area:code;display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;padding:18px 20px;border-top:2px solid var(--line);background:var(--white)}.reference-riv-code code{font:9px/1.75 var(--mono)}.reference-riv-code code b,.reference-riv-code code strong,.reference-riv-code code em{font-style:normal;font-weight:600}.reference-riv-code code b{color:#c2410c}.reference-riv-code code strong{color:#4d4893}.reference-riv-code code em{color:#147657}.reference-riv-code>span{font-size:22px;font-weight:700}.reference-riv-code>div h2{font:600 18px/1.1 var(--display);letter-spacing:-.03em}.reference-riv-code>div strong,.reference-riv-code>div small{display:block;margin-top:5px;font-size:10px}.proof-strip{border-top:2px solid var(--line);border-bottom:2px solid var(--line);background:#fffdf7c2}.proof-item{border-color:#1713103d}.section{padding:84px 0}.section h2{color:var(--text)}.section-kicker{color:#c2410c;font-family:var(--mono)}.section-dark,.section-paper-deep{border-top:2px solid var(--line);border-bottom:2px solid var(--line);background:var(--paper-deep);color:var(--text)}.section-dark .section-intro{color:var(--text-soft)}.quick-reference-table-wrap,.reference-download-bar,.project-note-grid,.toc-note,.faq-grid details,.sources-list a{border:2px solid var(--line);box-shadow:4px 4px 0 var(--line)}.quick-reference-table th,.quick-reference-table td{border-color:#1713103d}.reference-download-bar{background:var(--orange-soft)}.syntax-example{border:2px solid var(--line);background:var(--white);box-shadow:4px 4px 0 var(--line);color:var(--text)}.syntax-example:nth-child(4n+1){background:var(--mint)}.syntax-example:nth-child(4n+2){background:var(--white)}.syntax-example:nth-child(4n+3){background:var(--violet)}.syntax-example:nth-child(4n){background:var(--orange-soft)}.copy-button{border:2px solid var(--line);background:var(--white);box-shadow:2px 2px 0 var(--line);color:var(--text)}.copy-button:hover,.copy-button:focus-visible,.copy-button.is-copied{border-color:var(--line);background:var(--orange);color:var(--text)}.syntax-example>pre,.syntax-pair>pre{border:2px solid var(--line);background:var(--ink);color:#ffffffc7}.rendered-example{border:2px solid var(--line);background:var(--white)}.syntax-note{color:var(--text-soft)}.copy-status{color:#147657;font-weight:700}.centered-example{text-align:center}.centered-mark{display:inline-grid;min-width:140px;min-height:82px;margin-top:16px;place-items:center;align-content:center;border:2px dashed rgba(23,19,16,.36);border-radius:10px;background:var(--paper-deep)}.centered-mark span,.centered-mark strong{display:block}.centered-mark span{color:#c2410c;font:700 8px var(--mono);letter-spacing:.12em}.centered-mark strong{margin-top:4px;font:600 10px var(--sans)}.project-source{background:var(--ink)}.project-preview{background:var(--white)}.portability-card{border:2px solid var(--line);box-shadow:3px 3px 0 var(--line)}.portability-card-core{background:var(--mint)}.portability-card:not(.portability-card-core):not(.portability-card-caution){background:var(--violet)}.portability-card-caution{background:var(--orange-soft)}.related-reference-section{background:var(--violet);color:var(--text)}.related-reference-section .related-card{border:2px solid var(--line);background:var(--white);box-shadow:4px 4px 0 var(--line);color:var(--text)}.related-reference-section .related-card:hover{border-color:var(--line);box-shadow:6px 6px 0 var(--line);transform:translate(-2px,-2px)}.related-reference-section .related-card p{color:var(--text-soft)}.related-reference-section .related-card strong{color:#c2410c}.sources-list a{background:var(--white)}.closing-cta{border-top:2px solid var(--line);background:var(--paper);color:var(--text)}.closing-cta-inner{border:2px solid var(--line);background:linear-gradient(180deg,rgba(249,115,22,.22) 0 8px,transparent 8px),var(--paper-deep);box-shadow:8px 8px 0 var(--line)}.closing-cta p{color:var(--text-soft)}.site-footer{border-top:2px solid var(--line);background:var(--paper);color:var(--text-soft)}.footer-inner a:hover{color:#c2410c}@media (max-width: 1040px){.reference-hero .hero-inner{grid-template-columns:1fr}.reference-hero-art{width:min(660px,100%)}}@media (max-width: 700px){.reference-hero .hero-inner{width:min(100% - 32px,1180px);margin-top:20px;margin-bottom:20px;padding:30px 24px 26px;gap:34px;box-shadow:5px 5px 0 var(--line)}.hero h1{font-size:clamp(44px,13vw,60px)}.reference-riv-card{grid-template-areas:"image copy" "code code";grid-template-columns:132px minmax(0,1fr);transform:none}.reference-riv-card>img{width:132px;height:132px}.reference-riv-copy{padding:14px}.reference-riv-copy strong{font-size:16px}.reference-riv-code{padding:14px}.section{padding:70px 0}}@media (max-width: 420px){.reference-riv-card{grid-template-areas:"image copy" "code code";grid-template-columns:108px minmax(0,1fr)}.reference-riv-card>img{width:108px;height:108px}.reference-riv-code{grid-template-columns:1fr}.reference-riv-code>span{display:none}}