.seo-editor { border: 2px solid var(--line); border-radius: 12px; padding: 20px; min-width: 0; }
.seo-editor legend { font-weight: 700; color: var(--heading-color); padding: 0 8px; }
.seo-editor .field { margin-top: 16px; }
.seo-preview { margin-top: 20px; padding: 16px; border: 2px solid var(--line); border-radius: 10px; overflow-wrap: anywhere; background: var(--surface); }
.seo-preview small { color: var(--muted); }
.seo-preview strong { display: block; color: var(--primary); font-size: 20px; }
.seo-preview p { margin: 6px 0 0; }
.study-information, .practice-samples { margin-top: 36px; border-top: 2px solid var(--line); padding-top: 24px; }
.study-information p, .sample-question-body { line-height: 1.7; overflow-wrap: anywhere; }
.study-credits { color: var(--muted); font-size: 14px; margin-top: 24px; }
.sample-question { border: 2px solid var(--line); border-radius: 12px; margin-top: 14px; background: var(--surface); }
.sample-question summary { padding: 14px 18px; cursor: pointer; font-weight: 700; color: var(--heading-color); }
.sample-question-body { border-top: 1px solid var(--line); padding: 18px; }
.sample-question-body img { max-width: 100%; height: auto; }
.sample-question-body ol { padding-left: 28px; }
.sample-question-body li { padding: 8px 0 8px 6px; }
.sample-question-body li::marker { font-weight: 700; }
@media(max-width: 600px) { .seo-editor { padding: 14px; } .sample-question-body { padding: 14px; } }