/* Study articles share the site's typography, practice rows and warm palette. */
.study-guide-page .mp-brand img { aspect-ratio:600 / 196; }
.study-guide-page main { max-width:1000px; padding:36px 32px 80px; }
.study-breadcrumb { font-size:.82rem; color:var(--text-2); margin-bottom:30px; }
.study-breadcrumb ol { display:flex; flex-wrap:wrap; gap:6px 10px; list-style:none; padding:0; margin:0; }
.study-breadcrumb li { display:inline; }
.study-breadcrumb li + li::before { content:">"; margin-right:10px; color:var(--text-3); }
.study-breadcrumb a { color:inherit; }
.study-guide-page .study-title { padding:0; margin-bottom:30px; }
.study-guide-page h1 { max-width:100%; font-size:clamp(2rem,4vw,3.15rem); line-height:1.15; margin:0 0 18px; }
.study-domain { color:var(--text-2); font-size:.9rem; margin:0; }
.study-body { line-height:1.75; overflow-wrap:anywhere; }
.study-body h2 { margin:44px 0 18px; font-size:1.6rem; scroll-margin-top:110px; }
.study-body h3 { margin:32px 0 14px; }
.study-body p { margin:0 0 20px; }
.study-body ul,.study-body ol { padding-left:24px; margin:18px 0 25px; }
.study-body li { margin:9px 0; }
.study-body code { font-size:.87em; background:var(--bg-2); padding:2px 5px; border-radius:3px; }
.study-body pre { max-width:100%; overflow:auto; padding:20px; margin:26px 0; background:var(--bg-2); border:1px solid var(--line); border-radius:8px; white-space:pre; }
.study-body pre code { padding:0; background:transparent; white-space:pre; }
.study-body .table-scroll { max-width:100%; overflow-x:auto; margin:26px 0; border:1px solid var(--line); border-radius:8px; }
.study-body table { min-width:620px; width:100%; table-layout:auto; font-size:.9rem; line-height:1.6; }
.study-body table th:first-child { width:auto; }
.study-body th,.study-body td { padding:14px 16px; text-align:left; vertical-align:top; white-space:normal; overflow-wrap:normal; }
.study-body th { background:var(--bg-2); font-size:.87rem; letter-spacing:normal; }
.study-body .member-practice-bar { display:block; margin:28px 0; padding:18px 20px; }
.study-body .member-practice-bar p { margin:0; line-height:1.7; font-size:1rem; }
.study-guide-page .study-question { margin:28px 0; padding:24px; border:1px solid var(--line-2); border-radius:12px; }
.study-question legend { font-size:1.12rem; font-weight:650; margin-bottom:14px; }
.study-question .options { margin:18px 0; }
.study-question .option { color:var(--text); border-radius:8px; line-height:1.65; }
.study-question .option > span:nth-child(2) { flex:1; min-width:0; }
.study-question .option input { flex-shrink:0; }
.study-question .option:has(input:disabled) { color:var(--text); cursor:default; }
.study-question .option.is-correct { border-color:var(--ok); background:var(--ok-bg); }
.study-question .option.is-wrong { border-color:var(--err); background:var(--err-bg); }
.study-option-result { font-size:.8rem; font-weight:650; white-space:nowrap; }
.study-option-result:empty { display:none; }
.study-question .is-enhanced:not(.is-answered) .study-answer { display:none; }
.study-question .study-verdict { font-weight:650; margin:18px 0 10px; }
.study-question .study-verdict:empty { margin:0; }
.study-question .study-answer p { margin-bottom:16px; }
.study-video { position:relative; aspect-ratio:16 / 9; margin:30px 0; overflow:hidden; border-radius:10px; background:var(--text); }
.study-video button,.study-video iframe { width:100%; height:100%; border:0; }
.study-video button { display:block; position:relative; padding:0; cursor:pointer; color:#fff; background:transparent; }
.study-video img { width:100%; height:100%; object-fit:cover; }
.study-video span { position:absolute; inset:45% 25% auto; padding:12px; background:#262522; border-radius:8px; font:600 1rem/1.5 inherit; }
.study-video button:focus-visible { outline:3px solid var(--focus); outline-offset:-3px; }
@media(max-width:640px) {
 .study-guide-page main { padding:26px 18px 55px; }
 .study-breadcrumb { font-size:.76rem; }
 .study-body h2 { font-size:1.4rem; margin-top:36px; }
 .study-guide-page .study-question { padding:18px 14px; }
 .study-question .option { gap:9px; padding:12px 10px; flex-wrap:wrap; }
 .study-option-result { margin-left:24px; }
 .study-body pre { padding:15px; font-size:.88rem; }
}