html,body { height:auto; overflow:auto; } body { font-size:21px; } main { max-width:1000px; margin:0 auto; padding:40px 26px 80px; } h1 { font-size:32px; } h1+p { margin-top:24px; } nav { margin:24px 0 42px; line-height:1.8; } .reference-example { padding:32px 0; border-top:1px solid var(--border); } .reference-example h2 { font-size:28px; } pre { font:inherit; line-height:1.5; white-space:pre-wrap; overflow-wrap:anywhere; padding:24px; background:var(--surface); border-radius:8px; } .reference-example button { margin:16px 0; font-size:16px; } #copy-status { position:fixed; bottom:12px; right:12px; background:var(--surface); padding:8px; font-size:16px; } #copy-status:empty { display:none; } @media(max-width:600px) { h1 { font-size:28px; } .reference-example h2 { font-size:26px; } pre { padding:16px; font-size:19px; } }.reference-example .prompt-container { margin-top:16px; }
.reference-example .prompt-container>pre { margin:0; padding-top:52px; }
@media(max-width:600px) {
.reference-example .prompt-container>pre { padding-top:64px; }
.prompt-container>[data-example-copy] { min-height:44px; }
}