/* Scoped first-plan quiz. Existing agenda and forms are unchanged. */
.quiz-flow{--quiz-accent:var(--accent,#a9e8d7);gap:18px;padding-bottom:max(12px,env(safe-area-inset-bottom));}
.quiz-flow h3{font-size:clamp(25px,6vw,34px);line-height:1.12;letter-spacing:-.035em;margin:4px 0;}
.quiz-flow p{line-height:1.45;}
.quiz-flow .quiz-hero{height:220px;position:relative;overflow:hidden;border-radius:24px;}
.quiz-flow .quiz-hero img{width:100%;height:100%;object-fit:cover;}
.quiz-flow .quiz-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(4,17,29,.78));}
.quiz-flow .quiz-hero span{position:absolute;z-index:1;bottom:20px;left:20px;color:white;font-size:11px;letter-spacing:.16em;}
.quiz-scope{display:grid;gap:12px;}
.quiz-flow .quiz-scope-card{position:relative;display:grid;grid-template-columns:76px 1fr;align-items:center;gap:16px;padding:12px;border-radius:22px;border:1px solid rgba(139,164,177,.35);cursor:pointer;}
.quiz-scope-card>img{width:76px;height:82px;object-fit:cover;border-radius:14px;}
.quiz-scope-card strong{display:block;font-size:20px;padding-right:28px;}
.quiz-scope-card small{display:block;margin-top:6px;line-height:1.35;opacity:.75;}
.quiz-flow .quiz-scope-card>input,.quiz-photo-choice>input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:2;}
.quiz-scope-card:has(input:checked){border-color:var(--quiz-accent);box-shadow:inset 0 0 0 1px var(--quiz-accent);}
.quiz-check{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid rgba(255,255,255,.8);font-size:14px;color:transparent;}
.quiz-scope-card .quiz-check{border-color:rgba(139,164,177,.7);}
.quiz-scope-card:has(input:checked) .quiz-check,.quiz-photo-choice:has(input:checked) .quiz-check{background:var(--quiz-accent);border-color:var(--quiz-accent);color:#103b3b;}
.quiz-scope-card:has(input:focus-visible),.quiz-photo-choice:has(input:focus-visible){outline:3px solid var(--quiz-accent);outline-offset:4px;}
.quiz-extras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.quiz-extra{min-width:0;}
.quiz-photo-choice{position:relative;display:block;aspect-ratio:1/1.05;border-radius:20px;overflow:hidden;border:2px solid transparent;cursor:pointer;}
.quiz-photo-choice>img{width:100%;height:100%;object-fit:cover;}
.quiz-photo-choice:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,12,21,.85));pointer-events:none;}
.quiz-photo-title{position:absolute;bottom:16px;left:12px;right:12px;font-size:17px;font-weight:650;color:white;z-index:1;}
.quiz-photo-choice .quiz-check{z-index:1;}
.quiz-photo-choice:has(input:checked){border-color:var(--quiz-accent);}
.quiz-extra .intro-times{display:none;grid-template-columns:minmax(0,1fr);gap:8px;padding:12px 2px 0;}
.quiz-extra:has(input[type=checkbox]:checked) .intro-times{display:grid;}
.quiz-extra input[type=time]{width:100%;min-width:0;min-height:44px;font:inherit;}
.quiz-flow .intro-preview article{display:flex;gap:14px;align-items:center;border-radius:18px;padding:8px;min-height:72px;}
.quiz-flow .intro-preview article>img{width:72px;height:64px;object-fit:cover;border-radius:12px;flex-shrink:0;}
.quiz-flow .intro-preview strong{display:block;}
.quiz-flow .intro-preview small{display:block;margin-top:5px;line-height:1.4;}
.quiz-flow .action.full{min-height:54px;border-radius:22px;}
.quiz-flow input,.quiz-flow select{font-size:16px;}
@media(max-width:350px){.quiz-extras{grid-template-columns:1fr;}.quiz-photo-choice{aspect-ratio:1.7;}.quiz-flow .quiz-hero{height:160px;}}
@media(prefers-reduced-motion:no-preference){.quiz-scope-card,.quiz-photo-choice{transition:border-color .18s,box-shadow .18s;}}

.quiz-flow .quiz-commitment{min-width:0;border:1px solid rgba(139,164,177,.35);border-radius:20px;padding:16px;display:grid;gap:12px;}
.quiz-commitment legend{padding:0 6px;font-weight:600;}
.quiz-commitment .inline-link,#addCommit{min-height:44px;}

/* Keep long titles and native time fields inside narrow screens. */
.quiz-flow .intro-times{grid-template-columns:repeat(2,minmax(0,1fr));}
.quiz-flow .field,.quiz-flow .intro-preview article>div{min-width:0;}
.quiz-flow .intro-preview strong,.quiz-flow .quiz-scope-card strong{overflow-wrap:anywhere;}
.quiz-flow input[type=time]{min-width:0;max-width:100%;box-sizing:border-box;min-height:44px;}
.quiz-flow #introStepTitle:focus{outline:none;}
.quiz-flow .intro-days{flex-wrap:wrap;}
.quiz-flow .quiz-extra .intro-times{grid-template-columns:minmax(0,1fr);}
@media(max-width:350px){.quiz-flow .intro-times{grid-template-columns:minmax(0,1fr);}}