:root{--page-background: #f8fafc;--page-text: #0f172a;--page-muted: #475569;--surface: rgba(255, 255, 255, 0.85);--surface-border: rgba(15, 23, 42, 0.08)}*{box-sizing:border-box}body.browser-detect-page,body.card-list-page,body.button-page,body.drag-n-drop-page,body.form-components-page,body.keyboard-keys-page,body.list-page,body.layouts-page,body.accordion-page,body.like-page,body.alert-page,body.loader-page,body.paint-page,body.pill-page,body.timer-page,body.toast-page,body.typography-page{margin:0;min-height:100vh;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;color:var(--page-text);background:radial-gradient(circle at top left, rgba(37, 99, 235, 0.12), transparent 32%),linear-gradient(180deg, #fff, var(--page-background))}.page-shell{width:min(1100px,100% - 2rem);margin:0 auto;padding:3rem 0 4rem}.page-header{max-width:56rem;margin-bottom:2rem}.eyebrow,.demo-label{margin:0 0 .6rem;color:#1d4ed8;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p,span{margin:0}h1{font-size:clamp(2.4rem,5vw,4rem);line-height:.95}h2{font-size:1.45rem}.page-copy,.demo-copy{margin-top:.9rem;color:var(--page-muted);line-height:1.7}.demo-grid{display:grid;gap:1.25rem}.demo-card{display:grid;gap:1.2rem;padding:1.5rem;border:1px solid var(--surface-border);border-radius:1.25rem;background:var(--surface);box-shadow:0 20px 35px rgba(15,23,42,.08)}.demo-card--dark{background:linear-gradient(180deg, #111827, #0f172a);color:#fff}.demo-card--dark .demo-copy,.demo-card--dark .demo-label{color:rgba(241,245,249,.9)}.button-stage{display:flex;flex-wrap:wrap;gap:.75rem}.browser-current-wrap{margin:1rem 0 1.25rem}.browser-current-wrap h3{margin:0 0 .5rem;font-size:1rem;font-weight:700;color:#0f172a}.browser-current-table{width:100%;border-collapse:collapse;border:1px solid #e2e8f0;border-radius:.75rem;overflow:hidden;background-color:#f8fafc}.browser-current-table th,.browser-current-table td{padding:.6rem .75rem;border-bottom:1px solid #e2e8f0;text-align:left;vertical-align:top;color:#1e293b;font-size:.92rem}@media(max-width: 640px){.browser-current-table th,.browser-current-table td{display:block;width:100%}}.browser-current-table th{width:11rem;font-weight:600;color:#0f172a;background-color:#f1f5f9}@media(max-width: 640px){.browser-current-table th{border-bottom:0;padding-bottom:.2rem}}@media(max-width: 640px){.browser-current-table td{padding-top:.15rem}}.browser-current-table tr:last-child th,.browser-current-table tr:last-child td{border-bottom:0}@media(max-width: 640px){.browser-current-table tr:last-child{border-bottom:0}}@media(max-width: 640px){.browser-current-table tr{display:block;border-bottom:1px solid #e2e8f0}}.browser-table-wrap{overflow-x:auto}.browser-map-table{width:100%;border-collapse:collapse;border-radius:.9rem;overflow:hidden}.browser-map-table td{border-bottom:1px solid #e2e8f0;padding:.65rem .8rem;font-size:.95rem;color:#1e293b}.browser-map-table tr:nth-child(even){background-color:#f8fafc}