:root{font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,system-ui,sans-serif;color:#18253a;background:#fbfaf6;font-synthesis:none;--canvas: #fbfaf6;--sidebar: #ffffff;--surface: #fbfaf6;--surface-strong: #ffffff;--line: #d8d4ca;--line-soft: #e5e1d8;--ink: #17243a;--muted: #6f746f;--navy: #0d4ba4;--teal: #a83a00;--teal-soft: #dbeaed;--green: #18a06a;--orange: #ef811d;--desktop-header-height: 84px}*{box-sizing:border-box}button,input{font:inherit}button{color:inherit}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased;background:var(--canvas)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh;display:grid;grid-template-columns:232px minmax(0,1fr);background:var(--canvas)}.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;padding:0 10px 18px;background:var(--sidebar);border-right:1px solid #d4cfc4}.brand{min-height:var(--desktop-header-height);display:flex;align-items:center;gap:8px;padding:14px 10px;border-bottom:1px solid #ddd7cb}.brand-mark{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border:2px solid var(--teal);border-radius:12px 4px;color:var(--teal);font-size:21px;font-weight:800;letter-spacing:-.06em}.brand-name{color:#172a48;font-size:22px;font-weight:700;letter-spacing:.05em}.brand-note{margin-top:1px;font-size:11px;color:#666b67}.side-nav{padding-top:14px}.nav-group+.nav-group{margin-top:18px}.nav-label{padding:0 10px 7px;color:#777870;font-size:12px;font-weight:500}.nav-item{width:100%;min-height:43px;display:flex;align-items:center;gap:12px;padding:0 11px;border:0;border-radius:5px;background:transparent;color:#26354a;font-size:14px;text-align:left;cursor:pointer;transition:background .16s ease,color .16s ease}.nav-item:hover{background:#ece7dd}.nav-item:focus-visible,.pause-button:focus-visible,.review-button:focus-visible,.answer:has(input:focus-visible),.primary-action:focus-visible,.secondary-action:focus-visible,.number-grid button:focus-visible{outline:3px solid rgba(13,75,164,.28);outline-offset:2px}.nav-item.active{background:var(--teal-soft);color:#102e4c;font-weight:600}.study-tip{margin-top:auto;padding:17px 15px;border:1px solid #cfc7b6;border-radius:9px;background:#ffffff47}.study-tip-title{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:700}.study-tip p{margin:14px 0 0;color:#525b63;font-size:12px;line-height:1.8}.workspace{min-width:0}.topbar{min-height:var(--desktop-header-height);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 28px 0 34px;background:#fbfaf6d1;border-bottom:1px solid var(--line)}.mode-title{display:flex;align-items:baseline;gap:26px}.mode-title h1{margin:0;font-size:25px;letter-spacing:.03em}.mode-title span{color:#626a6e;font-size:13px}.timer-area{display:flex;align-items:center;gap:12px}.timer-area>div{display:grid}.timer-area span{font-size:11px;font-weight:600}.timer-area strong{color:var(--teal);font-size:24px;line-height:1.1;letter-spacing:.04em}.pause-button{min-height:42px;display:inline-flex;align-items:center;gap:7px;margin-left:16px;padding:0 16px;border:1px solid #2f69ba;border-radius:6px;background:#fff;color:#1252a8;font-size:13px;font-weight:600;cursor:pointer}.workspace-grid{display:grid;grid-template-columns:minmax(610px,1fr) 360px;align-items:stretch}.question-pane{min-width:0;padding:20px 36px 34px;background:#ffffff80;border-right:1px solid var(--line)}.question-meta{min-height:56px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line)}.question-count{font-size:15px}.question-count strong{margin:0 4px;font-size:22px}.review-button{min-height:40px;display:inline-flex;align-items:center;gap:8px;padding:0 16px;border:1px solid #3b74c3;border-radius:6px;background:#fff;color:#0c56b2;font-size:13px;font-weight:600;cursor:pointer}.review-button.selected{border-color:#d17817;color:#9a560b;background:#fff7ea}.question-copy{padding:20px 0 18px}.topic-pill{display:inline-block;padding:5px 8px;border-radius:4px;background:#dce9f8;color:#1054aa;font-size:11px;font-weight:700}.question-copy h2{max-width:760px;margin:16px 0 0;color:#161f2b;font-size:clamp(18px,1.45vw,21px);line-height:1.55}.question-copy p{margin:17px 0 0;color:#5f666d;font-size:13px}.vietnamese-question-wrap{margin:0 0 18px}.vietnamese-question-toggle{min-height:42px;display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #d8a88f;border-radius:6px;background:#fff;color:var(--active-cert);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.vietnamese-question-toggle:hover{background:#fff8f4}.vietnamese-question-toggle:focus-visible{outline:3px solid rgba(168,58,0,.2);outline-offset:2px}.vietnamese-question-toggle .open{transform:rotate(90deg)}.vietnamese-question-toggle svg{transition:transform .16s ease}.vietnamese-question{margin-top:10px;padding:13px 15px;border-left:3px solid var(--active-cert);border-radius:0 6px 6px 0;background:#fff8f4}.vietnamese-question strong{display:block;color:var(--active-cert);font-size:11px}.vietnamese-question p{margin:6px 0 0;color:#34414b;font-size:13px;line-height:1.7}.answers{display:grid;gap:14px;padding:0;margin:0;border:0}.answer{min-height:81px;display:grid;grid-template-columns:26px 34px 1fr 28px;align-items:center;gap:8px;padding:14px 19px;border:1px solid #d2d1cd;border-radius:7px;background:#ffffffb8;cursor:pointer;transition:border .16s ease,background .16s ease,transform .16s ease}.answer:hover{border-color:#78a4c8;background:#fff;transform:translateY(-1px)}.answer input{width:22px;height:22px;margin:0;accent-color:var(--navy)}.choice-letter{color:#0755b8;font-size:18px;font-weight:700}.choice-text{color:#2c3338;font-size:15px;line-height:1.55}.answer.selected{border-color:#3275bf;background:#f5faff}.answer.correct{border-color:#2a9b69;background:#f0faf5}.answer.wrong{border-color:#c95d4f;background:#fff4f1}.answer-state{color:var(--green)}.learning-note{min-height:112px;margin-top:34px;padding:16px 18px;border:1px solid #dedcd7;border-radius:7px;background:#ffffff73}.learning-note.result{background:#f6f8f7}.note-title{display:flex;align-items:center;gap:8px;color:#0e58ad;font-size:14px;font-weight:700}.note-title.correct-text{color:#177e57}.note-title.wrong-text{color:#a3483e}.learning-note p{margin:10px 0 0;color:#555f67;font-size:13px;line-height:1.7}.vietnamese-explanation{margin-top:14px;padding:14px 16px;border-left:3px solid var(--active-cert);border-radius:0 6px 6px 0;background:#fff}.vietnamese-explanation>strong{display:block;color:var(--active-cert);font-size:12px}.vietnamese-explanation p{margin-top:7px;color:#39444c;font-size:12px}.vietnamese-explanation p b{color:#223246}.question-actions{display:grid;grid-template-columns:minmax(260px,1fr) 250px;gap:16px;margin-top:30px}.primary-action,.secondary-action{min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:6px;font-size:16px;font-weight:700;cursor:pointer}.primary-action{justify-content:space-between;padding:0 24px 0 calc(50% - 48px);border:1px solid var(--teal);background:#a83a00;color:#fff}.primary-action:disabled{opacity:.72;cursor:not-allowed}.secondary-action{padding:0 18px;border:1px solid #3b74c3;background:#ffffffb8;color:#0d57ae}.insights{display:grid;align-content:start;gap:14px;padding:20px 18px 26px;background:#f9f7f1b3}.insight-card{padding:16px 16px 17px;border:1px solid #dad7d0;border-radius:9px;background:#ffffffa8}.card-heading,.recent-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-heading h2,.recent-heading h2,.exam-date-card h2{margin:0;font-size:14px}.card-heading button{border:0;background:transparent;color:#0d59b3;font-size:11px;font-weight:600;cursor:pointer}.score-list{display:grid;gap:12px;margin-top:16px}.score-row>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px}.score-row strong{font-size:12px}.score-track{height:3px;margin-top:6px;overflow:hidden;background:#e0e0dc}.score-track span{display:block;height:100%}.score-track .green{background:var(--green)}.score-track .blue{background:#1665c3}.score-track .cyan{background:var(--teal)}.score-track .orange{background:var(--orange)}.recent-heading span{color:#777b79;font-size:10px}.recent-score{display:flex;align-items:baseline;gap:4px;margin-top:17px}.recent-score>strong{color:#0c55ac;font-size:30px}.recent-score>span{color:#0c55ac;font-size:12px}.recent-score>div{display:flex;align-items:baseline;gap:8px;margin-left:auto}.recent-score small{color:var(--teal);font-size:11px;font-weight:700}.recent-score b{color:var(--teal);font-size:22px}.recent-card>button{width:100%;min-height:38px;margin-top:12px;border:1px solid #2b6dc7;border-radius:5px;background:#fff;color:#1157aa;font-size:12px;font-weight:700;cursor:pointer}.exam-date-card>div{display:flex;align-items:center;justify-content:space-between;min-height:34px;border-bottom:1px solid #e0ded8;font-size:12px}.exam-date-card h2{margin-bottom:6px}.exam-date-card .days-left{min-height:44px;border-bottom:0}.days-left strong{font-weight:500}.days-left b{color:var(--teal);font-size:28px}.navigator-title{font-size:13px;font-weight:700}.legend{display:flex;gap:10px;margin:10px 0 13px;color:#6c716e;font-size:9px}.legend span{display:flex;align-items:center;gap:4px}.dot{width:8px;height:8px;display:inline-block;border-radius:50%;border:1px solid #c7c7c2}.dot.answered{border-color:var(--green);background:var(--green)}.dot.review{border-color:var(--orange);background:var(--orange)}.number-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:5px}.number-grid button{aspect-ratio:1;display:grid;place-items:center;padding:0;border:1px solid #d8d7d2;border-radius:50%;background:#fff;color:#555d64;font-size:9px;cursor:pointer}.number-grid button:disabled{cursor:default;opacity:.65}.number-grid button.current{border-color:#153a68;background:#153a68;color:#fff;font-weight:700}.number-grid button.answered-number:not(.current){border-color:var(--green);background:var(--green);color:#fff}.number-grid button.review-number:not(.current){border-color:var(--orange);background:var(--orange);color:#fff}.pause-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:#17243a75;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.pause-overlay>div{width:min(400px,100%);padding:34px;border:1px solid #d8d4ca;border-radius:12px;background:#f8f5ee;text-align:center}.pause-overlay h2{margin:14px 0 6px}.pause-overlay p{color:#67706f;font-size:13px}.pause-overlay button{min-height:46px;display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:0 22px;border:0;border-radius:6px;background:var(--teal);color:#fff;font-weight:700;cursor:pointer}.toast{position:fixed;right:22px;bottom:22px;z-index:30;padding:13px 17px;border:1px solid #cfc9bc;border-radius:7px;background:#fffdf7;box-shadow:0 12px 30px #2a302f1f;font-size:13px}.daily-goal{display:flex;align-items:center;gap:11px;color:var(--teal)}.daily-goal>div{display:grid;gap:2px}.daily-goal span{color:#6b716f;font-size:11px;font-weight:600}.daily-goal strong{color:var(--teal);font-size:17px}.content-view{width:min(100%,1180px);margin:0 auto;padding:32px 34px 48px}.eyebrow{display:block;color:var(--teal);font-size:11px;font-weight:700;letter-spacing:.04em}.view-button{min-height:46px;display:inline-flex;align-items:center;justify-content:space-between;gap:18px;padding:0 17px;border:1px solid var(--teal);border-radius:6px;background:var(--teal);color:#fff;font-size:13px;font-weight:700;cursor:pointer}.view-button.secondary{border-color:#527bac;background:transparent;color:#174f92}.view-button:hover{filter:brightness(.96)}.view-button:focus-visible,.plan-list button:focus-visible,.topic-study-list button:focus-visible,.glossary-list button:focus-visible,.memo-list button:focus-visible,.notes-toolbar button:focus-visible,.setting-row input:focus-visible,.form-grid input:focus-visible,.form-grid select:focus-visible{outline:3px solid rgba(13,75,164,.28);outline-offset:2px}.dashboard-hero,.section-intro,.report-summary{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:26px 28px;border:1px solid #d2cdc3;border-radius:10px;background:#ffffff8a}.dashboard-hero h2,.section-intro h2,.report-summary h2{max-width:660px;margin:9px 0 0;color:var(--ink);font-size:clamp(21px,2.2vw,30px);line-height:1.45}.dashboard-hero p,.section-intro p,.report-summary p{max-width:650px;margin:9px 0 0;color:#66706e;font-size:13px;line-height:1.7}.hero-actions{min-width:184px;display:grid;gap:10px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px;border-block:1px solid #d5d1c8}.metric-block{min-width:0;padding:22px 24px}.metric-block+.metric-block{border-left:1px solid #d5d1c8}.metric-block span,.metric-block small{display:block;color:#747977;font-size:11px}.metric-block strong{display:block;margin:7px 0 4px;color:#174f92;font-size:28px}.content-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}.view-panel{min-width:0;padding:22px;border:1px solid #d7d3ca;border-radius:9px;background:#ffffff80}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.panel-heading svg{color:var(--teal);flex:0 0 auto}.panel-heading h3{margin:6px 0 0;font-size:17px}.plan-list{display:grid;margin-top:16px}.plan-list button,.glossary-list button{min-height:62px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 0;border:0;border-top:1px solid #dedbd4;background:transparent;text-align:left;cursor:pointer}.step-number,.set-number{color:var(--teal);font-size:12px;font-weight:700}.plan-list button>span:nth-child(2),.glossary-list button>span{display:grid;gap:4px}.plan-list b,.glossary-list b{font-size:13px}.plan-list small,.glossary-list small{color:#777c79;font-size:11px;line-height:1.55}.exam-countdown .countdown-number{display:flex;align-items:baseline;gap:7px;margin-top:18px}.countdown-number strong{color:var(--teal);font-size:42px}.exam-countdown p{margin:4px 0 0;color:#6b716f;font-size:12px;line-height:1.65}.topic-study-list{display:grid;margin-top:20px;border-block:1px solid #d1cdc4}.topic-study-list article{min-height:106px;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:16px;padding:16px 8px;border-bottom:1px solid #ddd9d0}.topic-study-list article:last-child{border-bottom:0}.topic-study-list article.current-topic{background:#dceaee85}.topic-order{display:grid;place-items:center;width:32px;height:32px;border:1px solid #9ba8ac;border-radius:50%;color:#47595f;font-size:12px;font-weight:700}.topic-main{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 18px}.topic-main h3{margin:0;font-size:15px}.topic-main p{margin:5px 0 0;color:#737977;font-size:11px}.topic-state{color:var(--teal);font-size:10px;font-weight:700}.topic-progress{height:4px;overflow:hidden;background:#dddcd6}.topic-progress span{display:block;height:100%;background:var(--teal)}.topic-main>small{color:#666e6d;font-size:11px;text-align:right}.topic-study-list article>button{width:42px;height:42px;display:grid;place-items:center;border:1px solid #c9c7c0;border-radius:50%;background:transparent;color:#194f8c;cursor:pointer}.practice-set-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.practice-set-grid article{min-width:0;padding:23px;border-top:3px solid var(--teal);background:#ffffff7a}.practice-set-grid h3{margin:16px 0 8px;font-size:17px}.practice-set-grid article>strong{color:#17569b;font-size:12px}.practice-set-grid p{min-height:42px;color:#747a78;font-size:11px;line-height:1.6}.practice-set-grid .view-button{width:100%;margin-top:10px}.recent-attempts{margin-top:20px}.simple-table,.activity-list{margin-top:14px}.simple-table>div,.activity-list>div{min-height:54px;display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:14px;border-top:1px solid #dedbd4;font-size:12px}.simple-table span,.activity-date{color:#777d7a;font-size:11px}.simple-table strong{color:var(--teal)}.notes-toolbar{display:flex;justify-content:space-between;gap:16px}.notes-toolbar label{width:min(520px,100%);min-height:46px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid #cecac1;border-radius:6px;background:#ffffff94}.notes-toolbar input{width:100%;border:0;outline:0;background:transparent}.notes-toolbar>button{min-height:46px;display:flex;align-items:center;gap:8px;padding:0 16px;border:1px solid #1c6495;border-radius:6px;background:transparent;color:#174f84;font-weight:700;cursor:pointer}.notes-layout{grid-template-columns:1.2fr .8fr}.glossary-list,.memo-list{display:grid;margin-top:14px}.glossary-list button{grid-template-columns:1fr auto}.memo-list button{min-height:62px;display:grid;gap:6px;padding:12px 0;border:0;border-top:1px solid #dedbd4;background:transparent;text-align:left;cursor:pointer}.memo-list b{font-size:13px}.memo-list small{color:#777d7a;font-size:10px}.empty-state{color:#757b78;font-size:12px}.activity-panel{margin-top:20px}.activity-list>div{grid-template-columns:130px 1fr auto}.activity-list>div>span:nth-child(2){display:grid;gap:4px}.activity-list b{font-size:13px}.activity-list small{color:#777d7a;font-size:11px}.activity-list strong{color:var(--teal);font-size:11px}.report-summary{justify-content:flex-start}.score-ring{min-width:190px;padding:22px 24px;border-left:4px solid var(--teal);background:#ffffff6b}.score-ring span,.score-ring small{display:block;color:#6c7472;font-size:11px}.score-ring strong{color:var(--teal);font-size:52px;line-height:1.1}.report-summary .view-button{margin-top:18px}.strength-panel ul,.weakness-panel ul{padding:0;margin:15px 0 0;list-style:none}.strength-panel li,.weakness-panel li{min-height:48px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dedbd4;font-size:12px}.strength-panel li span{color:#16805a;font-weight:700}.weakness-panel li span{color:#b85d27;font-weight:700}.accuracy-table{margin-top:20px;padding-top:10px}.accuracy-header,.accuracy-row{display:grid;grid-template-columns:minmax(220px,1fr) 100px 90px 90px;align-items:center;gap:14px}.accuracy-header{min-height:40px;color:#767c79;font-size:10px}.accuracy-row{min-height:62px;border-top:1px solid #dedbd4;font-size:12px}.accuracy-row strong{color:#174f92}.accuracy-row small{width:fit-content;padding:4px 8px;border-radius:999px;background:#e6f1ec;color:#167352;font-weight:700}.accuracy-row small.needs-review{background:#f7e8dc;color:#a85323}.settings-view{display:grid;gap:18px}.setting-row{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #dedbd4;cursor:pointer}.setting-row:first-of-type{margin-top:15px}.setting-row>span{display:grid;gap:5px}.setting-row b{font-size:13px}.setting-row small{color:#777d7a;font-size:11px}.setting-row input{width:22px;height:22px;accent-color:var(--teal)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.form-grid label{display:grid;gap:8px;color:#666e6b;font-size:11px}.form-grid input,.form-grid select{width:100%;min-height:44px;padding:0 12px;border:1px solid #c9c7c0;border-radius:5px;background:#fff}.guide-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:20px;background:#d3d0c8}.guide-steps article{min-height:200px;padding:24px;background:#f5f2eb}.guide-steps article>span{color:var(--teal);font-size:12px;font-weight:700}.guide-steps h3{margin:25px 0 9px;font-size:15px}.guide-steps p,.faq-panel p{color:#747a78;font-size:11px;line-height:1.7}.faq-panel{margin-top:20px}.faq-panel details{border-top:1px solid #dedbd4}.faq-panel summary{min-height:54px;display:flex;align-items:center;font-size:13px;font-weight:600;cursor:pointer}.faq-panel details p{margin:-4px 0 16px}@media(max-width:1120px){.app-shell{grid-template-columns:78px minmax(0,1fr)}.brand{justify-content:center;padding-inline:0}.brand>div:last-child,.nav-item span,.nav-label,.study-tip{display:none}.nav-item{justify-content:center;padding:0}.workspace-grid{grid-template-columns:minmax(560px,1fr) 310px}.question-pane{padding-inline:24px}.question-actions{grid-template-columns:1fr 210px}.content-view{padding-inline:26px}.practice-set-grid{grid-template-columns:1fr}.practice-set-grid article{display:grid;grid-template-columns:38px minmax(180px,.7fr) minmax(180px,1fr) 190px;align-items:center;gap:16px}.practice-set-grid h3,.practice-set-grid p,.practice-set-grid .view-button{margin:0}.practice-set-grid p{min-height:0}.guide-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.app-shell{display:block}.sidebar{position:sticky;top:0;z-index:12;width:100%;height:auto;display:block;padding:0 12px 10px;border-right:0;border-bottom:1px solid #d4cfc4}.brand{min-height:64px;justify-content:flex-start;border-bottom:0}.brand>div:last-child{display:block}.brand-mark{width:32px;height:32px;font-size:18px}.brand-name{font-size:18px}.side-nav{display:flex;gap:8px;overflow-x:auto;padding-top:0;scrollbar-width:none}.side-nav::-webkit-scrollbar{display:none}.nav-group{display:flex;gap:8px}.nav-group+.nav-group{margin-top:0}.nav-item{width:auto;min-width:44px;white-space:nowrap;padding:0 12px}.nav-item span{display:inline}.workspace-grid{display:block}.question-pane{border-right:0}.insights{grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}.topbar{position:sticky;top:118px;z-index:10;min-height:74px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.content-view{padding:24px}.dashboard-hero,.section-intro,.report-summary{align-items:flex-start}.notes-layout{grid-template-columns:1fr}.accuracy-header,.accuracy-row{grid-template-columns:minmax(160px,1fr) 76px 70px 72px}}@media(max-width:640px){.sidebar{padding-inline:10px}.brand{min-height:58px}.side-nav{padding-bottom:2px}.nav-item{min-height:46px}.topbar{top:106px;align-items:flex-start;padding:16px}.mode-title{display:block}.mode-title h1{font-size:21px}.mode-title span{display:none}.timer-area>svg{display:none}.pause-button{width:42px;padding:0;justify-content:center;font-size:0}.question-pane{padding:18px 16px 28px}.question-meta{min-height:52px}.review-button{width:42px;padding:0;justify-content:center;font-size:0}.answer{min-height:74px;grid-template-columns:24px 28px 1fr 24px;padding:12px}.choice-letter{font-size:16px}.choice-text{font-size:13px}.question-actions{position:sticky;bottom:0;z-index:8;grid-template-columns:1fr;margin-inline:-16px;padding:12px 16px max(12px,env(safe-area-inset-bottom));border-top:1px solid #d7d2c8;background:#fbfaf6f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.primary-action{padding-left:calc(50% - 40px)}.question-actions .secondary-action{display:none}.insights{grid-template-columns:1fr;padding:16px}.content-view{padding:18px 16px 36px}.dashboard-hero,.section-intro,.report-summary{display:grid;gap:20px;padding:20px}.dashboard-hero h2,.section-intro h2,.report-summary h2{font-size:21px}.hero-actions,.dashboard-hero .view-button,.section-intro .view-button,.report-summary .view-button{width:100%}.metric-grid{grid-template-columns:1fr}.metric-block{padding:16px 4px}.metric-block+.metric-block{border-left:0;border-top:1px solid #d5d1c8}.content-split{grid-template-columns:1fr}.view-panel{padding:18px}.topic-study-list article{grid-template-columns:34px minmax(0,1fr) 42px;gap:10px}.topic-main{grid-template-columns:1fr}.topic-state,.topic-main>small{text-align:left}.practice-set-grid article{display:block}.practice-set-grid h3{margin:12px 0 6px}.practice-set-grid p{margin:9px 0}.practice-set-grid .view-button{margin-top:12px}.simple-table>div,.activity-list>div{grid-template-columns:1fr auto;padding:11px 0}.simple-table>div span,.activity-list .activity-date{grid-column:1 / -1}.notes-toolbar{display:grid}.notes-toolbar>button{justify-content:center}.score-ring{min-width:0}.accuracy-table{overflow-x:auto}.accuracy-header,.accuracy-row{min-width:570px}.form-grid,.guide-steps{grid-template-columns:1fr}.guide-steps article{min-height:150px}.daily-goal svg{display:none}}select,textarea{font:inherit}.setting-row select{width:100%;min-height:40px;padding:0 31px 0 10px;border:1px solid #c9c4b9;border-radius:6px;background:#fffdf8;color:#1f3249;font-size:13px;font-weight:600}.cert-context{display:grid;gap:3px;margin:12px 2px 0;padding:12px 10px;border:1px solid #d8d2c6;border-radius:7px;background:#fbfaf6}.cert-context span{color:#797b75;font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.cert-context strong{color:var(--active-cert);font-size:15px}.cert-context small{overflow:hidden;color:#666d6a;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.all-certifications-link{min-height:38px;display:flex;align-items:center;gap:8px;margin:6px 2px 2px;padding:0 10px;border-bottom:1px solid #ddd7cb;color:#59636b;font-size:11px;font-weight:700;text-decoration:none}.all-certifications-link:hover{color:var(--active-cert)}.mobile-cert-bar{display:none}.certification-hub{min-height:100vh;padding:0 max(24px,calc((100vw - 1180px)/2)) 48px;background:var(--canvas)}.hub-header{min-height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8d3c9}.hub-brand{display:flex;align-items:center;gap:11px}.hub-brand>div{display:grid;gap:1px}.hub-brand strong{color:#172a48;font-size:21px;letter-spacing:.05em}.hub-brand small{color:#70746f;font-size:10px}.hub-count{padding:7px 10px;border:1px solid #d5cec0;border-radius:999px;background:#fff;color:#5f6765;font-size:10px;font-weight:700}.hub-header-actions{display:flex;align-items:center;gap:12px}.hub-all-apps{display:inline-flex;align-items:center;gap:5px;color:#5f6765;font-size:11px;font-weight:700;text-decoration:none}.hub-all-apps:hover{color:var(--teal)}.hub-all-apps:focus-visible{border-radius:4px;outline:3px solid rgba(168,58,0,.2);outline-offset:4px}.hub-hero{padding:44px 0 32px}.hub-hero h1{margin:10px 0 0;color:#17243a;font-size:clamp(32px,5vw,58px);line-height:1.08;letter-spacing:-.035em;white-space:nowrap}.hub-hero p{margin:20px 0 0;color:#626a68;font-size:15px;line-height:1.75;white-space:nowrap}.hub-certifications{padding:23px;border:1px solid #d4d0c7;border-radius:9px;background:#ffffff7a}.hub-certifications .section-heading h2{margin:5px 0 0;font-size:19px}.hub-certifications .section-heading svg{color:var(--teal)}.hub-cert-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.hub-cert-card{min-width:0;min-height:210px;display:flex;flex-direction:column;padding:18px;border:1px solid #d7d2c8;border-top:3px solid var(--cert-accent);border-radius:7px;background:#fff;color:inherit;text-decoration:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.hub-cert-card:hover{transform:translateY(-2px);border-color:var(--cert-accent);box-shadow:0 10px 24px #22292c14}.hub-cert-card:focus-visible{outline:3px solid rgba(168,58,0,.2);outline-offset:3px}.hub-cert-card>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.hub-cert-card>div:first-child span{color:var(--cert-accent);font-size:17px;font-weight:800}.hub-cert-card>div:first-child small{overflow:hidden;color:#7b7e79;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.hub-cert-card h3{margin:22px 0 0;color:#1f3046;font-size:14px;line-height:1.55}.hub-cert-card p{margin:8px 0 20px;color:#69716e;font-size:10px;line-height:1.6}.hub-cert-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid #e0ddd5;color:var(--cert-accent);font-size:9px;font-weight:700}.hub-cert-meta svg{flex:0 0 auto}.hub-note{display:flex;align-items:flex-start;gap:7px;margin:15px 2px 0;color:#707672;font-size:10px;line-height:1.6}.hub-note svg{flex:0 0 auto;margin-top:1px}.topic-pill{background:color-mix(in srgb,var(--cert-accent, var(--teal)) 12%,white);color:var(--cert-accent, var(--teal))}.question-count small{margin-left:8px;color:#767b78;font-size:10px;font-weight:500}.audio-button{min-height:40px;display:inline-flex;align-items:center;gap:8px;margin-left:9px;padding:0 13px;border:1px solid var(--active-cert);border-radius:6px;background:#fff;color:var(--active-cert);font-size:12px;font-weight:700;cursor:pointer}.passage{max-width:780px;margin:16px 0 0;padding:15px 17px;border-left:3px solid var(--active-cert);background:#ffffffa3;color:#424d55;font-size:13px;line-height:1.75}.readiness-card>div:first-child{display:flex;align-items:center;gap:8px;color:var(--active-cert);font-size:11px;font-weight:700}.readiness-card>strong{display:block;margin-top:8px;color:var(--active-cert);font-size:29px}.readiness-card p{margin:3px 0 12px;color:#717773;font-size:10px}.readiness-card button{width:100%;min-height:38px;border:1px solid var(--active-cert);border-radius:5px;background:#fff;color:var(--active-cert);font-size:11px;font-weight:700;cursor:pointer}.card-heading>span{color:var(--active-cert);font-size:10px;font-weight:700}.metric-date{font-size:21px!important}.metric-link,.inline-link{padding:0;border:0;background:transparent;color:var(--active-cert, var(--teal));font-size:10px;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.metric-link{display:block;margin:-1px 0 5px}.exam-date-card .inline-link{width:100%;min-height:34px;margin-top:7px;text-align:right}.plan-list button>span:nth-child(2){display:flex;align-items:center;justify-content:space-between;gap:12px}.plan-list strong{font-size:13px}.plan-list small{flex:0 0 auto}.exam-summary dl,.profile-list{display:grid;gap:0;margin:14px 0 18px}.exam-summary dl>div,.profile-list>div{display:grid;grid-template-columns:72px 1fr;gap:12px;padding:11px 0;border-top:1px solid #dedbd4;font-size:11px;line-height:1.55}.exam-summary dt,.profile-list dt{color:#777d79}.exam-summary dd,.profile-list dd{margin:0;color:#26364a;font-weight:600}.cert-portfolio{margin-top:20px;padding:22px;border:1px solid #d4d0c7;border-radius:9px;background:#ffffff70}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading h3{margin:5px 0 0;font-size:17px}.section-heading svg{color:var(--teal)}.cert-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:17px}.cert-card{min-width:0;min-height:105px;display:grid;grid-template-columns:1fr auto;gap:4px 9px;align-content:center;padding:13px;border:1px solid #d4d1ca;border-radius:7px;background:#ffffff9e;text-align:left;cursor:pointer}.cert-card:hover,.cert-card.active{border-color:var(--cert-accent);background:#fff}.cert-card.active{box-shadow:inset 3px 0 0 var(--cert-accent)}.cert-card .cert-short{overflow:hidden;color:#22344a;font-size:14px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.cert-card small{grid-column:1;overflow:hidden;color:#777b78;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.cert-card>strong{grid-column:2;grid-row:1 / 3;align-self:center;color:var(--cert-accent);font-size:16px}.cert-card i{grid-column:1 / -1;height:3px;margin-top:7px;overflow:hidden;background:#e1dfd8}.cert-card i b{display:block;height:100%;background:var(--cert-accent)}.prototype-note{display:flex;align-items:flex-start;gap:7px;margin:14px 2px 0;color:#727771;font-size:10px;line-height:1.6}.prototype-note svg{flex:0 0 auto;margin-top:1px}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.module-card{min-width:0;padding:20px;border:1px solid #d5d1c8;border-radius:8px;background:#ffffff7a}.module-card>div:first-child{display:flex;justify-content:space-between;color:#747a77;font-size:10px}.module-card>div:first-child strong{color:var(--active-cert)}.module-card h3{min-height:48px;margin:14px 0 6px;font-size:16px;line-height:1.5}.module-card p{min-height:38px;color:#747a77;font-size:10px;line-height:1.6}.module-progress{height:4px;margin:17px 0;overflow:hidden;background:#dfddd6}.module-progress span{display:block;height:100%}.module-card button{width:100%;min-height:40px;display:flex;align-items:center;justify-content:space-between;border:1px solid #c9c6be;border-radius:5px;background:transparent;color:var(--active-cert);font-size:11px;font-weight:700;cursor:pointer}.practice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:20px}.practice-card{position:relative;min-width:0;padding:24px;border:1px solid #d4d0c8;border-top:3px solid var(--active-cert);background:#ffffff7a}.practice-card.recommended{background:#ffffffc7}.practice-card>span{position:absolute;top:12px;right:12px;padding:4px 7px;border-radius:4px;background:var(--active-cert);color:#fff;font-size:9px;font-weight:700}.practice-card>svg{color:var(--active-cert)}.practice-card h3{margin:15px 0 6px}.practice-card p{min-height:38px;color:#767b78;font-size:11px}.practice-card>strong{display:block;color:var(--active-cert);font-size:13px}.practice-card button,.save-button{width:100%;min-height:43px;display:flex;align-items:center;justify-content:space-between;margin-top:17px;padding:0 13px;border:1px solid var(--active-cert);border-radius:5px;background:transparent;color:var(--active-cert);font-size:11px;font-weight:700;cursor:pointer}.glossary-list details{border-top:1px solid #dedbd4}.glossary-list summary{min-height:52px;display:flex;align-items:center;color:#27364a;font-size:13px;font-weight:700;cursor:pointer}.glossary-list p{margin:-4px 0 14px;color:#727976;font-size:11px;line-height:1.7}.notes-layout textarea{width:100%;min-height:170px;margin-top:15px;padding:13px;resize:vertical;border:1px solid #ccc8bf;border-radius:6px;background:#ffffffb3;color:#253449;line-height:1.7}.save-button{justify-content:center}.history-list{margin-top:14px}.history-list>div{min-height:62px;display:grid;grid-template-columns:100px minmax(180px,1fr) 90px 70px;align-items:center;gap:14px;border-top:1px solid #dedbd4;font-size:12px}.history-list span,.history-list small{color:#747a77}.history-list b{color:var(--active-cert);text-align:right}.report-hero{display:grid;grid-template-columns:220px 1fr;gap:28px;padding:25px;border:1px solid #d3cfc6;border-radius:9px;background:#ffffff80}.report-hero>div:first-child{padding:14px 20px;border-left:4px solid var(--active-cert);background:#ffffff8a}.report-hero span,.report-hero small{display:block;color:#727874;font-size:10px}.report-hero strong{display:block;margin:6px 0;color:var(--active-cert);font-size:34px}.report-hero>div:last-child svg{color:var(--active-cert)}.report-hero h2{margin:8px 0 5px;font-size:20px;line-height:1.5}.report-hero p{margin:0;color:#707774;font-size:11px;line-height:1.7}.recommendation-panel ol{padding:0;margin:14px 0 18px;list-style:none;counter-reset:recommendation}.recommendation-panel li{min-height:54px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;border-top:1px solid #dedbd4;counter-increment:recommendation}.recommendation-panel li strong:before{content:counter(recommendation) ". ";color:var(--active-cert)}.recommendation-panel li span{color:#727874;font-size:10px}.accuracy-list{margin:16px 0 20px}.accuracy-list>div{min-height:60px;display:grid;grid-template-columns:minmax(180px,1fr) minmax(160px,1.4fr) 55px 82px;align-items:center;gap:14px;border-top:1px solid #dedbd4;font-size:12px}.accuracy-list>div>div{height:5px;overflow:hidden;background:#dfddd6}.accuracy-list i{display:block;height:100%}.accuracy-list small{padding:4px 6px;border-radius:4px;background:#ebe8e0;color:#6c726e;font-size:9px;font-weight:700;text-align:center}.setting-row strong{font-size:13px}.setting-row select{width:110px}.setting-row input[type=date]{width:170px;min-height:42px;padding:0 10px;border:1px solid #c9c4b9;border-radius:6px;background:#fff;color:#1f3249;font-size:12px}.date-setting{margin-top:15px}.backup-panel{margin-top:18px}.backup-panel>p{margin:14px 0 0;color:#69716e;font-size:12px;line-height:1.7}.backup-panel>small{display:block;margin-top:12px;color:#7a7e7a;font-size:10px;line-height:1.6}.backup-actions{display:flex;gap:10px;margin-top:17px}.backup-actions button,.backup-actions label{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid var(--active-cert);border-radius:6px;background:var(--active-cert);color:#fff;font-size:12px;font-weight:700;cursor:pointer}.backup-actions label{background:#fff;color:var(--active-cert)}.backup-actions input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.backup-status{margin-top:14px;padding:11px 13px;border-radius:6px;font-size:11px;font-weight:600}.backup-status.success{border:1px solid #8dc7ab;background:#f0faf5;color:#176846}.backup-status.error{border:1px solid #d7a099;background:#fff4f1;color:#9c3f35}@media(max-width:1120px){.cert-context{padding-inline:4px;text-align:center}.cert-context span,.cert-context small,.all-certifications-link span{display:none}.cert-context strong{font-size:11px}.all-certifications-link{justify-content:center;padding-inline:0}.hub-cert-grid,.cert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.cert-context,.all-certifications-link{display:none}.mobile-cert-bar{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 24px;border-bottom:1px solid #d7d2c8;background:#f8f6efd1}.mobile-cert-bar>span{color:var(--active-cert);font-size:12px;font-weight:800}.mobile-cert-bar a{min-height:36px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border:1px solid #d0c9bc;border-radius:6px;background:#fff;color:#4f5b63;font-size:10px;font-weight:700;text-decoration:none}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-grid{grid-template-columns:1fr}.practice-card p{min-height:0}}@media(max-width:640px){.mobile-cert-bar{padding-inline:16px}.question-count small{display:none}.audio-button{margin:10px 0 0}.question-copy .topic-pill{margin-right:8px}.certification-hub{padding-inline:16px}.hub-header{min-height:72px}.hub-brand small,.hub-count{display:none}.hub-header-actions{gap:0}.hub-hero{padding:32px 0 26px}.hub-hero h1{font-size:clamp(17px,5vw,22px)}.hub-hero p{white-space:normal}.hub-certifications,.cert-portfolio{padding:17px}.hub-cert-grid,.cert-grid,.module-grid{grid-template-columns:1fr}.hub-cert-card{min-height:178px}.cert-card{min-height:84px}.report-hero{grid-template-columns:1fr;padding:19px}.history-list>div{grid-template-columns:1fr auto;gap:5px 12px;padding:12px 0}.history-list span,.history-list small{grid-column:1}.history-list b{grid-column:2;grid-row:1 / 3}.accuracy-list>div{grid-template-columns:1fr 48px 75px;gap:9px;padding:12px 0}.accuracy-list>div>div{grid-column:1 / -1;grid-row:2}.accuracy-list strong{text-align:right}.accuracy-list small{grid-column:3;grid-row:1}.setting-row{align-items:flex-start;padding:13px 0}.date-setting{display:grid}.setting-row input[type=date]{width:100%}.backup-actions{display:grid}.backup-actions button,.backup-actions label{width:100%}}
