:root{color:#1f2933;background:#f7f8f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}a{color:inherit}.app-shell{min-height:100vh}.site-header{border-bottom:1px solid #d9ded6;justify-content:space-between;gap:24px;padding:20px clamp(20px,5vw,64px);display:flex}.site-header p{color:#617063;margin:0}.brand{font-weight:700;text-decoration:none}.page-section{max-width:1120px;margin:0 auto;padding:48px clamp(20px,5vw,64px) 72px}.page-section--narrow{max-width:720px}.section-heading{margin-bottom:28px}.eyebrow{color:#4c6b5a;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:700}h1,h2,p{margin-top:0}h1{margin-bottom:12px;font-size:clamp(2rem,4vw,3rem);line-height:1.1}h2{margin-bottom:8px;font-size:1.25rem;line-height:1.2}.muted,.prototype-card p,.prototype-page-header p,.prototype-surface p{color:#5f6f68}.prototype-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px;display:grid}.prototype-card{background:#fff;border:1px solid #dfe5dc;border-radius:8px;flex-direction:column;gap:18px;padding:20px;display:flex}.prototype-card__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.status,.tag{color:#385543;border:1px solid #c6d3c7;border-radius:999px;padding:4px 9px;font-size:.78rem;font-weight:700;display:inline-flex}.prototype-card__meta,.prototype-page-header dl{gap:12px;margin:0;display:grid}dt{color:#617063;text-transform:uppercase;font-size:.75rem;font-weight:700}dd{margin:0}.tag{margin:0 6px 6px 0}.button-link{color:#fff;background:#26382c;border-radius:6px;align-self:flex-start;padding:10px 14px;font-weight:700;text-decoration:none}.back-link{color:#4c6b5a;margin-bottom:20px;font-weight:700;text-decoration:none;display:inline-flex}.prototype-page-header{grid-template-columns:minmax(0,1fr) minmax(220px,280px);gap:24px;margin-bottom:24px;display:grid}.prototype-page-header dl{background:#fff;border:1px solid #dfe5dc;border-radius:8px;padding:18px}.prototype-surface{background:#fff;border:1px solid #dfe5dc;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(240px,320px);gap:24px;min-height:320px;padding:clamp(20px,4vw,40px);display:grid}.example-panel{background:#eef4f0;border:1px solid #ccd9d0;border-radius:8px;gap:10px;padding:18px;display:grid}@media (width<=720px){.site-header,.prototype-card__header,.prototype-page-header,.prototype-surface{grid-template-columns:1fr}.site-header,.prototype-card__header{flex-direction:column}}