.examples{max-width:1180px;padding-top:3rem;padding-bottom:4rem}.examples-kicker{font-size:.75rem;letter-spacing:.15em;font-weight:700;color:#39635c}.examples h1{font-size:clamp(2.4rem,5.5vw,4.5rem);line-height:1.05;letter-spacing:-.045em;max-width:900px;margin:1rem 0 1.5rem}.examples-lead{font-size:1.2rem;line-height:1.65;max-width:740px}.examples-note{font-size:.88rem;color:#52635f;max-width:820px}.examples-nav{display:flex;flex-wrap:wrap;gap:.6rem;margin:2rem 0}.examples-nav a{padding:.45rem .8rem;border:1px solid #bccdc5;border-radius:50px;color:#234e43;font-size:.85rem;text-decoration:none}.examples-nav a:hover{background:#e6efe9}.examples-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem}.example{padding:1.6rem;border:1px solid #d2ddd5;background:#fff;border-radius:12px;display:flex;flex-direction:column;scroll-margin-top:1rem}.example-number{font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:#597369;margin:0 0 1rem}.example h2{font-size:1.45rem;line-height:1.25;margin:0 0 .7rem}.example h3{font-size:.92rem;margin:.8rem 0 .35rem}.example p,.example li{line-height:1.6}.example ul{padding-inline-start:1.3rem;margin:0 0 1rem}.example li+li{margin-top:.4rem}.example details{background:#f2f5ef;padding:.8rem 1rem;margin:auto 0 1.2rem;border-radius:8px}.example summary{cursor:pointer;font-weight:600}.example-template{font-size:.93rem}.example button{padding:.45rem .7rem;background:#fff;border:1px solid #567b6c;border-radius:5px;color:#234e43;font:inherit;cursor:pointer}.example-copy-status{display:block;font-size:.85rem;margin-top:.5rem}.example-cta{display:flex;justify-content:space-between;color:#235c48;font-weight:650;text-decoration:underline;text-underline-offset:3px}.example-next{margin-top:2rem;padding:1.6rem;background:#e9f0e6;border-radius:12px}.example-next p{max-width:800px}.examples a:focus-visible,.examples button:focus-visible,.examples summary:focus-visible{outline:3px solid #ac652d;outline-offset:3px}@media(max-width:720px){.examples-grid{grid-template-columns:1fr}.examples{padding-top:1.5rem}.example{padding:1.15rem}.examples-nav{gap:.4rem}.examples h1{font-size:2.6rem}}