.question-seo{max-width:860px;margin:0 auto;padding:1.5rem 1rem 5rem;overflow-wrap:anywhere}
body[data-as-layout="study"] .question-seo h1{font-size:clamp(1.3rem,3vw,1.8rem);line-height:1.65;margin:.8rem 0}
.question-seo-context{color:var(--ds-text-muted);font-size:.95rem}
.question-seo-card{background:var(--ds-surface);color:var(--ds-text);border-top:1px solid var(--ds-border);padding:1.5rem 0;line-height:1.85;font-size:1rem}
.question-seo-card .pyq-question{display:block!important;border:0;padding:0;background:transparent}
.question-seo-card h2{font-size:1.15rem;line-height:1.85}
.question-seo-card h3{font-size:1.05rem;margin:1.3rem 0 .5rem}
.question-seo-card ol,.question-seo-card ul{padding-inline-start:1.6rem}
.question-seo-options{display:grid;gap:.7rem;margin:1.1rem 0}
.question-seo-option{padding:.8rem 1rem;border:1px solid var(--ds-border);border-radius:.5rem;display:flex;gap:.7rem;background:var(--ds-surface)}
.question-seo-option.correct{border-color:var(--ds-success,#247e53);background:color-mix(in srgb,var(--ds-success,#247e53) 8%,var(--ds-surface))}
.question-seo-explanation{margin-top:1.4rem;padding:1rem;border-inline-start:3px solid var(--ds-success,#247e53);background:var(--ds-surface)}
.question-seo-nav{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-top:1px solid var(--ds-border);padding-top:1rem;margin-top:1.5rem}
.question-seo a,.question-seo-index a,.mcq-question-permalink{color:var(--ds-primary);text-underline-offset:.2em}
.question-seo-index{max-width:1100px;margin:1.5rem auto;padding:0 1rem;line-height:1.7}
.question-seo-index summary{cursor:pointer;font-weight:700;padding:1rem 0}
.question-seo-index ol{columns:2;column-gap:2rem;padding-inline-start:1.5rem}
.question-seo-index li{break-inside:avoid;padding-bottom:.55rem}
.mcq-question-permalink{display:inline-block;font-size:.95rem;margin:.2rem 0 1rem}
.question-seo-card .bpsc-data-wrap{overflow-x:auto}
.question-seo-card table{width:100%;border-collapse:collapse}
.question-seo-card th,.question-seo-card td{border:1px solid var(--ds-border);padding:.6rem}
@media(max-width:600px){.question-seo-index ol{columns:1}.question-seo{padding-bottom:7rem}}
