.examples-page{max-width:1120px;color:var(--color-on-surface,#e5e1e4);margin:auto}.example-notice{color:#d7edf2;background:#253038;border-left:3px solid #9bd2df;border-radius:4px;flex-wrap:wrap;gap:10px 24px;padding:14px 18px;font-size:.85rem;line-height:1.6;display:flex}.example-notice strong{white-space:nowrap}.example-notice span{flex:1;min-width:210px}.examples-intro{max-width:790px;padding:44px 0 32px}.examples-intro h1,.example-identity h1{font-family:var(--font-headline,sans-serif);letter-spacing:-.045em;text-wrap:balance;font-size:clamp(2.2rem,5vw,4rem);font-weight:800;line-height:1.05}.examples-intro p,.example-identity p,.examples-end p,.example-content p,.example-support p,.example-room p{color:var(--color-tertiary,#cac6be);max-width:64ch;margin:18px 0;line-height:1.8}.examples-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.example-card{color:inherit;text-decoration:none;display:block}.example-art{border-radius:4px;width:100%;height:auto;display:block;overflow:hidden}.example-card>div{padding:20px 0}.example-card span,.example-caption{color:#ffb4a2;font-size:.85rem}.example-card h2{margin:9px 0;font-size:1.5rem;font-weight:700;line-height:1.2}.example-card p{color:#cac6be;margin:10px 0 20px}.example-card strong{border-bottom:1px solid #cac6be;align-items:center;min-height:44px;font-size:.9rem;display:inline-flex}.example-button{min-height:46px;color:inherit;cursor:pointer;border:1px solid #716a6d;border-radius:24px;justify-content:center;align-items:center;padding:10px 18px;font-size:.9rem;font-weight:650;text-decoration:none;display:inline-flex}.example-button--primary{color:#2d1600;background:#ffb4a2;border-color:#ffb4a2}.example-button:hover{border-color:#ffb4a2}.example-actions{flex-wrap:wrap;gap:12px;margin:22px 0 12px;display:flex}.example-actions>a:not(.example-button){color:#ffb4a2;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.example-navigation{flex-wrap:wrap;gap:4px 20px;padding:18px 0;display:flex}.example-navigation a{color:#cac6be;align-items:center;min-height:44px;display:inline-flex}.example-navigation a[aria-current]{color:#ffb4a2;text-underline-offset:6px;text-decoration:underline}.example-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:40px;display:grid}.example-identity h2{margin:18px 0 8px;font-size:1.35rem;font-weight:650}.example-identity>p:first-child{margin-top:0;font-size:.85rem}.examples-page small{color:#cac6be;font-size:.8rem;line-height:1.7;display:block}.example-status{color:#a9e8d0;min-height:28px;margin:14px 0;line-height:1.6}.example-content{border-top:1px solid #4b4549;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:36px;padding:34px 0;display:grid}.example-content h2,.example-support h2,.example-room h2,.examples-end h2{letter-spacing:-.025em;font-size:1.8rem;font-weight:750;line-height:1.2}.example-next{border-left:1px solid #4b4549;padding-left:28px}.example-next small{margin-top:14px}.example-listening audio{width:100%;margin:8px 0 14px}.example-connections{flex-direction:column;margin:20px 0;display:flex}.example-connections a{color:#ffb4a2;align-items:center;min-height:44px;font-size:.9rem;text-decoration:underline;display:flex}.example-support,.example-room{border-top:1px solid #4b4549;padding:34px 0}.example-room{grid-template-columns:1fr 1fr;align-items:center;gap:42px;display:grid}.example-room dl{grid-template-columns:90px 1fr;gap:14px;margin:24px 0;font-size:.9rem;line-height:1.7;display:grid}.example-room dt{font-weight:700}.example-room dd{color:#cac6be}.examples-end{border-top:1px solid #4b4549;margin-top:16px;padding:38px 0}.examples-end .example-button{margin:0 12px 12px 0}.examples-page :is(button,a):focus-visible{outline-offset:5px;outline:3px solid #9bd2df}@media (max-width:760px){.examples-grid{grid-template-columns:1fr;gap:20px}.example-card{grid-template-columns:120px 1fr;gap:18px;display:grid}.example-card .example-art{object-fit:cover;height:100%}.example-card>div{padding:5px 0}.example-card h2{font-size:1.25rem}.example-card p{margin:8px 0}.example-card strong{font-size:.8rem}.example-hero{grid-template-columns:1fr;gap:22px}.example-hero>.example-art{object-fit:cover;max-height:270px}.example-content,.example-room{grid-template-columns:1fr;gap:24px}.example-next{border-top:1px solid #4b4549;border-left:0;padding:24px 0 0}.example-room>.example-art{object-fit:cover;max-height:260px}.examples-intro{padding-top:30px}.example-navigation{gap:4px 16px}.examples-intro h1{font-size:2.35rem}}@media (prefers-reduced-motion:reduce){.examples-page *{scroll-behavior:auto}}.partner-steps{color:#cac6be;gap:18px;margin:24px 0;padding-left:22px;line-height:1.8;list-style:decimal;display:grid}.partner-steps strong{color:#e5e1e4;display:block}.example-announcement{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}