@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Noto+Sans+TC:wght@400;450;500;550;600;650;700;750&display=swap');
:root{--question-gap:10px;--bg:#f7f8f4;--paper:#fff;--ink:#263b33;--muted:#7d8881;--line:#e5e9e1;--green:#365e49;--pale:#eaf0e5;--serif:Georgia,'Noto Sans TC',serif;--font:'DM Sans','Noto Sans TC',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.65}button,input,select,textarea{font:inherit;color:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #aac59a;outline-offset:3px}button:hover,a:hover{filter:brightness(.96)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:242px;background:#f0f2eb;border-right:1px solid #e0e5d9;padding:32px 20px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;letter-spacing:-.6px;padding:0 6px 30px}.brand small{display:block;color:#849083;letter-spacing:2px;font-size:10px;font-weight:450;margin-top:1px}.brand-mark{width:38px;height:38px;border-radius:11px;background:#345540;color:white;display:block;font:italic 29px Georgia;position:relative;padding:1px 5px}.brand-mark>span{margin-left:-3px}.brand-mark i{position:absolute;width:6px;height:6px;bottom:5px;right:5px;background:#d7e6ad;border-radius:50%}.workspace-label{padding:16px 12px 17px;font-size:10px;color:#8a9589;display:flex;justify-content:space-between;letter-spacing:1px}.workspace-label>span{letter-spacing:0;background:#e4e9df;padding:1px 7px;border-radius:4px}.nav-item{display:flex;align-items:center;width:100%;padding:10px 12px;border-radius:7px;gap:11px;color:#6e7a6e;text-align:left;margin-bottom:3px;font-size:12px}.nav-item.active{background:#e0e8d9;color:#34533e;font-weight:600}.nav-item .count{margin-left:auto;font-size:10px;color:#8b9887;font-variant-numeric:tabular-nums}.nav-item.active .count{color:#496346}.nav-symbol{font-size:17px;line-height:1;width:19px;text-align:center}.nav-heading{margin:27px 11px 11px;color:#90998c;font-size:10px;letter-spacing:1px;display:flex;justify-content:space-between}.subject-icon{width:24px;height:24px;background:#e5e9e0;display:grid;place-items:center;border-radius:6px;font-size:11px;font-weight:550}.subject-name small{font-size:9px;color:#9aa295;margin-left:7px}.sidebar-bottom{border-top:1px solid #dfe4d8;margin-top:auto;padding:24px 4px 0;display:flex;gap:10px;color:#788572;font-size:10px}.sidebar-bottom small{display:block;color:#9aa48f;font-size:9px;margin-top:4px}.small-icon{font-size:18px}.workspace{margin-left:242px}.topbar{height:76px;border-bottom:1px solid var(--line);padding:0 44px;display:flex;align-items:center;justify-content:space-between;background:#f9faf6}.breadcrumb{font-size:10px;color:#929a8e}.breadcrumb span{padding:0 13px;color:#b9c0b2}.breadcrumb strong{font-weight:500;color:#536250}.top-actions{display:flex;align-items:center;gap:8px;color:#899482;font-size:10px}.storage-dot{width:5px;height:5px;border-radius:50%;background:#91a67b}.icon-button{font-size:22px;width:34px;height:34px;border:1px solid var(--line);border-radius:7px;display:grid;place-items:center;line-height:1;background:#fff}.top-actions .icon-button{margin:0 13px;font-size:19px}.avatar{height:30px;width:30px;display:grid;place-items:center;border:3px solid white;border-radius:50%;background:#dce4d0;color:#637955;font-size:10px}main{max-width:1500px;margin:0 auto;padding:43px 44px 20px}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.eyebrow{font-size:9px;letter-spacing:2px;color:#8d9c77;font-weight:600}.intro h1{font-size:29px;letter-spacing:1px;font-weight:550;line-height:1.5;margin:10px 0 9px;color:#2f4436}.intro h1 span{color:#748966}.intro p{font-size:11px;color:#8c9587;margin:0}.button{padding:10px 16px;border:1px solid #dde3d6;border-radius:7px;background:white;font-size:11px;display:inline-flex;justify-content:center;align-items:center;gap:8px;white-space:nowrap;min-height:39px}.primary{background:#3f5b41;border-color:#3f5b41;color:white;box-shadow:0 3px 6px #263b3310}.primary:hover{background:#314b35}.intro .button{margin-top:15px}.intro .button>span{font-size:18px;font-weight:300}.overview{display:grid;grid-template-columns:1.38fr 1fr 1fr 1fr;gap:14px;margin-bottom:37px}.metric{border:1px solid var(--line);padding:19px 21px;border-radius:10px;background:#fff;position:relative;min-height:126px;overflow:hidden}.metric:first-child{background:#eaf0e3;border-color:#e0e8d6}.metric-label{font-size:10px;color:#7c8a72;display:flex;align-items:center;justify-content:space-between}.metric-icon{font-size:14px;color:#a5b399}.metric-value{font-size:30px;font-weight:500;line-height:1.5;margin:4px 0;color:#3a513b;letter-spacing:-1px}.metric-value small{font-size:10px;margin-left:6px;color:#8e9b83;font-weight:400;letter-spacing:0}.metric-caption{font-size:9px;color:#9ba58e}.metric-caption b{font-weight:500;color:#789361}.mini-chart{position:absolute;bottom:20px;right:19px;display:flex;align-items:flex-end;gap:4px;height:40px;transform:rotate(-4deg)}.mini-chart i{width:6px;background:#c1d1ad;border-radius:2px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-heading h2{font-size:17px;font-weight:550;margin:0;letter-spacing:.5px}.section-heading h2 span{font-size:10px;color:#8d9e80;background:#ecf0e5;padding:2px 7px;border-radius:5px;margin-left:7px;letter-spacing:0}.section-heading p{color:#9aa28f;font-size:10px;margin:5px 0 0}.view-switch{display:flex;gap:3px;border:1px solid #e1e6da;padding:3px;border-radius:7px;background:#eff2e9}.view-switch button{color:#9ba68e;border-radius:4px;padding:2px 9px;font-size:17px}.view-switch button.active{background:white;box-shadow:0 1px 3px #1f3d2410;color:#617457}.toolbar{display:flex;justify-content:space-between;gap:16px}.search{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:7px;padding:9px 12px;max-width:360px;min-width:200px;flex:1}.search svg{width:15px;height:15px;color:#99a18e;flex-shrink:0}.search input{width:100%;border:0;background:transparent;outline:none;font-size:10px}.search input::placeholder{color:#a3aa9a}.filter-controls{display:flex;gap:8px}select{border:1px solid var(--line);border-radius:7px;padding:8px 24px 8px 10px;background:#fff;font-size:10px;max-width:190px}.status-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin:15px 0 23px}.status-tabs button{color:#9ba38f;padding:9px 1px 12px;font-size:10px;border-bottom:2px solid transparent;margin-bottom:-1px;display:flex;align-items:center;gap:6px}.status-tabs button.active{color:#526d42;border-color:#6a8655}.status-tabs button span{font-size:9px;background:#edf0e6;padding:0 5px;border-radius:4px}.status-tabs .tab-dot{padding:0;width:5px;height:5px;display:inline-block;border-radius:50%;background:#c4b588}.status-tabs button[data-status="learning"] .tab-dot{background:#92a7bd}.status-tabs button[data-status="mastered"] .tab-dot{background:#92ac7b}.question-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--question-gap)}.question-card{border:1px solid #e3e8dd;border-radius:10px;background:#fff;overflow:hidden;transition:transform .15s,box-shadow .15s;display:flex;flex-direction:column}.question-card:hover{transform:translateY(-3px);box-shadow:0 7px 22px #3e533910}.card-main{padding:20px 20px 15px;display:flex;flex:1;flex-direction:column;cursor:pointer;outline-offset:-4px}.card-top{display:flex;justify-content:space-between;align-items:center;gap:6px}.subject-badge{border-radius:5px;font-size:9px;padding:3px 7px;display:inline-flex;align-items:center;gap:5px;background:#edf2e7;color:#75876b}.subject-badge.Math{background:#eef0f6;color:#7b89a5}.subject-badge.English{background:#f7f0e3;color:#a48b63}.subject-badge.Chinese{background:#f7eae7;color:#b28b7f}.subject-badge.Physics-Chemistry{background:#edf2e7;color:#7b9665}.star{font-size:17px;line-height:1;color:#c2c8ba;padding:4px}.star.selected{color:#bf9b4b}.card-location{margin-top:15px;font-size:9px;color:#a2aa98;display:flex;gap:7px;align-items:center}.card-location span{color:#bfc7b4}.question-card h3{font-size:14px;line-height:1.6;font-weight:550;margin:7px 0 8px;color:#3d4d3a;letter-spacing:.15px}.question-preview{font-size:10px;line-height:1.9;color:#929a87;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}.tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto}.tag{background:#f4f6ef;color:#a0aa91;border-radius:3px;font-size:8px;padding:2px 6px}.card-foot{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid #f0f2eb;font-size:9px;color:#a1ab94}.card-date{font-variant-numeric:tabular-nums;display:flex;gap:6px;align-items:center}.state-pill{border-radius:4px;font-size:8px;display:flex;align-items:center;gap:4px}.state-pill::before{content:'';width:4px;height:4px;background:currentColor;border-radius:50%}.state-pill.todo{color:#b09c70}.state-pill.learning{color:#809ab3}.state-pill.mastered{color:#88a474}.issue-label{font-size:8px;color:#b49a70;margin:8px 0 0}.question-card .card-art{height:98px;margin:-1px 0 13px;border-radius:5px;background:#f8f9f5;display:grid;place-items:center}.card-art svg{width:100%;height:94px}.question-list{display:flex;flex-direction:column;gap:var(--question-gap)}.question-list .question-card .card-main{padding:15px 20px;display:grid;grid-template-columns:100px 1fr;gap:2px 15px}.question-list .card-top{grid-row:1/4;align-self:center}.question-list .card-location{margin-top:0}.question-list .card-art{display:none}.question-list h3{margin:0}.question-list .question-preview{margin:0;min-height:0}.question-list .tags{display:none}.question-list .card-foot{padding:6px 20px}.empty{padding:65px 20px;text-align:center;border:1px dashed #d9e1cf;border-radius:10px;background:#fff}.empty .empty-mark{font:italic 35px Georgia;color:#a4b592}.empty h3{font-size:16px;font-weight:500}.empty p{color:#929d87;font-size:12px}.clear-button{margin-top:10px}footer{border-top:1px solid var(--line);margin-top:35px;padding:24px 0 12px;color:#a6ae9b;font-size:9px;display:flex;align-items:center;gap:8px}.footer-logo{font:italic 17px Georgia;color:#9caa8b}.footer-right{margin-left:auto;font-size:8px}.source-banner{background:#edf2e7;border:1px solid #e0e7d8;border-radius:8px;padding:17px 20px;font-size:11px;color:#748668;margin-bottom:18px}.source-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:20px 22px;margin-bottom:12px;display:flex;gap:15px;align-items:center}.source-platform{width:42px;height:42px;flex-shrink:0;border:1px solid #e2e7dc;border-radius:10px;display:grid;place-items:center;color:#759266;font-size:17px;font-family:Georgia}.source-info{flex:1;min-width:0}.source-info h3{font-size:13px;margin:0 0 3px;font-weight:550}.source-info p{font-size:10px;color:#98a18e;margin:3px 0}.source-url{display:block;font-size:9px;color:#a1ad97;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.source-card .button{font-size:10px}.source-actions{display:flex;gap:6px;flex-wrap:wrap}.muted{color:#8c9784;font-size:12px;line-height:1.9}dialog{padding:28px;border:1px solid #dde4d3;border-radius:14px;width:540px;max-width:calc(100vw - 30px);max-height:90vh;color:var(--ink);background:#fafbf7;box-shadow:0 25px 90px #1b302e30}dialog::backdrop{background:#26382c6b;backdrop-filter:blur(3px)}.detail-dialog{width:790px;padding:0;background:white}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.dialog-heading h2{font-size:21px;font-weight:550;margin:6px 0}.dialog-heading .eyebrow{font-size:8px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:23px;border-top:1px solid var(--line);padding-top:18px}.field{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#78896d;margin-top:17px}.field input,.field textarea,.field select{width:100%;font-size:12px;background:#fff;border:1px solid #dae2d0;border-radius:6px;padding:10px 12px;resize:vertical;max-width:none}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-error{font-size:11px;color:#ac6354;white-space:pre-line;margin-top:12px}.detail-header{padding:26px 30px;border-bottom:1px solid var(--line);background:#f7f9f2}.detail-header h2{font-weight:550;font-size:23px;line-height:1.6;margin:17px 0 7px}.detail-header .dialog-heading{align-items:flex-start}.detail-meta{font-size:10px;color:#91a083;display:flex;gap:12px;flex-wrap:wrap}.detail-content{padding:26px 30px}.detail-question{font-size:15px;line-height:2;white-space:pre-wrap;margin:0 0 20px}.detail-label{font-size:10px;color:#a1aa94;letter-spacing:1px;margin:22px 0 8px}.answer-toggle{background:#eef3e7;border:1px solid #e1e8d6;border-radius:7px;padding:13px 17px;color:#678052;font-size:11px;width:100%;text-align:left;display:flex;justify-content:space-between}.answer-panel{background:#f4f7ee;border-radius:8px;padding:20px;margin-top:10px}.answer-panel h3{font-size:16px;color:#536c40;margin:0 0 14px;white-space:pre-wrap;font-weight:550}.explanation{white-space:pre-wrap;font-size:12px;line-height:2;color:#738268}.trap{background:#f8f3e9;border-left:2px solid #d9c79a;border-radius:0 6px 6px 0;padding:12px 15px;font-size:11px;line-height:1.9;color:#9d8960;margin-top:18px}.verification-note{font-size:10px;padding:12px 15px;border:1px solid #e8ddc5;background:#fcf9f1;border-radius:6px;color:#a58c5b;margin-bottom:18px}.verification-note.corrected{background:#edf5ec;border-color:#d5e4cf;color:#6b865d}.detail-content .card-art{height:165px;background:#f7f9f3;border-radius:8px;display:grid;place-items:center}.detail-content .card-art svg{height:160px;max-width:500px}.status-choices{display:flex;gap:8px;flex-wrap:wrap}.status-choices button{border:1px solid #e4e9dc;background:#fff;color:#8e9e80;border-radius:6px;padding:8px 12px;font-size:11px}.status-choices button.active{background:#e6eedc;border-color:#bacba4;color:#5f7847}.detail-content textarea{width:100%;border:1px solid #e0e6d7;border-radius:7px;padding:12px;font-size:11px;resize:vertical;background:#fcfdf9}.detail-content .source-link{font-size:11px;color:#71925a;border-bottom:1px solid #cbd9bb;padding-bottom:2px}.source-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:12px}.photo-grid a{position:relative;background:#f1f3eb;border-radius:5px;overflow:hidden;display:block}.photo-grid img{width:100%;height:145px;object-fit:cover;object-position:top;display:block}.photo-grid span{position:absolute;bottom:4px;right:4px;background:#ffffffdf;padding:0 4px;border-radius:3px;font-size:8px;color:#6f8063}.transcript{white-space:pre-wrap;max-height:400px;overflow:auto;background:#f3f5ee;padding:18px;border-radius:7px;font-size:11px;color:#76846a;line-height:1.9;overflow-wrap:anywhere}.backup-block{padding:18px 0;border-top:1px solid var(--line)}.backup-block h3{font-size:13px;font-weight:550;margin:0}.backup-block p{font-size:11px;color:#929e87}.file-label{cursor:pointer;margin-top:15px}input[type="file"]{width:1px;height:1px;position:absolute;opacity:0}.field-hint{font-size:10px;color:#9ba58d}.delete-button{color:#ad8072}.modal-source-images{margin-top:20px}.modal-source-images summary{cursor:pointer;font-size:12px;color:#7b8c6c}.skip{position:fixed;left:260px;top:-80px;padding:10px;background:white;z-index:99}.skip:focus{top:8px}#toast{position:fixed;bottom:30px;left:calc(50% + 120px);transform:translateX(-50%) translateY(30px);background:#344d35;color:#fff;padding:12px 22px;border-radius:8px;box-shadow:0 5px 20px #223d2730;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:999;max-width:90vw}#toast.show{opacity:1;transform:translateX(-50%)}.noscript{margin-left:260px;padding:20px}[hidden]{display:none!important}
@media(min-width:1600px){main{padding-top:50px}.question-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1180px){.sidebar{width:210px;padding:28px 15px}.workspace{margin-left:210px}.brand{font-size:15px}.subject-name small{display:none}main{padding:32px 28px 15px}.topbar{padding:0 28px}.question-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro h1{font-size:25px}.overview{gap:10px}.metric{padding:16px}.metric-caption{font-size:8px}.mini-chart{display:none}.toolbar{flex-wrap:wrap}.search{max-width:none}.filter-controls{flex:1;justify-content:flex-end}.filter-controls select{flex:1}.metric-value{font-size:27px}}
@media(max-width:760px){.sidebar{position:relative;width:100%;height:auto;border-right:0;padding:18px 20px 0;border-bottom:1px solid #dce4d2;display:block}.brand{padding:0 0 18px;font-size:16px}.brand small{font-size:9px}.workspace-label,.sidebar-bottom,.nav-heading{display:none}#main-nav{position:absolute;top:22px;right:18px;display:flex;gap:3px}#main-nav .nav-item{font-size:0;padding:7px;gap:0;width:auto}#main-nav .nav-symbol{font-size:19px}#main-nav .count{font-size:8px;margin-left:4px}#subjects{display:flex;overflow:auto;gap:4px;padding:0 0 10px;scrollbar-width:thin}#subjects .nav-item{width:auto;white-space:nowrap;flex-shrink:0;font-size:11px;padding:6px 9px;gap:5px}#subjects .subject-icon{width:20px;height:20px;font-size:10px}#subjects .count{margin-left:1px}#subjects small{display:none}.workspace{margin-left:0}.topbar{height:55px;padding:0 20px}.top-actions{gap:5px}.local-label{display:none}.top-actions .icon-button{margin:0 6px}.breadcrumb{font-size:9px}main{padding:29px 20px 10px}.intro{gap:13px;align-items:flex-start;margin-bottom:22px}.eyebrow{font-size:7px;letter-spacing:1.5px}.intro h1{font-size:22px;letter-spacing:0;margin:8px 0}.intro h1 span{display:block}.intro p{font-size:10px;max-width:240px}.intro .button{font-size:10px;padding:8px 11px;margin-top:24px}.overview{grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:26px}.metric{min-height:102px;padding:13px 16px}.metric-label{font-size:9px}.metric-value{font-size:26px;margin:0}.metric-caption{font-size:8px}.section-heading h2{font-size:16px}.section-heading p{font-size:9px}.toolbar{gap:9px}.search{flex-basis:100%;padding:10px 12px}.filter-controls{width:100%;gap:6px}.filter-controls select{max-width:none;min-width:0;width:33.33%;font-size:9px;padding-left:8px}.status-tabs{gap:18px;margin-top:9px}.question-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--question-gap)}.card-main{padding:14px 12px 12px}.card-location{font-size:8px;margin-top:12px;gap:3px;flex-wrap:wrap}.question-card h3{font-size:12px;line-height:1.7}.question-preview{font-size:9px;line-height:1.9}.card-foot{padding:10px 12px;gap:5px;flex-wrap:wrap;font-size:8px}.subject-badge{font-size:8px;padding:2px 5px}.tag{font-size:7px;padding:1px 4px}.card-main .card-art{height:80px}.card-art svg{height:77px}.star{font-size:16px}.footer-right{display:none}.source-card{padding:15px;flex-wrap:wrap;gap:10px}.source-actions{width:100%;padding-left:51px}.source-info h3{font-size:12px}.source-info p{font-size:9px}.source-banner{font-size:10px}.source-platform{width:35px;height:35px}.detail-header{padding:20px}.detail-header h2{font-size:19px}.detail-content{padding:20px}.detail-question{font-size:13px}.photo-grid{grid-template-columns:repeat(3,1fr)}.photo-grid img{height:120px}.field-row{gap:10px}.source-bottom{flex-wrap:wrap}.detail-meta{gap:6px}.question-list .question-card .card-main{grid-template-columns:75px 1fr;padding:12px}#toast{left:50%;font-size:11px;width:max-content;max-width:90vw}dialog{padding:20px}.detail-dialog{padding:0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Keep compact metadata legible while preserving the notebook's quiet rhythm. */
.nav-item{font-size:13px}.workspace-label,.nav-heading{font-size:11px}.subject-name small{font-size:10px}.intro p{font-size:13px}.button{font-size:12px}.metric-label{font-size:12px}.metric-caption{font-size:11px}.section-heading p{font-size:12px}.search input,select{font-size:12px}.status-tabs button{font-size:12px}.subject-badge{font-size:11px}.card-location{font-size:11px;color:#7e8a73}.question-card h3{font-size:15px}.question-preview{font-size:12px;color:#7b876f}.tag{font-size:10px;color:#7d8b70}.card-foot{font-size:11px;color:#7e8c72}.state-pill{font-size:10px}.issue-label{font-size:10px}.source-info p{font-size:12px;color:#7b896e}.source-url{font-size:11px}.detail-label{font-size:11px}.explanation{font-size:14px;color:#627256}.detail-meta{font-size:12px}.detail-content textarea{font-size:13px}.trap{font-size:13px}.verification-note{font-size:12px}.sidebar-bottom{font-size:11px}.sidebar-bottom small{font-size:10px}
@media(max-width:760px){#subjects .nav-item{font-size:12px}.intro p{font-size:11px}.metric-label{font-size:11px}.metric-caption{font-size:10px}.search input,.filter-controls select{font-size:11px}.question-grid{grid-template-columns:1fr}.question-card h3{font-size:15px}.question-preview{font-size:12px}.card-main{padding:17px}.card-foot{padding:10px 17px}.card-main .card-art{height:115px}.card-art svg{height:110px}.subject-badge{font-size:11px}.card-location{font-size:11px}.status-tabs{gap:17px}.status-tabs button{font-size:11px}.top-actions .avatar{display:none}#main-nav .count{display:none}#main-nav .nav-item{padding:5px}#main-nav{right:14px}}
/* A complete exercise stays readable without browsing its source album. */
.question-source-label{font-size:11px;color:#6e7c64;margin:0 0 18px;line-height:1.8}.original-response{display:flex;gap:24px;flex-wrap:wrap;font-size:12px;color:#718367;padding:12px 15px;border:1px solid #e4e9db;border-radius:7px;margin-bottom:20px}.original-response>strong{color:#a67e55}.option-analysis h3{font-size:15px!important;margin:20px 0 12px!important}.option-table-wrap{overflow-x:auto;margin-bottom:24px}.option-analysis table{border-collapse:collapse;width:100%;font-size:12px;line-height:1.9;background:#fff}.option-analysis th,.option-analysis td{padding:13px 12px;border:1px solid #dbe4cf;vertical-align:top;text-align:left}.option-analysis thead th{background:#e6eddb;white-space:nowrap;color:#506540;font-weight:550}.option-analysis th[scope="row"]{width:31%;font-weight:500}.option-analysis td:nth-child(2){white-space:nowrap;width:56px}.option-analysis p{margin:0 0 8px}.option-analysis p:last-child{margin:0}.choice-letter{display:block;font-weight:700;color:#77915b;margin-bottom:5px}.option-analysis .correct-option{background:#e8f2df}.option-analysis .correct-option .choice-letter::after{content:' ✓ 正確答案';font-size:10px;font-weight:500}.question-evidence{display:block;margin-top:12px}.question-evidence img{display:block;width:100%;max-width:660px;border-radius:5px;border:1px solid #e0e5d7}.answer-panel .explanation{line-height:2.05}
@media(max-width:760px){.option-analysis th,.option-analysis td{padding:10px 8px;font-size:12px}.option-analysis th[scope="row"]{width:32%}.original-response{gap:12px}.detail-question{font-size:14px;line-height:2}.detail-content .explanation{font-size:14px}}
.reading-passage{border:1px solid #dfe7d7;background:#fafcf6;padding:18px 20px;border-radius:8px;margin:16px 0 24px}.reading-passage h3{font-size:12px;color:#738664;margin:0 0 10px}.reading-passage p{white-space:pre-wrap;font-size:14px;line-height:2.1;margin:0}.question-table{overflow:auto;margin:16px 0 24px}.question-table table{border-collapse:collapse;width:100%;font-size:13px}.question-table caption{text-align:left;color:#6d825d;margin-bottom:8px}.question-table th,.question-table td{border:1px solid #dce5d2;padding:10px;text-align:left}.question-table th{background:#eef3e6}.question-figure{margin:20px 0}.question-figure img{display:block;width:100%;max-height:420px;object-fit:contain;background:#fbfcf8;border-radius:8px}.question-figure figcaption{font-size:11px;color:#879578;margin-top:7px}
/* Exercises occupy the main workspace and have their own linkable route. */
.breadcrumb{display:flex;align-items:center;min-width:0;flex:1;gap:12px;font-size:11px;line-height:1.6}.breadcrumb span{padding:0;flex-shrink:0}.breadcrumb a{flex-shrink:0}.breadcrumb strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions{flex-shrink:0}.question-navigation{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.back-link{color:var(--green);font-size:14px;padding:6px 0}.permalink{font-size:12px;color:#7d8d70;text-decoration:underline;text-underline-offset:3px}.question-detail{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;outline:none}.question-detail .detail-header{padding:30px 36px}.question-detail .detail-header h1{font-weight:550;font-size:26px;line-height:1.6;margin:17px 0 7px}.question-detail .detail-content{padding:28px 36px}.question-detail .detail-question{font-size:17px}.question-detail .question-evidence img{max-width:100%;image-rendering:auto}.question-detail .answer-toggle{font-size:13px}.question-detail .reading-passage p{font-size:16px}.question-detail .explanation{font-size:15px}.question-card h3 a:focus-visible{outline-offset:4px}
@media(max-width:760px){.breadcrumb{gap:7px;font-size:10px}.breadcrumb>a:first-child{display:none}.breadcrumb>span:nth-child(2){display:none}.question-navigation{margin-bottom:16px}.question-detail .detail-header,.question-detail .detail-content{padding:20px}.question-detail .detail-header h1{font-size:21px}.question-detail .detail-question{font-size:15px}.question-detail .reading-passage p{font-size:14px}.permalink{font-size:11px}}
/* Keep every navigation item reachable on shorter desktop windows. */
@media(min-width:761px){.sidebar{overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#bbc8b0 transparent}.sidebar>*{flex-shrink:0}}
.favorite-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;min-height:46px;flex-shrink:0;border:2px solid #b28c3b;border-radius:9px;background:#fff9e8;color:#795a16;font-size:15px;font-weight:650;box-shadow:0 3px 9px #8f6c1912}.favorite-button.selected{background:#a77d24;border-color:#a77d24;color:white}.favorite-button:hover{filter:brightness(.96)}
@media(max-width:760px){.favorite-button{padding:9px 14px;font-size:13px;min-height:42px}.detail-header .dialog-heading{align-items:center}}

/* Compact list header; use the same spacing before and between exercises. */
.list-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.list-heading h1{font-size:26px;font-weight:550;line-height:1.5;margin:0}#question-tools{margin-bottom:var(--question-gap)}
@media(max-width:760px){.list-heading{margin-bottom:16px}.list-heading h1{font-size:22px}}
/* While reading, the subject navigation becomes a linked table of questions. */
.question-nav-link{line-height:1.7;overflow-wrap:anywhere;font-size:12px;padding:10px 12px}.question-nav-link.active{border-left:3px solid #6d8b5e;padding-left:9px}
@media(max-width:760px){.reading-question #subject-heading{display:flex;margin:0 0 7px}.reading-question #subjects.question-nav{max-height:160px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;overscroll-behavior:contain}.reading-question #subjects .question-nav-link{width:100%;white-space:normal;flex-shrink:0;font-size:12px;padding:7px 10px}.reading-question #subjects .question-nav-link.active{padding-left:7px}}
/* Icon-only marks: list rows show favorites; detail headers show both marks. */
.question-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.detail-actions .favorite-button,.detail-actions .doubt-button{display:inline-grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;line-height:1;color:#a1ab97}.detail-actions .favorite-button{font-size:48px;font-family:Arial,sans-serif;font-weight:400}.detail-actions .favorite-button:not(.selected){background:transparent;border:0;color:#a1ab97}.detail-actions .favorite-button.selected{background:transparent;border:0;color:#bf9b4b}.detail-actions .doubt-button.selected{color:#bf9b4b}.question-mark-icon{display:block;width:24px;height:34px;overflow:visible}.question-shape{fill:none;stroke:currentColor;stroke-width:45;stroke-linejoin:round}.question-highlight{display:none}.selected .question-shape{fill:currentColor;stroke:none}.selected .question-highlight{display:block;fill:#f4ce73}.selected .question-highlight:last-child{fill:#79ccbf}
@media(max-width:760px){.detail-actions{gap:6px}.detail-actions .favorite-button,.detail-actions .doubt-button{width:44px;height:44px;min-height:44px}}
/* Verification requests are visible alongside the question, before hidden answers. */
.review-request{border:1px solid #dfcf9e;border-radius:8px;background:#fffaf0;padding:20px 22px;margin:0 0 24px;color:#665a3c}.review-request-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.review-request h2{margin:0;font-size:19px;font-weight:600}.review-request-heading>span{font-size:12px;white-space:nowrap;color:#8d7745}.review-request ol{padding-left:24px;margin:16px 0;line-height:1.9;font-size:14px}.review-request li+li{margin-top:10px}.review-request h3{font-size:14px;margin:20px 0 10px}.review-excerpt{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:2;background:#fff;padding:16px;border:1px solid #e8dfc6;border-radius:6px}.review-source-link{display:inline-block;margin-top:16px;font-size:13px;text-decoration:underline;text-underline-offset:3px}.review-queue-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:18px;font-size:13px;color:var(--green)}.review-queue-links:empty{display:none}
@media(max-width:760px){.review-request{padding:16px}.review-request h2{font-size:17px}.review-request-heading{gap:8px}.review-request-heading>span{font-size:11px}.review-request ol,.review-excerpt{font-size:13px}.review-excerpt{padding:12px}}