.examples-page{max-width:1120px;margin:auto;padding-top:44px;padding-bottom:64px}.examples-page>header{max-width:740px}.examples-page h1{margin:16px 0;font-size:clamp(32px,5vw,52px);line-height:1.4}.examples-page h1 em{color:var(--ac);font-style:normal}.examples-page>header>p:last-child{color:var(--tx-2);font-size:16px;line-height:1.9}.examples-notice{background:var(--ac-bg);border:1px solid var(--bdr-med);color:var(--tx-2);border-radius:14px;margin:28px 0;padding:20px;font-size:14px;line-height:1.9}.examples-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.examples-grid article{border:1px solid var(--bdr-med);background:var(--bg-card);border-radius:16px;padding:24px}.examples-grid h2{margin:12px 0;font-size:24px}.examples-grid article>p:not(.section-eyebrow){color:var(--tx-2);font-size:14px;line-height:1.8}.examples-grid strong{color:var(--ac);margin:8px 0 16px;font-size:13px;font-weight:500;display:block}.examples-grid button{cursor:pointer;width:100%;min-height:44px}.examples-page button:focus-visible{outline:2px solid var(--ac);outline-offset:4px}.example-editor{max-width:800px;margin:36px auto 0;scroll-margin-top:100px}.example-editor>h2{margin-bottom:12px;font-size:25px}.example-editor>p{color:var(--tx-2);margin-bottom:20px;font-size:14px;line-height:1.9}@media (max-width:850px){.examples-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:540px){.examples-grid{grid-template-columns:1fr}.examples-grid article{padding:20px}.examples-page{padding-top:28px}}