/* Scoped opening screen; the document preview and the other forms keep their styles. */
.opening-card{max-width:720px;margin:48px auto 64px}.opening-card h1{max-width:650px;font-size:clamp(34px,4.2vw,52px);line-height:1.12}.opening-card .question-index{color:var(--rp-accent,#df4c32)}.opening-card .question-help{font-size:16px;max-width:590px;margin-bottom:24px}
.studio-page .opening-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:0;padding:0;margin:0;min-width:0}.studio-page .opening-choice{position:relative;display:flex;align-items:center;gap:12px;justify-content:space-between;min-height:64px;margin:0;padding:16px 20px;background:var(--rp-card);border:1px solid var(--rp-border);border-radius:16px;cursor:pointer;font-size:16px;line-height:1.4}.opening-choice input{position:absolute;opacity:0;width:1px!important;height:1px!important;margin:0}.opening-choice:focus-within{outline:3px solid var(--rp-focus);outline-offset:3px}.studio-page .opening-choice.selected{border-color:var(--rp-ink);background:var(--rp-soft);box-shadow:inset 0 0 0 1px var(--rp-ink)}.opening-radio{width:21px;height:21px;border:1.5px solid var(--rp-border);border-radius:50%;flex:none;display:grid;place-items:center}.opening-choice.selected .opening-radio{border-color:var(--rp-ink)}.opening-choice.selected .opening-radio:after{content:'';width:9px;height:9px;border-radius:50%;background:var(--rp-ink)}
.studio-page .opening-student{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0;padding:0;border:0;margin:26px 0 0}.opening-student legend{font-size:18px;font-weight:600;padding:0!important;margin-bottom:12px;line-height:1.4}.opening-note{font-size:13px;color:var(--rp-muted);margin:22px 0 0}.opening-card .question-actions{margin-top:24px}.opening-card .question-actions a{text-decoration:none}.opening-card .studio-primary,.opening-card .studio-secondary{border-radius:999px;min-height:52px}.opening-card .studio-primary{outline:2px solid var(--rp-inverse);outline-offset:2px}.opening-card .studio-primary:focus-visible{outline:3px solid var(--rp-focus);outline-offset:4px}
@media(max-width:700px){.opening-card{margin:24px auto 32px}.opening-card h1{font-size:clamp(32px,8.6vw,42px)}.opening-card .question-help{font-size:15px;margin-bottom:20px}.studio-page .opening-choices{gap:10px}.studio-page .opening-choice{min-height:64px;padding:12px;font-size:14px;gap:8px;border-radius:14px}.opening-choices .opening-choice:first-of-type{grid-column:1/-1}.opening-student legend{font-size:17px}.opening-card .question-actions{flex-wrap:nowrap}.opening-note{font-size:12px}.opening-card .question-actions>.studio-primary{flex:1}.opening-card .question-actions>.studio-secondary{flex:none}}
@media(prefers-reduced-motion:no-preference){.opening-choice{transition:background-color .15s ease,border-color .15s ease}}
.opening-card .studio-secondary{color:var(--rp-ink)}
@media(max-width:700px){#studio-onboarding:has(.opening-card) .studio-top{flex-wrap:nowrap}#studio-onboarding:has(.opening-card) .studio-top>a img{width:clamp(105px,32vw,138px)}#studio-onboarding:has(.opening-card) .studio-top>div{gap:6px}#studio-onboarding:has(.opening-card) .studio-top button{white-space:nowrap;max-width:none}}
@media(max-width:360px){.opening-card{margin-top:16px}.opening-card h1{font-size:30px}.opening-card .question-help{font-size:14px;margin-bottom:16px}.studio-page .opening-choice{min-height:56px;padding:10px}.studio-page .opening-student{margin-top:18px}.opening-note{margin-top:16px}.opening-card .question-actions{margin-top:16px}}