.apn-topic-quiz{max-width:100%;background:var(--card);border:1px solid var(--line);border-radius:17px;padding:24px;min-width:0}.apn-topic-quiz button,.apn-topic-quiz select{font:inherit;min-height:48px;border:2px solid #61736d;border-radius:9px;padding:10px 15px;background:#fffdf8;color:#0d1716;cursor:pointer}.apn-topic-quiz button:disabled{opacity:1;background:#e5e9e7;color:#46544f;cursor:default}.apn-topic-quiz button:focus-visible,.apn-practice-menu summary:focus-visible,.apn-topic-quiz input:focus-visible{outline:3px solid #9b5600;outline-offset:3px}.apn-quiz-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.apn-quiz-level{display:flex;flex-wrap:wrap;gap:10px}.apn-quiz-level button[aria-pressed=true]{background:#18302c;color:#fff;border-color:#18302c}.apn-topic-quiz progress{width:100%;height:18px;accent-color:#08776b}.apn-topic-quiz fieldset{min-width:0;border:0;padding:0;margin:20px 0}.apn-topic-quiz legend{font-size:1.2rem;line-height:1.6;font-weight:800;white-space:pre-wrap;overflow-wrap:anywhere;width:100%;margin-bottom:16px}.apn-answer{display:flex;align-items:flex-start;gap:12px;border:1px solid #71857d;border-radius:9px;padding:13px;margin:9px 0;cursor:pointer;background:#fff;min-height:48px;overflow-wrap:anywhere}.apn-answer input{flex:0 0 auto;margin-top:7px;accent-color:#08776b;width:20px;height:20px}.apn-feedback{background:#e3eee9;color:#102c23;border-left:5px solid #08776b;border-radius:8px;padding:18px;white-space:pre-wrap}.apn-feedback.wrong{background:#fff0d4;color:#3e2a0b;border-color:#9b5600}.apn-topic-quiz .apn-next{background:#18302c;color:#fff}.apn-quiz-result a,.apn-feedback a{color:#075f56}.apn-question-copy{white-space:pre-wrap;overflow-wrap:anywhere}.apn-question-bank summary{line-height:1.5;overflow-wrap:anywhere}.apn-question-bank ol{padding-left:25px}.apn-question-bank li{margin:8px 0}.apn-score{font-weight:800}.apn-topic-quiz [hidden]{display:none!important}.apn-question-bank details:target{outline:3px solid #08776b;outline-offset:4px}.apn-topic-premium{background:linear-gradient(135deg,#18233f,#142c36);color:#fff;border:1px solid #8296c9;border-radius:14px;padding:24px;margin:36px 0;display:flex;flex-wrap:wrap;gap:20px;align-items:center}.apn-topic-premium .apn-offer-copy{flex:1 1 440px;min-width:0}.apn-topic-premium h3{color:#fff;font-size:1.35rem;line-height:1.3}.section .apn-topic-premium p{color:#e3eaff}.apn-topic-premium .apn-offer-actions{flex:0 1 280px;max-width:100%;display:grid;gap:12px}.section .apn-topic-premium a.apn-buy{background:#f2bb50;color:#231b0b;text-align:center;text-decoration:none;border-radius:8px;padding:12px 16px;font-weight:900;min-height:48px}.section .apn-topic-premium a.apn-learn{color:#e3eaff;text-decoration:underline}.apn-topic-premium .apn-product{color:#e3eaff;font-weight:800}.apn-topic-table{overflow-x:auto;max-width:100%}.apn-topic-table table{min-width:650px}.apn-topic-outline{display:flex;flex-wrap:wrap;gap:12px}.apn-topic-outline a{padding:10px 13px;border-radius:9px;background:#e3eee9;color:#075f56;font-weight:800}.apn-topic-stats{font-weight:800}.apn-topic-cards a{color:#075f56}.apn-question-group{margin-top:28px}@media(max-width:620px){.apn-topic-quiz{padding:16px}.apn-quiz-level button{flex:1 1 80px}.apn-quiz-controls button{flex:1 1 130px}.apn-topic-premium{padding:18px}.apn-topic-premium .apn-offer-actions{flex:1 1 100%}}
/* Fit long topic titles within the approved hero rather than consuming a full mobile screen. */
@media(max-width:620px){.apn-topic-page .hero h1{font-size:clamp(2rem,7.5vw,2.5rem);line-height:1.16}.apn-topic-page .heroin{padding-top:32px;padding-bottom:32px}}
.apn-topic-page nav.apn-path{position:static!important;background:transparent!important;padding:0!important;margin-bottom:18px}
.apn-topic-page main{overflow-wrap:anywhere}.apn-question-bank li,.apn-question-bank p{overflow-wrap:anywhere}
.apn-topic-page main [id]{scroll-margin-top:110px}
@media(max-width:620px){.apn-topic-page .apn-approved-hero h1{font-size:clamp(2rem,7.5vw,2.5rem)!important;line-height:1.16!important}.apn-topic-page .apn-approved-hero .heroin{padding-top:32px!important;padding-bottom:32px!important}}