.kv-preview{--kv-ink:#12283d;--kv-muted:#42566a;--kv-line:#ccd8e3;--kv-gold:#e9be60;--kv-ok:#176340;--kv-error:#9a331f;max-width:72rem;margin:2rem auto;color:var(--kv-ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;overflow-wrap:anywhere}
.kv-preview *{box-sizing:border-box}
.kv-preview h1,.kv-preview h2,.kv-preview h3{line-height:1.2;color:var(--kv-ink);margin-block:0 1rem}
.kv-preview h1{font-size:clamp(1.9rem,5vw,3.5rem)}
.kv-preview h2{font-size:clamp(1.5rem,3vw,2.2rem)}
.kv-preview h3{font-size:1.2rem}
.kv-preview p{margin-block:.65rem 1rem}
.kv-preview a{color:#13528b;text-decoration:underline;text-underline-offset:.2em}
.kv-preview header,.kv-preview .kv-card,.kv-preview .kv-next{padding:clamp(1.25rem,4vw,2.5rem);border:1px solid var(--kv-line);border-radius:1rem;background:#fff;margin-block:1.5rem}
.kv-preview header{background:#eff5fa;border-top:.4rem solid var(--kv-gold)}
.kv-preview .kv-eyebrow{font-size:.82rem;text-transform:uppercase;font-weight:700;letter-spacing:.09em}
.kv-preview .kv-meta{color:var(--kv-muted);font-size:.95rem}
.kv-preview .kv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1.25rem}
.kv-preview .kv-model{padding:1rem 1.2rem;border-inline-start:.3rem solid var(--kv-gold);background:#f4f7fa;border-radius:.25rem}
.kv-preview .kv-model p:last-child{margin-bottom:0}
.kv-preview audio{display:block;width:100%;max-width:32rem;min-height:3.2rem;margin-block:.75rem}
.kv-preview details{padding:1rem;background:#f4f7fa;border:1px solid var(--kv-line);border-radius:.5rem;margin-block:1rem}
.kv-preview summary{cursor:pointer;font-weight:700;min-height:2rem}
.kv-preview fieldset{border:0;padding:0;margin:0;min-width:0}
.kv-preview legend,.kv-preview label.kv-input-label{font-weight:650;display:block;margin-bottom:.75rem}
.kv-preview label.kv-choice{display:flex;gap:.75rem;align-items:flex-start;padding:.75rem;margin-block:.5rem;border:1px solid var(--kv-line);border-radius:.5rem;cursor:pointer;min-height:3rem;font-weight:400}
.kv-preview .kv-choice input{flex:0 0 auto;margin-top:.45rem}
.kv-preview input[type=text]{width:100%;max-width:34rem;min-height:3rem;border:1px solid #73899f;border-radius:.4rem;padding:.7rem;font:inherit;color:var(--kv-ink);background:#fff}
.kv-preview input[aria-invalid=true]{border:2px solid var(--kv-error)}
.kv-preview button,.kv-preview a.kv-button{font:inherit;font-weight:700;display:inline-block;min-height:3rem;padding:.7rem 1.2rem;border:1px solid #153c62;border-radius:.5rem;color:#fff;background:#153c62;cursor:pointer;text-decoration:none;margin-block:.6rem}
.kv-preview button.kv-secondary{color:#153c62;background:#fff}
.kv-preview :focus-visible{outline:3px solid #b46a00;outline-offset:4px}
.kv-preview [data-preview-feedback]{min-height:1.7em;margin:.5rem 0 1rem;font-weight:600}
.kv-preview [data-preview-feedback][data-state=correct]{color:var(--kv-ok)}
.kv-preview [data-preview-feedback][data-state=retry]{color:var(--kv-error)}
.kv-preview .kv-progress{position:relative;padding:1rem;border:1px solid var(--kv-line);border-radius:.5rem;background:#f4f7fa;font-weight:650}
.kv-preview .kv-progress progress{display:block;width:100%;height:1rem;margin-top:.5rem;accent-color:var(--kv-ok)}
.kv-preview .kv-note{color:var(--kv-muted);font-size:.93rem}
.kv-preview .kv-next{background:#fff8e9}
.kv-preview .kv-dialogue{padding-left:1.25rem}
.kv-preview .kv-dialogue li{margin-block:.5rem}
.kv-preview img{max-width:100%;height:auto;border-radius:.75rem}
@media(max-width:480px){.kv-preview{margin:1rem auto}.kv-preview header,.kv-preview .kv-card,.kv-preview .kv-next{border-radius:.6rem;padding:1.1rem}.kv-preview button,.kv-preview a.kv-button{width:100%;text-align:center}.kv-preview .kv-choice{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.kv-preview *{scroll-behavior:auto!important}}