.demo-highlights-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:24px 0 18px;display:flex}.demo-highlights-toolbar p{color:var(--muted);margin:0;font-size:14px}.demo-highlights-toolbar a{color:var(--gold);text-underline-offset:4px;margin-left:8px;text-decoration:underline}.demo-highlights button{font:inherit;color:var(--gold);background:var(--surface);border:1px solid var(--line-light);cursor:pointer;border-radius:6px;padding:9px 13px;font-size:13px;line-height:1.5}.demo-highlights button:hover:not(:disabled){color:var(--gold-2);border-color:var(--gold)}.demo-highlights button:disabled{opacity:.5;cursor:default}.demo-highlights-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.demo-highlights-choices button{text-align:left;color:var(--muted);align-items:center;gap:10px;padding:12px 14px;display:flex}.demo-highlights-choices button[aria-pressed=true]{color:var(--gold);border-color:var(--gold);background:color-mix(in srgb,var(--gold) 7%,var(--surface))}.demo-highlight-number{font-variant-numeric:tabular-nums;opacity:.75;font-size:11px}.demo-highlights .demo-highlight-card{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:28px;padding:22px;display:grid}.demo-highlight-card figure,.demo-highlight-copy{min-width:0}.demo-highlight-copy .demo-highlight-eyebrow{color:var(--gold);letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px;font-size:11px}.demo-highlights .demo-highlight-copy h3{margin:0 0 16px;font-size:clamp(21px,2.2vw,28px);line-height:1.25}.demo-highlight-copy>p:not(.demo-highlight-eyebrow){color:var(--muted);margin:0 0 22px;font-size:14px;line-height:1.75}.demo-highlights-footer{justify-content:space-between;align-items:center;gap:20px;margin-top:16px;display:flex}.demo-highlights-navigation{flex-shrink:0;align-items:center;gap:12px;display:flex}.demo-highlights-navigation>span{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.demo-highlights-rotation-note{color:var(--muted);text-align:right;max-width:400px;margin:0;font-size:12px;line-height:1.6}.demo-highlights-credit{color:var(--muted);margin:16px 0 0;font-size:11px;line-height:1.8}@media (max-width:760px){.demo-highlights .demo-highlight-card{grid-template-columns:minmax(0,1fr);gap:22px}.demo-highlights-choices{grid-template-columns:minmax(0,1fr);gap:8px}.demo-highlights-choices button{padding:10px 12px}.demo-highlights-footer{flex-direction:column;align-items:flex-start;gap:12px}.demo-highlights-rotation-note{text-align:left;max-width:none}}@media (max-width:540px){.demo-highlights .demo-highlight-card{padding:16px}.demo-highlights-toolbar{margin-top:20px}.demo-highlights-navigation{gap:10px}.demo-highlight-copy h3{font-size:22px}}@media (prefers-reduced-motion:reduce){.demo-highlights *{scroll-behavior:auto}}
