/* Shared chapter practice presentation; loaded after legacy chapter styles. */
:root{--bg:#f4f8f5;--accent:#12734d;--accent2:#12734d;--green:#12734d;--muted:#52665b;--maxw:920px}
body{background:var(--bg);color:#153a2a;font-family:Arial,sans-serif;font-size:17px;line-height:1.6}
[hidden]{display:none!important}
.practice-nav{background:#103c2b;color:white;padding:16px max(20px,calc((100% - 1100px)/2));display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.practice-nav a{color:white;text-decoration:none;font-size:15px;font-weight:700}
.practice-nav .practice-brand{font-size:22px;margin-right:auto}
.skip-link{position:absolute;left:16px;top:-100px;background:white;padding:12px;z-index:10}.skip-link:focus{top:12px}
.page-wrap{padding:24px 20px 40px}.page-wrap header{padding:0!important;margin-bottom:24px}
.page-wrap header h1{font:700 clamp(26px,4vw,38px)/1.2 Arial,sans-serif!important;letter-spacing:-1px;margin:12px 0!important}
.page-wrap header p{font-size:16px!important;max-width:700px}
.practice-eyebrow{font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent)}
.nb-topbar{background:white;border:1px solid #dce7df;border-radius:14px;margin:0 0 18px!important;padding:16px;justify-content:flex-start;gap:12px;text-align:left}
.nb-title{font:700 15px Arial,sans-serif}.nb-topbar select{font:inherit;max-width:100%;min-height:44px}.nb-score{margin-left:auto;font-size:16px}
.practice-tools{background:#e6f1ea;border-radius:12px;padding:16px;margin-bottom:20px}
.practice-tool-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.practice-tool-row button,.practice-resume{background:white;color:#174f35;border:1px solid #adc8b5;border-radius:8px;min-height:44px;padding:8px 14px;font:700 14px Arial,sans-serif;cursor:pointer;text-decoration:none}
.practice-tool-row button[aria-pressed="true"]{background:#12734d;color:white;border-color:#12734d}
.practice-tools p{margin:10px 0 0;font-size:13px;color:#40594b}.practice-stats{font-size:14px;font-weight:700;margin-bottom:12px}
.question{border:1px solid #dbe6de;border-radius:16px;margin:0 0 18px;padding:24px;box-shadow:0 3px 10px #123c2905;scroll-margin-top:20px}
.q-number{padding:0;color:var(--accent);font-size:14px;margin:0 0 10px}.q-header p.qtxt{padding:0;font-size:19px;line-height:1.6;font-weight:600}.q-header p.meta{margin:8px 0 16px;font-size:12px}
.qtxt img,.question img{max-width:100%;height:auto}.qtxt table{display:block;max-width:100%;overflow:auto}
ul.options{display:grid;gap:9px}.option{padding:0!important;border:0!important;background:none!important}
.option-choice{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;border:1px solid #d1ddd5;border-radius:10px;background:#fafcfb;color:#213b2c;text-align:left;font:inherit;cursor:pointer;min-height:52px}
.option-choice:hover:not(:disabled){border-color:#12734d;background:#eef7f0}.option-choice:disabled{cursor:default;opacity:1}.opt-indicator{display:none}.option-letter{border:1px solid #ceddd2;border-radius:7px;padding:2px 8px;font-size:14px;font-weight:700;flex-shrink:0}
.option-choice.correct{background:#e8f6ed;border:2px solid #228052}.option-choice.incorrect{background:#fff0ec;border:2px solid #b44431}.opt-content{padding:0}
.info-wrap{padding:16px 0 0;flex-wrap:wrap}.info-btn,.bookmark-btn,.retry-btn{opacity:1;transform:none;pointer-events:auto;background:white;color:#17633f;border:1px solid #abcbb6;border-radius:8px;padding:9px 12px;min-height:44px;font:700 14px Arial,sans-serif;cursor:pointer}
.bookmark-btn[aria-pressed="true"]{background:#e6f1ea}.answer-feedback{margin-top:12px;font-size:15px;font-weight:700}.answer-feedback[data-result="wrong"]{color:#a23626}.answer-feedback[data-result="correct"]{color:#17633f}
.collapse{display:none}.collapse.show{display:block}.collapse>div{margin-top:14px;border:0;border-left:3px solid #87b899;background:#f1f7f3;border-radius:0 8px 8px 0;padding:16px;color:#284c36;overflow-wrap:anywhere}
.pagination .btn-primary{background:#12734d}.btn-outline{border:1px solid #bbd0c2;color:#17633f;background:white}.pagination a[aria-current="page"]{outline:2px solid #12734d;outline-offset:3px}
.practice-footer{max-width:920px;margin:auto;padding:24px 20px;border-top:1px solid #d4e1d8;font-size:14px;color:#52665b}.practice-footer a{color:#17633f}.practice-empty{background:white;border:1px dashed #abcbb6;padding:25px;border-radius:12px}.bottom-score{padding:16px 0}
:focus-visible{outline:3px solid #b58213!important;outline-offset:4px}
@media(max-width:600px){.practice-nav{gap:15px;padding:16px}.practice-nav .practice-brand{flex-basis:100%}.page-wrap{padding:20px 12px}.question{padding:18px 14px}.nb-topbar{align-items:stretch}.nb-score{margin-left:0}.option-choice{padding:12px 10px}.practice-tool-row button{flex-grow:1}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.page-wrap{max-width:920px;margin:0 auto}.question-card .question-head{display:flex;gap:12px;flex-wrap:wrap;border-bottom:1px solid #e2ebe5;padding-bottom:12px}.question-card .question-number{font-size:14px;color:#17633f;font-weight:700}.question-card .q-total{color:#52665b}.question-card .question-text{font-size:19px;font-weight:600;line-height:1.6;margin:16px 0}.question-card .question-text table{display:block;max-width:100%;overflow-x:auto}.question-card ol.options{display:grid;gap:9px;list-style:none;padding:0;margin:0}.question-card .question-image{max-height:360px;object-fit:contain}.question-card .explanation-box{display:none;margin-top:16px;padding:16px;background:#f1f7f3;border:1px solid #cee1d4;border-radius:10px;white-space:pre-wrap;overflow-wrap:anywhere}.question-card .explanation-box.open{display:block}.question-card .option-choice span:last-child{min-width:0;overflow-wrap:anywhere}.question-card .option-letter{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;background:#eff5f1;color:#17633f}.question-card .ai-status{font-size:13px;color:#52665b}.page-wrap .progress-note{margin:8px 0 20px;color:#52665b;font-size:14px}.page-wrap .pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.page-wrap .pagination a,.page-wrap .pagination span{min-height:44px;padding:8px 12px;border:1px solid #bbd0c2;border-radius:8px;text-decoration:none}.page-wrap .pagination .active{background:#12734d;color:white}