/* NoWeekends controls are deliberately separate from each demo's visual identity. */
.demo-toolbar,.demo-sequence{font-family:Manrope,Arial,sans-serif;font-size:14px;font-weight:400;letter-spacing:0;line-height:1.5;background:#101816;color:#f5f6ef;box-sizing:border-box}
.demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px max(24px,calc((100vw - 1400px)/2));border-bottom:1px solid #405043}
.demo-toolbar p{margin:0;max-width:90ch;line-height:1.5;font-size:13px}.demo-toolbar strong{font-weight:700}.demo-toolbar a{flex-shrink:0;display:inline-flex;align-items:center;min-height:44px;color:#c5f77a;text-decoration:underline;text-underline-offset:4px}
.demo-sequence{padding:44px max(24px,calc((100vw - 1400px)/2)) 28px}.demo-sequence h2{margin:0 0 24px;font-family:Manrope,Arial,sans-serif;font-size:24px;font-weight:700;letter-spacing:-.03em;line-height:1.2;color:#f5f6ef}
.demo-sequence>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:24px}.demo-sequence>div>a{display:flex;flex-direction:column;justify-content:space-between;gap:10px;min-height:100px;padding:16px;border:1px solid #526052;text-decoration:none;font-size:16px;font-weight:700;color:#f5f6ef}.demo-sequence a span{font-size:13px;font-weight:400;color:#c4d0c1}.demo-sequence>div>a[aria-current=page]{border-color:#c5f77a;background:#263b29}.demo-sequence>div>a:hover{border-color:#c5f77a}.demo-sequence>a{display:inline-flex;align-items:center;min-height:44px;color:#c5f77a;text-underline-offset:4px}.demo-toolbar a:focus-visible,.demo-sequence a:focus-visible{outline:3px solid #c5f77a;outline-offset:5px}.demo-toolbar a,.demo-sequence a{touch-action:manipulation}
@media(max-width:800px){.demo-sequence>div{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-sequence>div>a:last-child{grid-column:1/-1}.demo-toolbar{padding:10px 20px;align-items:flex-start;gap:12px}.demo-toolbar p{max-width:50ch}.demo-toolbar a{font-size:13px;max-width:8ch;line-height:1.4}.demo-sequence{padding:32px 20px 22px}}
@media(max-width:359px){.demo-sequence>div{gap:10px}.demo-sequence>div>a{padding:12px;font-size:15px}}