/* Comparison framing only. Both preview screens use the production components. */
:root{--demo-card:24px;--demo-title:32px}
:root[data-theme=precise]{--demo-card:20px;--demo-title:30px}
:root[data-theme=guided]{--demo-card:28px;--demo-title:35px}
.demo #app{max-width:560px;margin-inline:auto;min-height:100vh;border-inline:1px solid var(--border)}
.demo .question-card,.demo .form-card{padding:var(--demo-card)}
.demo .home-heading h1{font-size:var(--demo-title)}