/* Navigation shared by the complete demo and its research section. */
.demo-strip .container{align-items:center;flex-wrap:wrap}
.demo-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.demo-links a{font-weight:600;white-space:nowrap}
.demo-directory-intro{max-width:850px;padding:48px 0 32px}
.demo-directory-intro h1{max-width:800px}
.demo-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 48px}
.demo-page-card{background:var(--paper);border:1px solid var(--line);padding:24px}
.demo-page-card h2{font-size:23px;letter-spacing:-.3px;margin:8px 0 12px}
.demo-page-card p{font-size:14px;color:var(--muted)}
.demo-page-card a{display:block;margin-top:10px;font-size:15px;font-weight:600}
.demo-page-number{font:12px var(--mono);color:var(--muted)}
.demo-overview{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:28px 0 38px;border-top:1px solid var(--line)}
.demo-overview article{padding:26px;border:1px solid var(--line);background:var(--paper)}
.demo-overview h2{font-size:28px}
.demo-overview p{font-size:15px;max-width:640px}
.demo-overview .eyebrow{margin-bottom:12px}
@media(max-width:1000px){.primary-nav{gap:18px}.header-inner{gap:22px}.demo-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.demo-page-grid,.demo-overview{grid-template-columns:1fr}.demo-page-card{padding:20px}.demo-directory-intro{padding-top:30px}.demo-links{gap:18px}.demo-strip .container{gap:6px}.demo-overview{gap:16px}.demo-overview article{padding:22px}}