.study-page{background:#f2f6fb;padding:0 5% 60px}.study-heading{padding:40px 0 25px}.study-heading h1{font-size:clamp(30px,4vw,48px);letter-spacing:-1px;margin:15px 0}.study-heading .eyebrow{margin-top:20px}.study-source{font-size:13px;color:#657183}.study-source a{color:#165caf;text-decoration:underline}.study-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;background:white;padding:20px;border:1px solid #dfe5ec;border-radius:14px}.study-controls label{font-size:13px;font-weight:600}.study-controls select,.study-controls input{display:block;width:100%;min-height:46px;padding:10px;border:1px solid #cad5e4;border-radius:8px;background:white;font-size:14px;margin-top:7px}.study-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.study-stat{padding:14px 20px;background:white;border-radius:12px;border:1px solid #dfe5ec}.study-stat strong{display:block;font-size:27px}.study-stat span{font-size:13px;color:#657183}.study-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;align-items:start}.study-panel{padding:25px;background:white;border:1px solid #dfe5ec;border-radius:16px}.study-panel h2{font-size:22px;letter-spacing:0}.study-sidebar{position:sticky;top:110px}.study-sidebar h2{margin:0 0 10px}.study-legend{display:flex;gap:12px;font-size:12px;margin:10px 0}.study-legend span:first-child{color:#137747}.study-legend span:nth-child(2){color:#bd3030}.study-auto{display:flex;align-items:center;gap:8px;font-size:13px;margin:15px 0}.question-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;max-height:360px;overflow:auto;padding:4px;margin:15px 0}.question-grid button{padding:7px 0;border:1px solid #d5deeb;border-radius:7px;background:#f6f8fc;font-size:13px;min-height:38px;color:#102646}.question-grid .correct{background:#e4f5eb;border-color:#90caa7;color:#137747}.question-grid .incorrect{background:#ffeded;border-color:#edb0b0;color:#bd3030}.question-grid .active{outline:2px solid #165caf;outline-offset:1px;font-weight:800}.study-qhead{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.study-qhead>span{font-weight:700;color:#165caf}.study-qhead button{border:1px solid #d5deeb;padding:8px 14px;border-radius:20px;background:white;font-size:13px}.study-qhead button[aria-pressed="true"]{background:#fff6d9;border-color:#e7be61}.critical-note{background:#fff1f0;color:#b12e2e;border-left:4px solid #d43838;padding:12px;font-size:13px}.study-question h2{font-size:clamp(19px,2.2vw,25px);line-height:1.65;margin-bottom:20px}.study-question .eyebrow{font-size:11px;letter-spacing:1px;margin:15px 0}.question-image{display:block;max-width:100%;height:auto;margin:20px auto;max-height:480px;object-fit:contain}#question-options{display:grid;gap:12px}.answer-option{display:flex;gap:15px;text-align:left;border:1px solid #d5deeb;background:white;padding:17px;border-radius:12px;font-size:16px;line-height:1.7;color:#102646}.answer-option:hover{background:#f4f7fb}.answer-option .answer-number{flex:0 0 30px;height:30px;border-radius:50%;background:#eef2f8;text-align:center;line-height:30px;font-weight:700}.answer-option.correct{background:#edf9f1;border-color:#58a879;color:#126c3d}.answer-option.incorrect{background:#fff0f0;border-color:#dd7b7b;color:#a82a2a}#question-feedback{margin:20px 0;padding:17px;border-radius:10px;background:#eef5ff}.study-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:28px 0 15px}.study-navigation span{font-size:13px;color:#657183}.outline-dark{border:1px solid #cad5e4;background:white;color:#102646}.study-note{font-size:12px;color:#657183;line-height:1.7;margin-top:15px}#question-source{font-size:13px;color:#165caf}button:disabled{opacity:.45;cursor:default}.study-empty{padding:30px;color:#657183}.study-stat:nth-child(3) strong{color:#137747}.study-stat:nth-child(4) strong{color:#bd3030}@media(max-width:1000px){.study-layout{grid-template-columns:250px minmax(0,1fr)}.study-panel{padding:18px}.study-controls{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.study-page{padding:0 5% 30px}.study-layout{display:flex;flex-direction:column}.study-sidebar{position:static;width:100%;order:2}.study-question{width:100%;order:1}.study-stats{gap:7px}.study-stat{padding:10px}.study-stat strong{font-size:23px}.study-stat span{font-size:11px}.question-grid{grid-template-columns:repeat(8,1fr);max-height:230px}.study-navigation .button{padding:10px;font-size:13px}.answer-option{padding:13px;font-size:15px}}