/* Exam page styles — single owner.
 * Loaded after desktop-shell.css. Safe balanced extract.
 */

#desktop-manual-grading,#desktop-admin-manual-grading{position:fixed;inset:0 0 0 var(--desktop-left-width);z-index:82;overflow:auto;background:#091115;color:#eaf4f3}body.desktop-nav-collapsed :is(#desktop-manual-grading,#desktop-admin-manual-grading){left:0}.manual-grading-shell{width:min(960px,calc(100% - 48px));margin:0 auto;padding:42px 0 76px}.manual-grading-shell>header{display:flex;justify-content:space-between;gap:24px;padding-bottom:24px;border-bottom:1px solid rgba(125,185,181,.22)}.manual-grading-shell header span{color:#62d7c8;font-size:11px;font-weight:800;letter-spacing:.12em}.manual-grading-shell h1{margin:7px 0;font-size:30px}.manual-grading-shell header p{margin:0;color:#9fb9b8}.manual-grading-shell header a{height:max-content;padding:9px 13px;border:1px solid rgba(98,215,200,.35);border-radius:6px;color:#b9fff6;text-decoration:none}.manual-order-form,.manual-my-orders,.manual-admin-queue{margin-top:24px;padding:24px;border:1px solid rgba(125,185,181,.2);border-radius:10px;background:#101c21}.manual-order-form{display:grid;gap:16px}.manual-order-form label{display:grid;gap:7px;color:#c9d9d8;font-size:13px;font-weight:700}.manual-order-form :is(select,textarea,input){box-sizing:border-box;width:100%;padding:11px;border:1px solid rgba(135,178,175,.28);border-radius:6px;background:#091216;color:#eaf4f3;font:inherit}.manual-order-form textarea{min-height:112px;resize:vertical}.manual-order-form button,.manual-admin-order button{width:max-content;padding:10px 16px;border:0;border-radius:6px;background:#53d3c1;color:#06221f;font-weight:800;cursor:pointer}.manual-free-note{margin:0;color:#74e4d2}.manual-coming-soon{margin-top:28px;padding:36px 28px;border:1px solid rgba(125,185,181,.22);border-radius:12px;background:linear-gradient(165deg,#0d1a1f 0%,#101c21 55%,#0b1519 100%);text-align:left}.manual-coming-soon>span{display:block;color:#62d7c8;font-size:11px;font-weight:800;letter-spacing:.14em}.manual-coming-soon>strong{display:block;margin:10px 0 12px;font-size:28px;letter-spacing:.04em;color:#eaf4f3}.manual-coming-soon>p{margin:0 0 18px;max-width:42em;color:#9fb9b8;line-height:1.7}.manual-coming-soon ul{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px;padding:0;list-style:none}.manual-coming-soon li{padding:8px 12px;border:1px solid rgba(98,215,200,.28);border-radius:6px;color:#b9fff6;font-size:13px;font-weight:700}.manual-coming-soon a{display:inline-block;padding:10px 14px;border:1px solid rgba(98,215,200,.35);border-radius:6px;color:#b9fff6;text-decoration:none}.manual-order-form output,.manual-admin-order output{color:#9fe9df}.manual-my-orders h2{margin:0 0 14px}.manual-order,.manual-admin-order{margin-top:12px;padding:16px;border:1px solid rgba(125,185,181,.18);border-radius:8px;background:#0b1519}.manual-order>div,.manual-admin-order header{display:flex;justify-content:space-between;gap:10px}.manual-order span,.manual-admin-order header span{color:#8fa8a7;font-size:12px}.manual-order>p,.manual-admin-order>p{white-space:pre-wrap;line-height:1.65}.manual-order>b{color:#73e6d5;font-size:12px}.manual-order section{margin-top:12px;padding-top:12px;border-top:1px solid rgba(125,185,181,.16)}.manual-admin-order{display:grid;gap:12px}.manual-admin-order p,.manual-admin-order pre{margin:0;white-space:pre-wrap;font:inherit;line-height:1.65}.manual-admin-order textarea,.manual-admin-order input{box-sizing:border-box;width:100%;padding:10px;border:1px solid rgba(135,178,175,.28);border-radius:6px;background:#071014;color:#eaf4f3;font:inherit}.exam-manual-grading-link{margin-left:8px;color:#8ff0e2!important}@media(max-width:780px){#desktop-manual-grading,#desktop-admin-manual-grading{left:0}.manual-grading-shell{width:min(100% - 28px,960px);padding-top:24px}.manual-grading-shell>header{align-items:flex-start}.manual-grading-shell h1{font-size:24px}}
.manual-attachments{display:flex;flex-wrap:wrap;gap:8px}.manual-attachments button{padding:6px 9px;border:1px solid rgba(98,215,200,.28);border-radius:5px;background:#10252a;color:#aaf6ed;font-size:12px;cursor:pointer}

/* Framework training and mock exam share the same quiet desktop workspace as
   random practice.  They replace the mobile Taro surfaces on desktop, whose
   utility styles leak pale panels into dark mode. */
#desktop-framework-training,#desktop-mock-exam{position:fixed;inset:0 var(--desktop-right-width) 0 var(--desktop-left-width);z-index:82;overflow:auto;background:radial-gradient(760px 460px at 12% -12%,rgba(48,202,185,.12),transparent 60%),#091014;color:#e7f0ef}body.desktop-nav-collapsed :is(#desktop-framework-training,#desktop-mock-exam){left:0}.exam-workspace{width:min(980px,calc(100% - 64px));margin:0 auto;padding:44px 0 84px;box-sizing:border-box}.exam-workspace-head{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:18px;padding:0 0 24px;border-bottom:1px solid rgba(130,164,166,.2)}.exam-workspace-head>div span,.framework-panel-title span{display:block;color:#58d5c7;font-size:10px;font-weight:800;letter-spacing:.13em}.exam-workspace-head h1{margin:8px 0 7px;color:#f3f9f8;font-size:30px;line-height:1.18;letter-spacing:-.03em}.exam-workspace-head p{max-width:560px;margin:0;color:#94a9aa;font-size:13px;line-height:1.65}.exam-back-button{display:inline-flex;align-items:center;gap:5px;min-height:34px;margin-top:1px;padding:0 9px;border:1px solid rgba(127,165,164,.28);border-radius:7px;background:rgba(15,26,31,.72);color:#c5d7d6;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.exam-back-button:hover{border-color:#55d5c6;background:rgba(54,207,192,.11);color:#c7fff8}.exam-workspace-status{display:flex;align-items:center;gap:7px;margin-top:2px;padding:8px 10px;border:1px solid rgba(78,205,190,.22);border-radius:7px;background:rgba(43,181,168,.08);color:#9ef2e7;font-size:11px;font-weight:750;white-space:nowrap}.exam-workspace-status i{font-size:16px;color:#50d6c6}.framework-progress{display:flex;align-items:center;max-width:540px;margin:28px 0 18px}.framework-progress button{display:flex;align-items:center;gap:8px;padding:0;border:0;background:transparent;color:#718184;font:inherit;font-size:12px;font-weight:700;cursor:default}.framework-progress button b{display:grid;place-items:center;width:25px;height:25px;border:1px solid #344449;border-radius:50%;font-size:10px}.framework-progress button.is-active{color:#b8fff5}.framework-progress button.is-active b{border-color:#45d3c2;background:#39cbbb;color:#062725}.framework-progress>i{flex:1;height:1px;margin:0 10px;background:#26343a}.framework-panel,.mock-panel{margin-top:14px;padding:22px;border:1px solid rgba(127,160,163,.2);border-radius:11px;background:rgba(16,25,31,.92);box-shadow:0 14px 36px rgba(0,0,0,.1)}.framework-panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:15px}.framework-panel-title h2{margin:6px 0 0;color:#eef8f7;font-size:18px;letter-spacing:-.02em}.framework-panel-title small{padding-top:4px;color:#7f9395;font-size:11px}.framework-panel textarea{box-sizing:border-box;width:100%;min-height:132px;padding:14px;border:1px solid #2c3b42;border-radius:8px;background:#090f14;color:#e5f0ef;font:14px/1.72 inherit;resize:vertical}.framework-output textarea{min-height:250px}.framework-panel textarea:focus{outline:0;border-color:#41d0bf;box-shadow:0 0 0 3px rgba(65,208,191,.1)}.framework-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.exam-primary-button,.exam-secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:37px;padding:0 14px;border-radius:7px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.exam-primary-button{border:1px solid #44d1c0;background:#3bcdbc;color:#062725}.exam-primary-button:hover{background:#65dfd0}.exam-secondary-button{border:1px solid #34454b;background:#172128;color:#bdcfce}.exam-secondary-button:hover{border-color:#59cfc3;color:#d8fffa}.framework-tip{display:flex;align-items:center;gap:6px;color:#8aa0a1;font-size:11px}.framework-tip i{color:#5cd9cb;font-size:15px}.mock-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0 14px;padding:19px 22px;border:1px solid rgba(76,203,189,.23);border-radius:10px;background:linear-gradient(110deg,rgba(26,75,75,.4),rgba(15,26,31,.96) 66%)}.mock-intro span{display:block;color:#5cd7c9;font-size:10px;font-weight:800;letter-spacing:.11em}.mock-intro strong{display:block;margin:6px 0;color:#effaf9;font-size:17px}.mock-intro p{margin:0;color:#8fa6a7;font-size:12px}.mock-intro>i{font-size:38px;color:rgba(90,221,207,.7)}.mock-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mock-type{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:0 10px;min-height:68px;padding:12px;border:1px solid #2b3940;border-radius:8px;background:#0d151b;color:#dbe9e8;text-align:left;font:inherit;cursor:pointer}.mock-type>i{grid-row:span 2;display:grid;place-items:center;width:30px;height:30px;border-radius:6px;background:#1a2630;color:#9bb1b2;font-size:16px}.mock-type strong{font-size:13px}.mock-type small{margin-top:3px;color:#829697;font-size:10px}.mock-type>b{position:absolute;top:10px;right:10px;display:none;place-items:center;width:17px;height:17px;border-radius:50%;background:#40cdbc;color:#062725;font-size:11px}.mock-type.is-selected{border-color:rgba(68,211,194,.65);background:rgba(50,152,143,.13)}.mock-type.is-selected>i{background:rgba(54,204,188,.18);color:#7bf0e2}.mock-type.is-selected>b{display:grid}.mock-count-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.mock-count-options button{display:flex;align-items:baseline;justify-content:center;gap:3px;min-height:54px;border:1px solid #2d3b41;border-radius:7px;background:#0c1318;color:#a9bebf;font:inherit;cursor:pointer}.mock-count-options strong{font-size:17px}.mock-count-options span{font-size:11px}.mock-count-options button.is-selected{border-color:#41d0bf;background:#3dcbba;color:#062725}.mock-count-note{display:flex;align-items:center;gap:6px;margin-top:12px;color:#84999a;font-size:11px}.mock-count-note i{color:#5cd9cb;font-size:15px}.mock-start{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;margin-top:15px;border:0;border-radius:8px;background:#3ccdbc;color:#062725;font:inherit;font-size:14px;font-weight:850;cursor:pointer}.mock-start:hover{background:#66dfd1}.mock-start i{font-size:20px}.mock-start span{margin-left:5px;color:#176b63;font-size:11px;font-weight:700}
body.desktop-light :is(#desktop-framework-training,#desktop-mock-exam){background:radial-gradient(760px 460px at 12% -12%,rgba(47,184,171,.12),transparent 60%),#f4f8f8;color:#1d3032}body.desktop-light .exam-workspace-head{border-color:#d5e1e1}body.desktop-light .exam-workspace-head h1,body.desktop-light .framework-panel-title h2{color:#183036}body.desktop-light .exam-workspace-head p,body.desktop-light .framework-panel-title small,body.desktop-light .framework-tip,body.desktop-light .mock-count-note{color:#657c80}body.desktop-light .exam-back-button{border-color:#c9d9da;background:#fff;color:#395156}body.desktop-light .exam-workspace-status{background:#ecfbf8;color:#19796e}body.desktop-light .framework-progress button{color:#71868a}body.desktop-light .framework-progress button.is-active{color:#187b70}body.desktop-light .framework-progress>i{background:#d7e3e4}body.desktop-light :is(.framework-panel,.mock-panel){border-color:#d5e1e1;background:#fff;box-shadow:0 12px 32px rgba(28,62,66,.06)}body.desktop-light .framework-panel textarea{border-color:#cad9da;background:#fbfdfd;color:#22393c}body.desktop-light .exam-secondary-button{border-color:#cbdadb;background:#f3f7f7;color:#425a5e}body.desktop-light .mock-intro{border-color:#bfe4df;background:linear-gradient(110deg,#ecfaf8,#fff 66%)}body.desktop-light .mock-intro strong{color:#1c383b}body.desktop-light .mock-intro p,body.desktop-light .mock-type small{color:#71878a}body.desktop-light .mock-type{border-color:#d2e0e1;background:#fbfdfd;color:#294246}body.desktop-light .mock-type>i{background:#edf4f4;color:#628084}body.desktop-light .mock-count-options button{border-color:#d2e0e1;background:#fbfdfd;color:#577075}
@media(max-width:980px){#desktop-framework-training,#desktop-mock-exam{inset:0;position:absolute}.exam-workspace{width:min(100% - 28px,760px);padding:24px 0 48px}.exam-workspace-head{grid-template-columns:auto minmax(0,1fr)}.exam-workspace-status{display:none}.exam-workspace-head h1{font-size:25px}.mock-type-grid{grid-template-columns:1fr}.framework-progress{max-width:none}.framework-actions{align-items:stretch;flex-direction:column}.framework-actions .exam-primary-button{width:100%}.framework-tip{order:2}.mock-count-options{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Topic detail follows the same desktop rails as Broadcast. */
#desktop-exam-topic-detail {
  background:#0b0c0f;
}

/* Question detail: preserve the native interactions, while making the working
   sequence read as one calm study surface instead of a stack of equal cards. */
@media (min-width:981px) {
  body.desktop-dark.route-exam-detail #app .min-h-screen,
  body.desktop-dark.route-exam-detail #app .min-h-screen.desktop-exam-detail-page {
    padding:28px clamp(36px,4vw,72px) 92px !important;
    background:linear-gradient(180deg,#0b1115 0,#090c10 340px) !important;
  }

  body.desktop-dark.route-exam-detail #app .min-h-screen > .px-4 {
    width:min(960px,100%) !important;
  }

  body.desktop-dark.route-exam-detail #app .min-h-screen > .px-4.flex.flex-col {
    gap:14px !important;
  }

  body.desktop-dark.route-exam-detail #app .min-h-screen > .px-4.flex.flex-col > div,
  body.desktop-dark.route-exam-detail #app .min-h-screen > .px-4.flex.flex-col > section {
    border-color:rgba(113,151,157,.24) !important;
    background:#10181d !important;
  }

  body.desktop-dark.route-exam-detail #app .min-h-screen > .px-4.flex.flex-col > div:nth-child(2) {
    border-color:rgba(80,185,171,.34) !important;
    background:linear-gradient(145deg,rgba(18,34,39,.98),#10171c 60%) !important;
    box-shadow:0 18px 38px rgba(0,0,0,.13) !important;
  }

  body.desktop-dark.route-exam-detail #app .min-h-screen > .px-4.flex.flex-col > div:nth-child(2) > div:first-child {
    padding:28px 30px 24px !important;
    border-bottom-color:rgba(114,158,160,.2) !important;
  }

  body.desktop-dark.route-exam-detail #app .desktop-exam-detail-meta {
    display:inline-flex !important;
    width:max-content;
    margin-bottom:13px !important;
    padding:5px 8px;
    border:1px solid rgba(61,211,193,.24);
    border-radius:4px;
    background:rgba(53,214,197,.08);
    color:#62dfd1 !important;
    font-size:10px !important;
    letter-spacing:.08em !important;
  }

  body.desktop-dark.route-exam-detail #app .min-h-screen > .px-4.flex.flex-col > div:nth-child(2) > div:last-child {
    grid-template-columns:112px repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
    padding:17px 30px 20px !important;
  }

  body.desktop-dark.route-exam-detail #app .min-h-screen > .px-4.flex.flex-col > div:nth-child(2) > div:last-child > :first-child {
    color:#93a8aa !important;
    font-size:12px !important;
    font-weight:750 !important;
  }

  body.desktop-dark.route-exam-detail #app .min-h-screen > .px-4.flex.flex-col > div:nth-child(2) > div:last-child button {
    min-height:38px !important;
    border-color:rgba(109,151,155,.31) !important;
    background:rgba(16,29,35,.78) !important;
    color:#b7c8ca !important;
    font-size:12px !important;
    transition:border-color .16s ease,background .16s ease,color .16s ease !important;
  }

  body.desktop-dark.route-exam-detail #app .min-h-screen > .px-4.flex.flex-col > div:nth-child(2) > div:last-child button:hover,
  body.desktop-dark.route-exam-detail #app .min-h-screen > .px-4.flex.flex-col > div:nth-child(2) > div:last-child button[aria-pressed="true"],
  body.desktop-dark.route-exam-detail #app .min-h-screen > .px-4.flex.flex-col > div:nth-child(2) > div:last-child button[class*="bg-teal"],
  body.desktop-dark.route-exam-detail #app .min-h-screen > .px-4.flex.flex-col > div:nth-child(2) > div:last-child button[class*="text-white"] {
    border-color:#44d1bf !important;
    background:rgba(43,143,133,.24) !important;
    color:#d9fffa !important;
  }

  body.desktop-dark.route-exam-detail #app .min-h-screen > .px-4.flex.flex-col > div:nth-child(3) {
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    min-height:86px;
    padding:18px 22px !important;
    border-color:rgba(74,188,176,.27) !important;
    background:linear-gradient(90deg,rgba(17,43,43,.78),rgba(14,23,28,.96) 64%) !important;
  }

  body.desktop-dark.route-exam-detail #app .min-h-screen > .px-4.flex.flex-col > div:nth-child(3) button {
    min-height:36px !important;
    padding:0 16px !important;
    background:#36cdbd !important;
    color:#062322 !important;
  }

  body.desktop-dark.route-exam-detail #app .min-h-screen > .px-4.flex.flex-col > div:nth-child(n+4) {
    border-color:rgba(102,132,144,.22) !important;
    background:#0e151a !important;
  }

  body.desktop-dark.route-exam-detail #app textarea {
    min-height:154px !important;
    background:#0a0f14 !important;
  }

  body.desktop-dark.route-exam-detail #desktop-contextbar .people-feature {
    min-height:0 !important;
    padding:20px !important;
    border-bottom-color:rgba(114,151,154,.19) !important;
  }

  body.desktop-dark.route-exam-detail #desktop-contextbar .people-feature-stats {
    gap:7px !important;
    margin-top:18px !important;
  }

  body.desktop-dark.route-exam-detail #desktop-contextbar .people-feature-stats span {
    padding:11px 7px !important;
    border-color:rgba(62,195,180,.28) !important;
    background:rgba(14,34,34,.72) !important;
  }

  body.desktop-dark.route-exam-detail #desktop-contextbar .people-feature-stats b {
    margin-bottom:3px !important;
    font-size:17px !important;
  }

  body.desktop-dark.route-exam-detail #desktop-contextbar .people-rank-card {
    margin:16px 12px 24px !important;
    border:1px solid rgba(111,145,150,.2) !important;
    background:#10181d !important;
  }
}

/* School dashboard: calmer contrast and progressive disclosure for yearly papers. */
#desktop-exam-school-detail { background:radial-gradient(800px 420px at 92% -8%,rgba(49,175,190,.14),transparent 62%),#081116 !important; color:#eaf4f4 !important; }
#desktop-exam-school-detail .school-dashboard-shell {
  width:100%;
  max-width:none;
  margin:0;
  padding:36px clamp(24px,2.4vw,40px) 48px;
  box-sizing:border-box;
}
#desktop-exam-school-detail .school-dashboard-hero { border-color:rgba(126,218,218,.22) !important; background:linear-gradient(120deg,rgba(18,45,55,.88),rgba(12,21,29,.88)) !important; box-shadow:0 18px 50px rgba(0,0,0,.16); }
#desktop-exam-school-detail :is(.school-dashboard-overview,.school-dashboard-grid > article,.school-year-question-panel,.school-detail-stats article,.school-dashboard-empty) { border-color:rgba(139,204,205,.18) !important; background:rgba(16,31,39,.88) !important; box-shadow:none !important; }
#desktop-exam-school-detail :is(.school-dashboard-overview,.school-dashboard-grid > article,.school-year-question-panel,.school-dashboard-empty) { border-radius:12px !important; }
#desktop-exam-school-detail .school-dashboard-hero h1,#desktop-exam-school-detail :is(h2,h3,strong) { color:#eefcfb !important; }
#desktop-exam-school-detail :is(p,small,span,em) { color:#a9c0c2 !important; }
#desktop-exam-school-detail .school-word-cloud a { border-color:rgba(91,225,210,.22) !important; background:rgba(45,153,151,.11) !important; color:#b9fff4 !important; }
#desktop-exam-school-detail .school-year-heatmap a { border-radius:9px !important; background:rgba(25,50,60,.56) !important; }
#desktop-exam-school-detail .school-year-heatmap a:hover { background:rgba(43,121,124,.38) !important; }
#desktop-exam-school-detail .school-year-questions > a { border-color:rgba(129,202,205,.16) !important; background:rgba(7,16,22,.48) !important; }
#desktop-exam-school-detail .school-year-questions > a:hover { border-color:rgba(91,234,215,.56) !important; background:rgba(31,90,90,.19) !important; }
#desktop-exam-school-detail .school-year-question-list > article.is-year-hidden { display:none; }
#desktop-exam-school-detail .school-year-question-panel.is-all-years-open .school-year-question-list > article.is-year-hidden { display:block; animation:schoolYearReveal .22s ease both; }
#desktop-exam-school-detail .school-year-reveal { display:inline-flex; align-items:center; gap:5px; min-height:34px; padding:0 12px; border:1px solid rgba(103,231,216,.38); border-radius:9px; background:rgba(47,172,161,.12); color:#a8fff2; font-size:11px; font-weight:700; }
#desktop-exam-school-detail .school-year-reveal:hover { background:rgba(47,172,161,.23); border-color:#75f1df; }

/* Empty school: one compact CTA instead of four tall blank chart cards. */
#desktop-exam-school-detail .school-dashboard-empty {
  display:grid;
  gap:12px;
  margin-top:16px;
  padding:28px 24px;
  border:1px solid rgba(139,204,205,.18);
  justify-items:start;
}
#desktop-exam-school-detail .school-dashboard-empty strong {
  color:#eefcfb !important;
  font-size:18px;
  letter-spacing:-0.02em;
}
#desktop-exam-school-detail .school-dashboard-empty p {
  max-width:560px;
  margin:0;
  color:#9bb4b6 !important;
  font-size:13px;
  line-height:1.7;
}
#desktop-exam-school-detail .school-dashboard-empty nav {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:6px;
}
#desktop-exam-school-detail .school-dashboard-empty a {
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 14px;
  border:1px solid rgba(103,231,216,.34);
  border-radius:8px;
  background:rgba(47,172,161,.12);
  color:#b8fff3 !important;
  font-size:12px;
  font-weight:700;
  text-decoration:none;
}
#desktop-exam-school-detail .school-dashboard-empty a:hover {
  border-color:#75f1df;
  background:rgba(47,172,161,.22);
}
#desktop-exam-school-detail .school-chart-empty,
#desktop-exam-school-detail .topic-detail-empty {
  display:grid;
  place-items:center;
  min-height:72px !important;
  margin-top:14px;
  padding:18px 14px !important;
  border:1px dashed rgba(139,204,205,.22);
  border-radius:8px;
  background:rgba(7,16,22,.35);
  color:#8aa3a5 !important;
  text-align:center;
  font-size:12px;
  line-height:1.55;
}
#desktop-exam-school-detail .school-year-heatmap:has(.school-chart-empty),
#desktop-exam-school-detail .school-metric-bars:has(.school-chart-empty),
#desktop-exam-school-detail .school-topic-rank:has(.school-chart-empty),
#desktop-exam-school-detail .school-word-cloud:has(.school-chart-empty) {
  min-height:0 !important;
  margin-top:8px;
  padding:0;
  align-items:stretch;
}
#desktop-exam-school-detail .school-dashboard-grid > article {
  min-height:0;
}
#desktop-exam-school-detail .school-year-heatmap {
  min-height:150px;
}
@keyframes schoolYearReveal { from { opacity:0; transform:translateY(-8px); } to { opacity:1; transform:none; } }
@media (max-width:900px) {
  #desktop-exam-school-detail .school-dashboard-shell { width:100%; padding:24px 16px 40px; }
  #desktop-exam-school-detail .school-year-question-panel > header { align-items:flex-start; flex-wrap:wrap; }
}

@media (min-width:981px) {
  /* Native question-detail sections use different utility wrappers.  Keep every
     direct working section on the same reading column, including reflection. */
  body.desktop-dark.route-exam-detail #app .min-h-screen > :is(div,section) {
    width:min(920px,100%) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box !important;
  }

  /* The reflection block contains another mobile-width wrapper. Flatten that
     wrapper on desktop so it lands on the same 920px reading rail as the task. */
  body.desktop-dark.route-exam-detail #app .min-h-screen > .px-4.flex.flex-col > div:nth-child(n+4) > :is(div,section) {
    width:100% !important;
    max-width:none !important;
    margin-right:0 !important;
    margin-left:0 !important;
    box-sizing:border-box !important;
  }

  body.desktop-dark.route-exam-detail #app .min-h-screen > .px-4.flex.flex-col > div:nth-child(n+4) {
    margin-top:0 !important;
  }

  body.desktop-dark.route-exam-detail #app .min-h-screen > .px-4.flex.flex-col > div:nth-child(6) {
    margin-top:18px !important;
  }

  /* A writing task needs an unobstructed reading and ranking area. */
  body.desktop-dark.route-exam-detail #pixel-cat-pet { display:none !important; }

  #desktop-exam-topic-detail .topic-detail-shell {
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:54px clamp(28px,3.2vw,64px) 76px !important;
    box-sizing:border-box;
  }

  #desktop-exam-topic-detail .topic-detail-head {
    min-height:0;
    margin:0 0 22px;
    padding:0 0 22px;
    border:0;
    border-bottom:1px solid #24272d;
    border-radius:0;
    background:transparent;
  }

  /* Give the cloud a full rail: its visual hierarchy needs space. */
  #desktop-exam-topic-detail .topic-detail-command {
    grid-template-columns:1fr;
  }

  #desktop-exam-topic-detail .topic-detail-cloud {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:14px 20px;
    min-height:268px;
    margin-top:14px;
    padding:18px 10px;
  }

  #desktop-exam-topic-detail .topic-detail-cloud a {
    display:inline-flex;
    flex:0 0 auto;
    min-height:0;
    padding:4px 7px;
    border:0;
    border-radius:4px;
    background:transparent;
    color:#aebdc2;
  }

  #desktop-exam-topic-detail .topic-detail-cloud a:hover {
    background:rgba(53,214,197,.12);
    color:#eafffb;
  }

  #desktop-exam-topic-detail .topic-detail-cloud span {
    overflow:visible;
    font-size:16px;
    font-weight:720;
    line-height:1.1;
    text-overflow:clip;
    white-space:normal;
  }

  #desktop-exam-topic-detail .topic-detail-cloud strong { display:none; }
  #desktop-exam-topic-detail .topic-detail-cloud .level-0 { color:#35d6c5; background:rgba(53,214,197,.08); }
  #desktop-exam-topic-detail .topic-detail-cloud .level-0 span { font-size:34px; font-weight:880; }
  #desktop-exam-topic-detail .topic-detail-cloud .level-1 { color:#72f0b1; }
  #desktop-exam-topic-detail .topic-detail-cloud .level-1 span { font-size:27px; font-weight:840; }
  #desktop-exam-topic-detail .topic-detail-cloud .level-2 { color:#72d8e9; }
  #desktop-exam-topic-detail .topic-detail-cloud .level-2 span { font-size:22px; font-weight:800; }
  #desktop-exam-topic-detail .topic-detail-cloud .level-3 { color:#b2b7e8; }
  #desktop-exam-topic-detail .topic-detail-cloud .level-3 span { font-size:19px; }
  #desktop-exam-topic-detail .topic-detail-cloud .level-4,
  #desktop-exam-topic-detail .topic-detail-cloud .level-5 { color:#87939b; background:transparent; }
  #desktop-exam-topic-detail .topic-detail-cloud .level-4 span { font-size:17px; }
  #desktop-exam-topic-detail .topic-detail-cloud .level-5 span { font-size:15px; }
}

/* Match Broadcast's full workspace rail on question detail.  The former
 * 920px cap was appropriate for a reading view, but leaves a large unused
 * strip on wide desktop screens beside the context panel. */
@media (min-width:981px) {
  body.desktop-dark.route-exam-detail #app .min-h-screen > :is(div,section),
  body.desktop-dark.route-exam-detail #app .min-h-screen > .px-4 {
    width:100% !important;
    max-width:none !important;
  }
}



#desktop-exam-list {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:40;
	display:block !important;
	visibility:visible !important;
	opacity:1 !important;
	overflow-y:auto;
	box-sizing:border-box;
  min-height:100vh;
  padding:32px 28px 64px calc(var(--desktop-left-width) + 28px);
  background:#0f1115;
  color:#f4f6f8;
}
.route-has-context #desktop-exam-list { right:var(--desktop-right-width); }
.route-has-context.context-collapsed #desktop-exam-list { right:0; }
.desktop-nav-collapsed #desktop-exam-list { padding-left:96px; }
@media (max-width:980px) {
  #desktop-exam-list { right:0 !important; padding:24px 16px 72px; }
  .desktop-exam-list-head { display:block; }
  .desktop-exam-list-head nav { margin-top:14px; flex-wrap:wrap; }
  .desktop-exam-list-toolbar { grid-template-columns:1fr 1fr; }
  .desktop-exam-list-toolbar label { grid-column:1 / -1; }
}

#desktop-exam-hub,#desktop-exam-topics,#desktop-exam-schools { position:fixed; inset:0 var(--desktop-right-width) 0 var(--desktop-left-width); z-index:82; overflow-y:auto; box-sizing:border-box; background:#09090b; color:#ecebf0; }
body.desktop-nav-collapsed #desktop-exam-hub,body.desktop-nav-collapsed #desktop-exam-topics,body.desktop-nav-collapsed #desktop-exam-schools { left:0; } body.context-collapsed #desktop-exam-hub,body.context-collapsed #desktop-exam-topics,body.context-collapsed #desktop-exam-schools { right:0; }
#desktop-exam-hub *,#desktop-exam-topics *,#desktop-exam-schools * { box-sizing:border-box; } #desktop-exam-hub a,#desktop-exam-topics a,#desktop-exam-schools a { color:inherit; text-decoration:none; }
body.desktop-light #desktop-exam-hub,body.desktop-light #desktop-exam-topics,body.desktop-light #desktop-exam-schools,body.desktop-light #desktop-exam-447-analysis { background:#f8fafc; color:#222b35; }
@media (max-width:900px) { #desktop-exam-447-analysis { inset:0; }.exam-start,.exam-start-redesign,.exam-analysis-grid,.exam-topic-library-grid,.exam-topic-library-history,.school-bank-toolbar,.school-bank-grid { grid-template-columns:1fr; }.exam-history-panel div { grid-template-columns:1fr; }.exam-analysis-grid a { border-right:0; border-bottom:1px solid #292930; }.exam-topic-grid { grid-template-columns:1fr 1fr; }.exam-mode-grid { grid-template-columns:1fr; }.exam-hub-shell { width:min(100% - 32px,680px); padding-top:32px; }.exam-hub-head { align-items:flex-start; flex-direction:column; } }
#desktop-exam-papers { position:fixed; inset:0 var(--desktop-right-width) 0 var(--desktop-left-width); z-index:82; overflow-y:auto; box-sizing:border-box; background:#09090b; color:#ecebf0; }
body.desktop-nav-collapsed #desktop-exam-papers { left:0; } body.context-collapsed #desktop-exam-papers { right:0; }
#desktop-exam-papers * { box-sizing:border-box; } #desktop-exam-papers a { color:inherit; text-decoration:none; }
#desktop-exam-topic-dashboard,#desktop-exam-447-analysis { position:fixed; inset:0 var(--desktop-right-width) 0 var(--desktop-left-width); z-index:82; overflow-y:auto; box-sizing:border-box; background:#09090b; color:#ecebf0; }
body.desktop-nav-collapsed #desktop-exam-topic-dashboard,body.desktop-nav-collapsed #desktop-exam-447-analysis { left:0; } body.context-collapsed #desktop-exam-topic-dashboard,body.context-collapsed #desktop-exam-447-analysis { right:0; }
#desktop-exam-topic-dashboard *,#desktop-exam-447-analysis * { box-sizing:border-box; } #desktop-exam-topic-dashboard a,#desktop-exam-447-analysis a { color:inherit; text-decoration:none; }
#desktop-exam-theory-schools { position:fixed; inset:0 var(--desktop-right-width) 0 var(--desktop-left-width); z-index:82; overflow-y:auto; box-sizing:border-box; background:#09090b; color:#ecebf0; }
body.desktop-nav-collapsed #desktop-exam-theory-schools { left:0; } body.context-collapsed #desktop-exam-theory-schools { right:0; }
#desktop-exam-theory-schools * { box-sizing:border-box; } #desktop-exam-theory-schools a { color:inherit; text-decoration:none; }
#desktop-exam-school-detail { position:fixed; inset:0 var(--desktop-right-width) 0 var(--desktop-left-width); z-index:82; overflow-y:auto; background:#09090b; color:#ecebf0; }
body.desktop-nav-collapsed #desktop-exam-school-detail { left:0; }
body.context-collapsed #desktop-exam-school-detail { right:0; }
#desktop-exam-topic-detail { position:fixed; inset:0 var(--desktop-right-width) 0 var(--desktop-left-width); z-index:82; overflow-y:auto; background:#09090b; color:#ecebf0; }
body.desktop-nav-collapsed #desktop-exam-topic-detail { left:0; }
body.context-collapsed #desktop-exam-topic-detail { right:0; }
body.desktop-light #desktop-exam-papers { background:#f3f7fb; color:#202937; }
body.desktop-light #desktop-exam-topic-dashboard { background:#f3f7fb; color:#202937; }
@media print { #desktop-exam-papers { position:static; overflow:visible; background:#fff !important; color:#111 !important; }.exam-paper-shell { width:100%; padding:0 0 34px; }.exam-paper-head > button,.exam-paper-toolbar,.exam-paper-question-head button { display:none !important; }.exam-paper-section { break-inside:auto; border-color:#d7d7d7 !important; background:#fff !important; }.exam-paper-question { break-inside:avoid; }.exam-paper-footer { position:fixed; right:0; bottom:0; left:0; padding:8px 0; border:0; background:#fff; color:#777; } }
#desktop-exam-papers .exam-paper-toolbar { margin:30px 0 24px; padding:16px 20px; font-size:15px; }
#desktop-exam-papers .exam-paper-toolbar button { padding:10px 15px; font-size:14px; }
#desktop-exam-papers .exam-paper-recurrence-total { display:inline-flex; align-items:center; margin-left:12px; padding:5px 8px; border:1px solid rgba(112,181,162,.42); border-radius:5px; background:rgba(51,129,111,.13); color:#9ee9d7; font-size:11px; font-weight:700; }
#desktop-exam-papers .exam-paper-card-recurrence { display:inline-flex; align-items:center; width:max-content; margin-top:10px; padding:4px 7px; border:1px solid rgba(112,181,162,.35); border-radius:4px; background:rgba(51,129,111,.12); color:#9ee9d7; font-size:10px; font-style:normal; font-weight:700; }
body.desktop-light #desktop-exam-papers :is(.exam-paper-recurrence-total,.exam-paper-card-recurrence) { border-color:#8bbcaf; background:#edf8f5; color:#297d6d; }
#desktop-exam-papers .exam-paper-section { margin-top:30px; }
#desktop-exam-papers .exam-paper-section h2 { padding:18px 22px; font-size:20px; }
#desktop-exam-papers .exam-paper-section h2 small { font-size:13px; }
#desktop-exam-papers .exam-paper-question { padding:24px 22px 27px; }
#desktop-exam-papers .exam-paper-question-head > span { width:31px; height:31px; font-size:14px; }
#desktop-exam-papers .exam-paper-question-head button { padding:8px 12px; font-size:13px; }
#desktop-exam-papers .exam-paper-question-head > div { display:flex; align-items:center; gap:9px; }
#desktop-exam-papers .exam-paper-recurrence { display:inline-flex; align-items:center; min-height:28px; padding:0 9px; border:1px solid rgba(112,181,162,.42); border-radius:5px; background:rgba(51,129,111,.13); color:#9ee9d7; font-size:11px; font-weight:700; white-space:nowrap; }
body.desktop-light #desktop-exam-papers .exam-paper-recurrence { border-color:#8bbcaf; background:#edf8f5; color:#297d6d; }
@media (max-width:620px) { #desktop-exam-papers .exam-paper-question-head { align-items:flex-start; }.exam-paper-question-head > div { align-items:flex-end !important; flex-direction:column; } #desktop-exam-papers .exam-paper-recurrence { font-size:10px; } }
#desktop-exam-papers .exam-paper-question > p { margin-top:16px; font-size:19px; font-weight:500; line-height:1.9; letter-spacing:0; }
#desktop-exam-papers .exam-paper-answer { margin-top:20px; padding:17px 20px; font-size:16px; line-height:1.9; }
#desktop-exam-hub,
#desktop-exam-topics,
#desktop-exam-schools,
#desktop-exam-papers,
#desktop-exam-topic-dashboard,
#desktop-exam-theory-schools {
  background:#0b0c0f;
}
#desktop-exam-hub .exam-hub-shell,
#desktop-exam-topics .exam-hub-shell,
#desktop-exam-schools .exam-hub-shell,
#desktop-exam-papers .exam-paper-shell,
#desktop-exam-topic-dashboard .topic-dash-shell,
#desktop-exam-theory-schools .topic-dash-shell {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:46px clamp(28px,4vw,58px) 72px !important;
}
#desktop-exam-hub .exam-hub-head,
#desktop-exam-topics .exam-hub-head,
#desktop-exam-schools .exam-hub-head,
#desktop-exam-papers .exam-paper-head,
#desktop-exam-topic-dashboard .topic-dash-head,
#desktop-exam-theory-schools .topic-dash-head {
  min-height:112px !important;
  margin:0 0 22px !important;
  padding:0 0 22px !important;
  border-bottom-color:#24272d !important;
}
#desktop-exam-hub .exam-hub-head h1,
#desktop-exam-topics .exam-hub-head h1,
#desktop-exam-schools .exam-hub-head h1,
#desktop-exam-papers .exam-paper-head h1,
#desktop-exam-topic-dashboard .topic-dash-head h1,
#desktop-exam-theory-schools .topic-dash-head h1 {
  font-size:28px !important;
}
#desktop-exam-hub .exam-hub-head p,
#desktop-exam-topics .exam-hub-head p,
#desktop-exam-schools .exam-hub-head p,
#desktop-exam-papers .exam-paper-head p,
#desktop-exam-topic-dashboard .topic-dash-head p,
#desktop-exam-theory-schools .topic-dash-head p {
  max-width:760px;
  color:#9ca1ad !important;
}
#desktop-exam-schools .school-bank-toolbar {
  grid-template-columns:minmax(300px,.7fr) minmax(420px,1.3fr);
  gap:14px;
  margin-top:18px;
}
#desktop-exam-schools .school-bank-toolbar label {
  height:46px;
}
#desktop-exam-schools .school-bank-grid {
  grid-template-columns:1fr;
  gap:9px;
}
#desktop-exam-schools .school-bank-card {
  grid-template-columns:42px minmax(0,1fr) 104px 22px;
  min-height:86px;
  padding:15px 18px;
}
#desktop-exam-schools .school-bank-card > i {
  width:32px;
  height:32px;
  border-radius:5px;
  background:#24313a;
  color:#d9dde6;
  font-size:12px;
  line-height:1;
  text-shadow:none;
}
#desktop-exam-schools .school-bank-card:nth-child(-n+3) > i {
  background:linear-gradient(135deg,#35d6c5,#65d2a9);
  color:#07110f;
  box-shadow:0 0 0 1px rgba(53,214,197,.24),0 8px 20px rgba(53,214,197,.16);
}
#desktop-exam-schools .school-bank-card strong {
  overflow:visible;
  color:#f1f3f6;
  font-size:16px;
  line-height:1.45;
  white-space:normal;
  word-break:keep-all;
  overflow-wrap:anywhere;
}
#desktop-exam-schools .school-bank-card span {
  color:#9298a5;
  font-size:12px;
}
#desktop-exam-schools .school-bank-card .school-admission-meta { display:block; margin-top:6px; color:#6ed8ca; font-size:11px; letter-spacing:.02em; }
#desktop-exam-schools .school-bank-card p {
  height:4px;
  margin-top:11px;
  background:#242936;
}
#desktop-exam-schools .school-bank-card mark {
  color:#e7e9ef;
  font-size:17px;
}
#desktop-exam-schools .school-bank-card mark small {
  color:#9ba3af;
}
#desktop-exam-topic-dashboard .topic-dash-toolbar {
  margin-top:18px;
}
#desktop-exam-topic-dashboard .topic-dash-overview {
  margin-top:14px;
  padding:16px 18px;
}
#desktop-exam-topic-dashboard .topic-dash-row {
  min-height:90px;
  padding:14px 18px;
}
#desktop-exam-topic-dashboard .topic-dash-row footer {
  flex-wrap:wrap;
  row-gap:6px;
}
#desktop-exam-topic-dashboard .topic-dash-row footer em {
  color:#b4bac6;
}
#desktop-exam-theory-schools .theory-school-shell {
  width:100% !important;
}
#desktop-exam-theory-schools .theory-old-table-head,
#desktop-exam-theory-schools .theory-old-table-row {
  grid-template-columns:56px minmax(220px,1.8fr) 92px 110px minmax(110px,.8fr);
}
#desktop-exam-theory-schools .theory-old-table-row {
  min-height:42px;
}
#desktop-exam-theory-schools .theory-old-table-row strong,
#desktop-exam-theory-schools .theory-old-card header strong {
  overflow:visible;
  white-space:normal;
  word-break:keep-all;
  overflow-wrap:anywhere;
}
#desktop-exam-papers .exam-paper-picker {
  align-items:center;
  margin:18px 0 18px;
  padding:14px 16px;
  border:1px solid #262b33;
  border-radius:6px;
  background:#121419;
}
#desktop-exam-papers .exam-paper-picker select {
  min-width:min(520px,52vw);
  height:44px;
  background:#0f1116;
  font-size:15px;
}
#desktop-exam-papers .exam-paper-grid {
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:12px;
}
#desktop-exam-papers .exam-paper-grid button {
  min-height:128px;
  padding:16px 18px;
}
#desktop-exam-papers .exam-paper-question > p {
  color:#f3f4f7;
  font-size:18px;
  line-height:1.85;
}
#desktop-exam-papers .exam-paper-section {
  background:#111318;
}
#desktop-exam-papers .exam-paper-question {
  border-bottom-color:#252a32;
}
body.desktop-light #desktop-exam-hub,
body.desktop-light #desktop-exam-topics,
body.desktop-light #desktop-exam-schools,
body.desktop-light #desktop-exam-papers,
body.desktop-light #desktop-exam-topic-dashboard,
body.desktop-light #desktop-exam-447-analysis,
body.desktop-light #desktop-exam-theory-schools {
  background:#f6f8fb;
}
body.desktop-light #desktop-exam-schools .school-bank-card > i {
  background:#e9eef4;
  color:#46505c;
  box-shadow:none;
}
body.desktop-light #desktop-exam-schools .school-bank-card:nth-child(-n+3) > i {
  background:linear-gradient(135deg,#35d6c5,#6be0ba);
  color:#05211d;
}

/* Full-paper reading mode: the application stays dark, while the actual
   question area reads as a single printed examination sheet. */
#desktop-exam-papers .exam-paper-shell { max-width:1280px !important; overflow-x:auto; padding-bottom:22px; }
#desktop-exam-papers .exam-paper-sheet {
  position:relative;
  isolation:isolate;
  width:794px;
  min-width:794px;
  margin:28px auto 0;
  padding:56px clamp(34px,6vw,76px) 30px;
  background:#fffefa;
  color:#20201d;
  box-shadow:0 18px 48px rgba(0,0,0,.28);
}
#desktop-exam-papers .exam-paper-watermark {
  position:absolute;
  top:50%;
  left:50%;
  z-index:0;
  width:min(38vw,320px);
  height:auto;
  transform:translate(-50%,-50%);
  opacity:.095;
  pointer-events:none;
  user-select:none;
}
#desktop-exam-papers .exam-paper-sheet > :not(.exam-paper-watermark) { position:relative; z-index:1; }
#desktop-exam-papers .exam-paper-sheet-title {
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:0 0 24px;
  border-bottom:2px solid #292825;
  text-align:center;
}
#desktop-exam-papers .exam-paper-sheet-title span {
  color:#717068;
  font-size:10px;
  font-weight:700;
  letter-spacing:.14em;
}
#desktop-exam-papers .exam-paper-sheet-title strong {
  margin:13px 0 9px;
  color:#161614;
  font-family:STSong,"Songti SC","SimSun",serif;
  font-size:25px;
  font-weight:700;
  line-height:1.42;
}
#desktop-exam-papers .exam-paper-sheet-title small { color:#53514b; font-size:14px; }
#desktop-exam-papers .exam-paper-sheet .exam-paper-toolbar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:0;
  padding:14px 0;
  border:0;
  border-bottom:1px solid #d3d0c7;
  background:transparent;
  color:#66635c;
  font-size:12px;
}
#desktop-exam-papers .exam-paper-sheet .exam-paper-toolbar > div { display:flex; gap:8px; }
#desktop-exam-papers .exam-paper-head-actions { display:flex; align-items:center; gap:8px; }
#desktop-exam-papers .exam-paper-head-actions > button { min-height:34px; padding:0 11px; border:1px solid #3e4544; border-radius:3px; background:#121719; color:#d3dbd9; font-size:11px; }
#desktop-exam-papers .exam-paper-head-actions > button[data-export-paper] { border-color:#2b7269; background:#2b7269; color:#fff; }
#desktop-exam-papers .exam-paper-theme-switch { display:flex; gap:0 !important; overflow:hidden; border:1px solid #bcb8ad; border-radius:2px; }
#desktop-exam-papers .exam-paper-theme-switch button { min-width:56px; border:0 !important; border-radius:0 !important; }
#desktop-exam-papers .exam-paper-theme-switch button + button { border-left:1px solid #bcb8ad !important; }
#desktop-exam-papers .exam-paper-theme-switch button.is-active { background:#1d2423 !important; color:#fff !important; }
#desktop-exam-papers .exam-paper-sheet .exam-paper-toolbar button,
#desktop-exam-papers .exam-paper-sheet .exam-paper-question-head button {
  border-color:#bcb8ad;
  border-radius:2px;
  background:#fffefa;
  color:#48463f;
  font-size:11px;
}
#desktop-exam-papers .exam-paper-sheet .exam-paper-toolbar > div > button:last-child {
  border-color:#2b7269;
  background:#2b7269;
  color:#fff;
}
#desktop-exam-papers .exam-paper-sheet .exam-paper-section {
  margin-top:30px;
  border:0;
  background:transparent;
}
#desktop-exam-papers .exam-paper-sheet .exam-paper-section h2 {
  display:flex;
  align-items:baseline;
  gap:12px;
  margin:0;
  padding:0 0 9px;
  border:0;
  border-bottom:1px solid #56534d;
  color:#1c1b19;
  font-family:STSong,"Songti SC","SimSun",serif;
  font-size:19px;
  font-weight:700;
}
#desktop-exam-papers .exam-paper-sheet .exam-paper-section h2 b {
  color:#1c1b19;
  font-family:inherit;
  font-size:15px;
}
#desktop-exam-papers .exam-paper-sheet .exam-paper-section h2 small {
  margin-left:auto;
  color:#69665e;
  font-family:"PingFang SC","Microsoft YaHei",sans-serif;
  font-size:11px;
  font-weight:500;
}
#desktop-exam-papers .exam-paper-sheet .exam-paper-question {
  padding:19px 0 0;
  border:0;
  color:#20201d;
}
#desktop-exam-papers .exam-paper-sheet .exam-paper-question-head { display:grid; grid-template-columns:24px minmax(0,1fr) auto; align-items:start; column-gap:10px; }
#desktop-exam-papers .exam-paper-sheet .exam-paper-question-head > span {
  display:block;
  width:auto;
  height:auto;
  padding-top:1px;
  border:0;
  border-radius:0;
  color:#24231f;
  font-family:Georgia,STSong,"Songti SC",serif;
  font-size:17px;
  font-weight:700;
  line-height:1.5;
}
#desktop-exam-papers .exam-paper-sheet .exam-paper-question-head > p {
  margin:0;
  color:#20201d;
  font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;
  font-size:16px;
  font-weight:400;
  line-height:1.9;
  letter-spacing:0;
}
#desktop-exam-papers .exam-paper-sheet .exam-paper-question-head > div { display:flex; align-items:center; gap:7px; padding-top:1px; }
#desktop-exam-papers .exam-paper-sheet .exam-paper-question-head button { padding:3px 6px; border:0; background:transparent; color:#79817d; font-size:10px; font-weight:500; opacity:.35; }
#desktop-exam-papers .exam-paper-sheet .exam-paper-question:hover .exam-paper-question-head button { opacity:1; text-decoration:underline; }
#desktop-exam-papers .exam-paper-sheet .exam-paper-writing-lines {
  display:none;
}
#desktop-exam-papers .exam-paper-sheet .exam-paper-writing-lines i { height:1px; background:#dfdcd3; }
#desktop-exam-papers .exam-paper-sheet .exam-paper-recurrence {
  min-height:22px;
  padding:0 6px;
  border-color:#c9d9d3;
  border-radius:2px;
  background:#f0f8f5;
  color:#337367;
  font-size:10px;
}
#desktop-exam-papers .exam-paper-sheet .exam-paper-answer {
  margin:18px 0 0 31px;
  border-left-color:#2b7269;
  background:#f0f8f5;
  color:#244f49;
}
#desktop-exam-papers .exam-paper-sheet .exam-paper-footer {
  display:flex;
  justify-content:space-between;
  margin-top:42px;
  padding-top:12px;
  border-color:#bcb8ad;
  color:#77736a;
  font-size:10px;
  text-align:left;
}
/* Black is the default paper surface. Light paper is an explicit reading mode. */
#desktop-exam-papers .exam-paper-sheet.is-paper-dark {
  background:#121416;
  color:#e9e6df;
  box-shadow:0 18px 48px rgba(0,0,0,.4);
}
#desktop-exam-papers .is-paper-dark .exam-paper-sheet-title { border-bottom-color:#b0aca3; }
#desktop-exam-papers .is-paper-dark .exam-paper-watermark { filter:invert(1) grayscale(1); opacity:.14; }
#desktop-exam-papers .is-paper-dark .exam-paper-sheet-title span { color:#9caca7; }
#desktop-exam-papers .is-paper-dark .exam-paper-sheet-title strong,
#desktop-exam-papers .is-paper-dark .exam-paper-section h2,
#desktop-exam-papers .is-paper-dark .exam-paper-section h2 b,
#desktop-exam-papers .is-paper-dark .exam-paper-question,
#desktop-exam-papers .is-paper-dark .exam-paper-question-head > p,
#desktop-exam-papers .is-paper-dark .exam-paper-question-head > span { color:#f1eee8; }
#desktop-exam-papers .is-paper-dark .exam-paper-sheet-title small,
#desktop-exam-papers .is-paper-dark .exam-paper-toolbar,
#desktop-exam-papers .is-paper-dark .exam-paper-section h2 small,
#desktop-exam-papers .is-paper-dark .exam-paper-footer { color:#aaa79e; }
#desktop-exam-papers .is-paper-dark .exam-paper-toolbar { border-bottom-color:#44463f; }
#desktop-exam-papers .is-paper-dark .exam-paper-section h2 { border-bottom-color:#8c8980; }
#desktop-exam-papers .is-paper-dark .exam-paper-toolbar button,
#desktop-exam-papers .is-paper-dark .exam-paper-question-head button {
  border-color:#565951;
  background:#1a1d1d;
  color:#d9d7cf;
}
#desktop-exam-papers .is-paper-dark .exam-paper-toolbar > div > button:last-child { border-color:#2b7269; background:#2b7269; color:#fff; }
#desktop-exam-papers .is-paper-dark .exam-paper-writing-lines i { background:#393c37; }
#desktop-exam-papers .is-paper-dark .exam-paper-answer { background:#162521; color:#cce0da; }
#desktop-exam-papers .is-paper-dark .exam-paper-footer { border-color:#565951; }
#desktop-exam-papers .exam-paper-sheet.is-paper-light { background:#fffefa; color:#20201d; }
#desktop-exam-papers .exam-paper-sheet .exam-paper-question + .exam-paper-question { margin-top:8px; }
#desktop-exam-papers .exam-paper-sheet .exam-paper-question-head > span {
  font-family:"IBM Plex Sans","PingFang SC","Microsoft YaHei",sans-serif;
  font-size:15px;
  font-variant-numeric:tabular-nums;
}
@media (max-width:700px) {
  #desktop-exam-papers .exam-paper-sheet { margin-top:16px; padding:34px 42px 24px; }
  #desktop-exam-papers .exam-paper-sheet-title strong { font-size:20px; }
  #desktop-exam-papers .exam-paper-sheet .exam-paper-toolbar { align-items:flex-start; flex-direction:column; }
  #desktop-exam-papers .exam-paper-sheet .exam-paper-question-head > p { font-size:16px; }
}
@media print {
  #desktop-exam-papers .exam-paper-sheet { width:100%; min-width:0; margin:0; padding:0; box-shadow:none; }
  #desktop-exam-papers .exam-paper-watermark { position:fixed; z-index:0; }
  #desktop-exam-papers .exam-paper-sheet-title { padding-top:0; }
  #desktop-exam-papers .exam-paper-writing-lines { display:none; }
  #desktop-exam-papers .exam-paper-sheet .exam-paper-section { background:transparent !important; }
}

.exam-paper-answer-modal { position:fixed; z-index:10020; inset:0; display:grid; place-items:center; padding:24px calc(var(--desktop-right-width) + 24px) 24px calc(var(--desktop-left-width) + 24px); }
.exam-paper-answer-backdrop { position:absolute; inset:0; background:rgba(8,11,11,.66); backdrop-filter:blur(4px); }
.exam-paper-answer-modal > section { position:relative; z-index:1; width:min(760px,100%); max-height:min(760px,calc(100vh - 48px)); overflow:auto; padding:26px; border:1px solid #d7d4ca; border-radius:4px; background:#fffefa; color:#252520; box-shadow:0 24px 70px rgba(0,0,0,.38); }
.exam-paper-answer-modal header { display:flex; justify-content:space-between; gap:18px; padding-bottom:17px; border-bottom:1px solid #d6d2c8; }
.exam-paper-answer-modal header span { color:#317d74; font-size:10px; font-weight:800; letter-spacing:.12em; }
.exam-paper-answer-modal h2 { margin:6px 0 0; font-family:STSong,"Songti SC",serif; font-size:22px; }
.exam-paper-answer-modal [data-close] { width:32px; height:32px; border:1px solid #c9c5bb; border-radius:2px; background:#fffefa; color:#49463e; font-size:20px; }
.exam-paper-answer-question { margin:22px 0 16px; color:#34332e; font-size:16px; font-weight:600; line-height:1.8; }
.exam-paper-answer-modal .exam-paper-answer { display:block; min-height:120px; margin:0; padding:18px; border-left:3px solid #2b7269; background:#f0f8f5; color:#244f49; font-size:15px; line-height:1.82; white-space:pre-wrap; }
.exam-paper-answer-modal footer { display:flex; justify-content:flex-end; margin-top:18px; }
.exam-paper-answer-modal [data-generate] { padding:10px 14px; border:0; border-radius:2px; background:#2b7269; color:#fff; font-weight:700; }
body.desktop-nav-collapsed .exam-paper-answer-modal { padding-left:24px; }
body.context-collapsed .exam-paper-answer-modal { padding-right:24px; }
@media (max-width:900px) { .exam-paper-answer-modal { padding:16px; } }
#desktop-exam-theory-schools .theory-old-shell {
  padding-bottom:88px !important;
}
#desktop-exam-theory-schools .theory-hero-head {
  min-height:104px !important;
}
#desktop-exam-theory-schools .theory-command {
  display:grid;
  grid-template-columns:minmax(260px,.95fr) minmax(360px,1.35fr) minmax(180px,.45fr);
  align-items:stretch;
  gap:12px;
  margin:18px 0 14px;
}
#desktop-exam-theory-schools .theory-command-copy,
#desktop-exam-theory-schools .theory-library-pill,
#desktop-exam-theory-schools .theory-focus,
#desktop-exam-theory-schools .theory-toolbar {
  border:1px solid #262b33;
  border-radius:7px;
  background:#121419;
}
#desktop-exam-theory-schools .theory-command-copy {
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:128px;
  padding:20px;
}
#desktop-exam-theory-schools .theory-command-copy span,
#desktop-exam-theory-schools .theory-focus header span {
  color:#35d6c5;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
}
#desktop-exam-theory-schools .theory-command-copy h2,
#desktop-exam-theory-schools .theory-focus h2 {
  margin:7px 0 0;
  color:#f1f3f6;
  font-size:18px;
  line-height:1.35;
  letter-spacing:0;
}
#desktop-exam-theory-schools .theory-command-copy p {
  margin:10px 0 0;
  color:#9ca1ad;
  font-size:13px;
  line-height:1.7;
}
#desktop-exam-theory-schools .theory-old-summary {
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin:0;
  border:1px solid #262b33;
  border-radius:7px;
  overflow:hidden;
  background:#121419;
}
#desktop-exam-theory-schools .theory-old-summary div {
  min-height:128px;
  border:0;
  border-right:1px solid #262b33;
  border-radius:0;
  background:transparent;
}
#desktop-exam-theory-schools .theory-old-summary div:last-child {
  border-right:0;
}
#desktop-exam-theory-schools .theory-old-summary strong {
  color:#f3f6f8;
  font-size:24px;
}
#desktop-exam-theory-schools .theory-old-summary span {
  color:#8f96a3;
  font-size:12px;
}
#desktop-exam-theory-schools .theory-library-pill {
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:7px;
  min-height:128px;
  padding:18px;
}
#desktop-exam-theory-schools .theory-library-pill strong {
  color:#35d6c5;
  font-size:18px;
  line-height:1.25;
}
#desktop-exam-theory-schools .theory-library-pill span {
  color:#8f96a3;
  font-size:12px;
  line-height:1.45;
}
#desktop-exam-theory-schools .theory-toolbar {
  display:grid;
  grid-template-columns:minmax(260px,.68fr) minmax(0,1.32fr);
  gap:12px;
  padding:12px;
  margin:0 0 14px;
}
#desktop-exam-theory-schools .theory-toolbar label {
  display:flex;
  align-items:center;
  gap:9px;
  min-height:44px;
  padding:0 13px;
  border:1px solid #2b313a;
  border-radius:6px;
  background:#0e1015;
  color:#7f8794;
}
#desktop-exam-theory-schools .theory-toolbar input {
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  color:#f1f3f6;
  font:600 13px/1.2 inherit;
}
#desktop-exam-theory-schools .theory-toolbar > div {
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:8px;
}
#desktop-exam-theory-schools .theory-toolbar button {
  min-height:44px;
  border:1px solid #2b313a;
  border-radius:6px;
  background:#0e1015;
  color:#9aa1ad;
  font:750 12px/1.2 inherit;
  cursor:pointer;
}
#desktop-exam-theory-schools .theory-toolbar button span {
  margin-left:5px;
  color:#66707d;
  font-weight:700;
}
#desktop-exam-theory-schools .theory-toolbar button.active {
  border-color:#35d6c5;
  background:#10201e;
  color:#35d6c5;
}
#desktop-exam-theory-schools .theory-main-grid {
  display:grid;
  grid-template-columns:minmax(360px,.75fr) minmax(0,1.25fr);
  gap:14px;
  align-items:start;
}
#desktop-exam-theory-schools .theory-focus {
  padding:16px;
}
#desktop-exam-theory-schools .theory-focus header {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:12px;
}
#desktop-exam-theory-schools .theory-focus header a {
  flex:0 0 auto;
  padding:7px 10px;
  border:1px solid #2d8d82;
  border-radius:5px;
  color:#35d6c5;
  font-size:12px;
  font-weight:750;
}
#desktop-exam-theory-schools .theory-focus > div {
  display:grid;
  gap:10px;
}
#desktop-exam-theory-schools .theory-focus-card {
  display:block;
  min-height:126px;
  padding:15px;
  border:1px solid #262b33;
  border-radius:7px;
  background:#0e1015;
}
#desktop-exam-theory-schools .theory-focus-card:hover {
  border-color:#2d8d82;
  background:#111a1d;
}
#desktop-exam-theory-schools .theory-focus-card header {
  align-items:center;
  justify-content:flex-start;
  margin:0;
}
#desktop-exam-theory-schools .theory-focus-card i {
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:6px;
  background:#19332f;
  color:#35d6c5;
  font:800 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  font-style:normal;
}
#desktop-exam-theory-schools .theory-focus-card strong {
  display:block;
  color:#f1f3f6;
  font-size:15px;
  line-height:1.35;
}
#desktop-exam-theory-schools .theory-focus-card span,
#desktop-exam-theory-schools .theory-focus-card p {
  color:#8f96a3;
  font-size:12px;
  line-height:1.55;
}
#desktop-exam-theory-schools .theory-focus-card p {
  margin:12px 0 10px;
}
#desktop-exam-theory-schools .theory-focus-card footer {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
#desktop-exam-theory-schools .theory-focus-card em {
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:3px 7px;
  border-radius:6px;
  font-size:10px;
  font-style:normal;
  font-weight:800;
  white-space:nowrap;
}
#desktop-exam-theory-schools .theory-old-table {
  margin:0;
}
#desktop-exam-theory-schools .theory-old-table-head,
#desktop-exam-theory-schools .theory-old-table-row {
  grid-template-columns:52px minmax(150px,1fr) 78px 104px 76px;
}
#desktop-exam-theory-schools .theory-old-table-row {
  color:inherit;
  text-decoration:none;
}
#desktop-exam-theory-schools .theory-old-table-row mark {
  justify-self:start;
  background:transparent;
  color:#9fa6b2;
  font-size:12px;
  font-weight:750;
}
#desktop-exam-theory-schools .theory-old-table-row:hover {
  background:#151d20;
}
#desktop-exam-theory-schools .theory-old-table-row mark {
  color:#55dfd1 !important;
  -webkit-text-fill-color:#55dfd1 !important;
  font-weight:700 !important;
  white-space:nowrap;
}
#desktop-exam-theory-schools .theory-old-table-row:hover mark {
  color:#8cf4e9 !important;
  -webkit-text-fill-color:#8cf4e9 !important;
}
#desktop-exam-theory-schools .theory-old-foot {
  margin-top:20px;
}
body.desktop-light #desktop-exam-theory-schools .theory-command-copy,
body.desktop-light #desktop-exam-theory-schools .theory-library-pill,
body.desktop-light #desktop-exam-theory-schools .theory-focus,
body.desktop-light #desktop-exam-theory-schools .theory-toolbar,
body.desktop-light #desktop-exam-theory-schools .theory-old-summary {
  border-color:#d9e1ea;
  background:#fff;
}
body.desktop-light #desktop-exam-theory-schools .theory-command-copy h2,
body.desktop-light #desktop-exam-theory-schools .theory-focus h2,
body.desktop-light #desktop-exam-theory-schools .theory-old-summary strong,
body.desktop-light #desktop-exam-theory-schools .theory-focus-card strong {
  color:#202937;
}
body.desktop-light #desktop-exam-theory-schools .theory-command-copy p,
body.desktop-light #desktop-exam-theory-schools .theory-library-pill span,
body.desktop-light #desktop-exam-theory-schools .theory-old-summary span,
body.desktop-light #desktop-exam-theory-schools .theory-focus-card span,
body.desktop-light #desktop-exam-theory-schools .theory-focus-card p {
  color:#667385;
}
body.desktop-light #desktop-exam-theory-schools .theory-toolbar label,
body.desktop-light #desktop-exam-theory-schools .theory-toolbar button,
body.desktop-light #desktop-exam-theory-schools .theory-focus-card {
  border-color:#d9e1ea;
  background:#f8fafc;
}
body.desktop-light #desktop-exam-theory-schools .theory-toolbar input {
  color:#202937;
}
#desktop-exam-list { background:#0a0d12 !important; }
#desktop-exam-list .desktop-exam-list-shell { max-width:1240px; }
#desktop-exam-list .desktop-exam-list-head { min-height:116px; padding-bottom:24px; border-color:#2b3a4c; }
#desktop-exam-list .desktop-exam-list-head span { font-size:11px; letter-spacing:1px; }
#desktop-exam-list .desktop-exam-list-head h1 { margin:9px 0; font-size:32px; }
#desktop-exam-list .desktop-exam-list-head p { color:#a8b6c4; font-size:14px; line-height:1.55; }
#desktop-exam-list .desktop-exam-list-head a { min-height:40px; padding:0 15px; border-radius:999px; background:#111923; color:#cce9e5; font-size:13px; line-height:38px; }
#desktop-exam-list .desktop-exam-list-head .exam-list-back { min-height:40px; padding:0 15px; border:1px solid #31564f; border-radius:999px; background:#10231f; color:#74e4d7; font-size:13px; font-weight:700; cursor:pointer; }
#desktop-exam-list .desktop-exam-list-head .exam-list-back:hover { border-color:#48b9a9; background:#15332c; color:#e1fffa; }
#desktop-exam-list .desktop-exam-list-head .exam-list-back i { margin-right:5px; }
#desktop-exam-list .desktop-exam-list-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:20px 0 14px; padding:0; }
#desktop-exam-list .desktop-exam-list-toolbar label { flex:1 1 280px; min-width:260px; height:44px; padding:0 15px; border:1px solid #3a4c60; border-radius:999px; background:#111923; }
#desktop-exam-list .desktop-exam-list-toolbar label i { color:#8bded5; font-size:17px; }
#desktop-exam-list .desktop-exam-list-toolbar label input { color:#f0f5fa; font-size:14px; }
#desktop-exam-list .desktop-exam-list-toolbar label input::placeholder { color:#95a4b4; }
#desktop-exam-list .desktop-exam-list-toolbar select { width:auto; min-width:132px; height:44px; padding:0 31px 0 15px; border:1px solid #3a4c60; border-radius:999px; background-color:#111923; color:#d9e3ec; font-size:13px; font-weight:700; }
#desktop-exam-list .desktop-exam-list-toolbar select[data-exam-topic] { min-width:190px; }
#desktop-exam-list .desktop-exam-list-toolbar .exam-filter-field { flex:0 1 160px; min-width:150px; }
#desktop-exam-list .desktop-exam-list-toolbar .exam-filter-field:has([data-exam-school]) { flex-basis:220px; min-width:190px; }
#desktop-exam-list .desktop-exam-list-toolbar .exam-filter-field input { box-sizing:border-box; width:100%; height:44px; padding:0 15px; border:1px solid #3a4c60; border-radius:999px; background:#111923; color:#d9e3ec; font:700 13px inherit; }
#desktop-exam-list .desktop-exam-list-toolbar .exam-filter-field input::placeholder { color:#95a4b4; font-weight:600; }
#desktop-exam-list .desktop-exam-list-toolbar .exam-filter-field input:focus { border-color:#63d9c9; outline:2px solid rgba(99,217,201,.16); outline-offset:2px; }
#desktop-exam-list .desktop-exam-list-toolbar button { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:42px; padding:0 15px; border-radius:999px; font-size:12px; font-weight:800; line-height:1; letter-spacing:.02em; transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease; }
#desktop-exam-list .desktop-exam-list-toolbar button i { font-size:16px; line-height:1; }
#desktop-exam-list .desktop-exam-list-toolbar .exam-filter-apply { border:1px solid #5dffd5; background:linear-gradient(135deg,#63ffd2,#25d9b7); box-shadow:0 0 0 1px rgba(101,255,213,.18),0 0 18px rgba(56,239,192,.32),inset 0 1px rgba(255,255,255,.4); color:#06332d; }
#desktop-exam-list .desktop-exam-list-toolbar .exam-filter-apply:hover { border-color:#b9ffea; background:linear-gradient(135deg,#8affdd,#30e7c0); box-shadow:0 0 0 1px rgba(145,255,222,.28),0 0 27px rgba(56,239,192,.48),inset 0 1px rgba(255,255,255,.52); transform:translateY(-1px); }
#desktop-exam-list .desktop-exam-list-toolbar .exam-filter-reset { border:1px solid #36514f; background:rgba(14,31,33,.84); color:#afcbc5; }
#desktop-exam-list .desktop-exam-list-toolbar .exam-filter-reset:hover { border-color:#6ad9c4; background:#173b3a; color:#d9fff5; transform:translateY(-1px); }
#desktop-exam-list .desktop-exam-list-toolbar button:focus-visible { outline:2px solid #8dffe1; outline-offset:3px; }
#desktop-exam-list .desktop-exam-list-summary { min-height:38px; margin-bottom:14px; }
#desktop-exam-list .desktop-exam-list-status { color:#aebdcb; font-size:13px; font-weight:600; }
#desktop-exam-list .desktop-exam-list-summary button { min-height:30px; padding:3px 10px; border-radius:999px; color:#c5d7d5; font-size:11px; }
#desktop-exam-list .desktop-exam-list-results { gap:10px; }
#desktop-exam-list .desktop-exam-question-card { gap:20px; min-height:84px; padding:16px 18px; border-color:#2c3a4b; border-radius:9px; background:#111821; }
#desktop-exam-list .desktop-exam-question-card:hover { border-color:rgba(57,220,200,.7); background:#131e28; }
#desktop-exam-list .desktop-exam-question-card strong { color:#f2f7fb; font-size:16px; font-weight:700; line-height:1.5; }
#desktop-exam-list .desktop-exam-question-tags { gap:7px; margin-top:10px; }
#desktop-exam-list .desktop-exam-question-tags span { min-height:24px; padding:2px 8px; border-color:#33465a; border-radius:999px; background:#0d141c; color:#b6c4d0; font-size:12px; font-weight:600; }
#desktop-exam-list .desktop-exam-question-tags .tag-0 { color:#b4d9d4; }
#desktop-exam-list .desktop-exam-question-tags .tag-1 { color:#b7cbed; }
#desktop-exam-list .desktop-exam-question-tags .tag-2 { color:#d2c0ed; }
#desktop-exam-list .desktop-exam-question-tags .tag-3 { color:#b7dfc1; }
#desktop-exam-list .desktop-exam-question-card > b { min-width:68px; min-height:36px; justify-content:center; padding:0 10px; border:1px solid rgba(57,220,200,.42); border-radius:999px; background:#12312f; color:#8cf0e4; font-size:13px; }
#desktop-exam-list .desktop-exam-question-card b i { font-size:17px; }
@media (max-width:760px) { #desktop-exam-list .desktop-exam-list-toolbar { gap:8px; } #desktop-exam-list .desktop-exam-list-toolbar label { flex-basis:100%; } #desktop-exam-list .desktop-exam-list-toolbar :is(select,.exam-filter-field) { flex:1 1 calc(50% - 8px); min-width:0; } #desktop-exam-list .desktop-exam-list-toolbar select[data-exam-topic] { min-width:0; } #desktop-exam-list .desktop-exam-question-card { align-items:flex-start; flex-direction:column; } #desktop-exam-list .desktop-exam-question-card > b { align-self:flex-start; } }
body.desktop-custom-view #desktop-exam-list {
	visibility:visible !important;
}
@media (min-width:981px) {
  #desktop-exam-hub .exam-start-v2 {
    grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr) !important;
    align-items:stretch !important;
    gap:14px !important;
    margin:0 0 30px !important;
  }
  #desktop-exam-hub .exam-primary-card {
    min-height:300px !important;
    padding:28px !important;
  }
  #desktop-exam-hub .exam-primary-card h2 {
    margin-top:38px !important;
  }
  #desktop-exam-hub .exam-side-stack {
    grid-template-rows:1fr 1fr !important;
    gap:14px !important;
  }
  #desktop-exam-hub .exam-topic-feature,
  #desktop-exam-hub .exam-history-panel {
    min-height:0 !important;
    padding:20px 22px !important;
  }
  #desktop-exam-hub .exam-primary-card > b,
  #desktop-exam-hub .exam-topic-feature > b {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    align-self:flex-start !important;
    width:auto !important;
    min-width:128px !important;
    min-height:38px !important;
    margin-top:22px !important;
    padding:0 15px !important;
    border:1px solid #5ce7d8 !important;
    border-radius:6px !important;
    background:#35d6c5 !important;
    background-color:#35d6c5 !important;
    background-image:none !important;
    color:#041916 !important;
    -webkit-text-fill-color:#041916 !important;
    opacity:1 !important;
    filter:none !important;
    font-size:12px !important;
    font-weight:800 !important;
    line-height:1 !important;
    text-shadow:none !important;
    box-shadow:none !important;
  }
  #desktop-exam-hub .exam-primary-card:hover > b,
  #desktop-exam-hub .exam-topic-feature:hover > b {
    border-color:#83f0e5 !important;
    background:#5de2d4 !important;
    background-color:#5de2d4 !important;
    color:#031411 !important;
    -webkit-text-fill-color:#031411 !important;
  }
  #desktop-exam-hub .exam-history-panel a {
    min-height:40px !important;
    border:1px solid rgba(53,214,197,.22) !important;
    border-radius:6px !important;
    background:#17312f !important;
    color:#70e8dc !important;
    -webkit-text-fill-color:#70e8dc !important;
  }
  #desktop-exam-hub .exam-glow-section {
    margin-bottom:28px !important;
    padding:20px !important;
  }
  #desktop-exam-hub .exam-analysis-grid a,
  #desktop-exam-hub .exam-mode-grid a {
    border-color:rgba(255,255,255,.12) !important;
    background:#161920 !important;
  }
  #desktop-exam-hub .exam-analysis-grid span,
  #desktop-exam-hub .exam-mode-grid span {
    color:#b2b8c1 !important;
    -webkit-text-fill-color:#b2b8c1 !important;
  }
}
@media (min-width:981px) {
  #desktop-exam-hub .exam-analysis-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
  #desktop-exam-hub .exam-primary-card > b,
  #desktop-exam-hub .exam-topic-feature > b {
    visibility:visible !important;
    opacity:1 !important;
    background:#177f76 !important;
    background-color:#177f76 !important;
    background-image:none !important;
    background-clip:border-box !important;
    -webkit-background-clip:border-box !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    border-color:#42cfc1 !important;
    text-shadow:none !important;
    filter:none !important;
  }
  #desktop-exam-hub .exam-primary-card:hover > b,
  #desktop-exam-hub .exam-topic-feature:hover > b {
    background:#35d6c5 !important;
    background-color:#35d6c5 !important;
    color:#06201c !important;
    -webkit-text-fill-color:#06201c !important;
  }
  #desktop-exam-hub .exam-history-panel a {
    visibility:visible !important;
    opacity:1 !important;
    color:#8ceee4 !important;
    -webkit-text-fill-color:#8ceee4 !important;
  }
  #desktop-exam-hub .exam-analysis-grid b {
    margin-left:auto !important;
    visibility:visible !important;
    opacity:1 !important;
    color:#55dfd1 !important;
    -webkit-text-fill-color:#55dfd1 !important;
    font-size:17px !important;
  }
}
@media (min-width:981px) and (max-width:1250px) {
  #desktop-exam-hub .exam-analysis-grid { grid-template-columns:1fr !important; }
}

/* The school view is the decision point for real-paper practice, so it leads the hub. */
#desktop-exam-hub .exam-school-command {
  display:grid;
  grid-template-columns:72px minmax(0,1fr) auto;
  align-items:center;
  gap:22px;
  margin:0 0 18px;
  padding:20px 24px;
  border:1px solid rgba(83,224,208,.56);
  border-radius:8px;
  background:linear-gradient(105deg,rgba(18,74,75,.95),rgba(20,37,45,.98) 58%,rgba(21,27,35,.98));
  box-shadow:0 12px 30px rgba(0,0,0,.2),inset 3px 0 #47d5c6;
  color:#effffc;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
#desktop-exam-hub .exam-school-command:hover {
  transform:translateY(-2px);
  border-color:#a2fff1;
  box-shadow:0 16px 36px rgba(0,0,0,.28),inset 3px 0 #72f0df;
}
#desktop-exam-hub .exam-school-command-index { display:grid; place-items:center; width:58px; height:58px; border:1px solid rgba(146,255,241,.42); border-radius:7px; background:rgba(81,222,207,.13); }
#desktop-exam-hub .exam-school-command-index span { display:none; }
#desktop-exam-hub .exam-school-command-index i { color:#85f4e5; font-size:29px; }
#desktop-exam-hub .exam-school-command-copy { min-width:0; }
#desktop-exam-hub .exam-school-command-copy > span { display:block; margin-bottom:5px; color:#7ae6d9; font-size:10px; font-weight:800; letter-spacing:1.1px; }
#desktop-exam-hub .exam-school-command-copy strong { display:block; color:#fff; font-size:22px; font-weight:800; line-height:1.25; }
#desktop-exam-hub .exam-school-command-copy p { max-width:720px; margin:6px 0 0; color:#bad1d2; font-size:13px; line-height:1.65; }
#desktop-exam-hub .exam-school-command-action { display:flex; align-items:center; gap:12px; min-width:118px; color:#9affeb; font-size:13px; font-weight:800; white-space:nowrap; }
#desktop-exam-hub .exam-school-command-action b { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#4ad7c7; color:#062522; font-size:22px; line-height:1; }
#desktop-exam-hub .exam-analysis-secondary { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
#desktop-exam-hub .exam-analysis-secondary a { min-height:112px; }
@media (max-width:900px) {
  #desktop-exam-hub .exam-school-command { grid-template-columns:48px minmax(0,1fr); gap:14px; padding:17px; }
  #desktop-exam-hub .exam-school-command-index { width:44px; height:44px; }
  #desktop-exam-hub .exam-school-command-index i { font-size:23px; }
  #desktop-exam-hub .exam-school-command-copy strong { font-size:19px; }
  #desktop-exam-hub .exam-school-command-copy p { font-size:12px; }
  #desktop-exam-hub .exam-school-command-action { grid-column:2; justify-content:space-between; width:100%; min-width:0; padding-top:4px; }
  #desktop-exam-hub .exam-analysis-secondary { grid-template-columns:1fr !important; }
}

/* School selection begins as a board for comparison; list mode remains available for scanning. */
#desktop-exam-schools .exam-school-shell { padding-bottom:96px !important; }
#desktop-exam-schools .school-bank-toolbar { align-items:start; margin-top:28px; }
#desktop-exam-schools .school-bank-toolbar-actions { display:grid; gap:16px; }
#desktop-exam-schools .school-view-toggle { display:inline-flex; justify-self:end; padding:3px; border:1px solid #313d48; border-radius:7px; background:#111921; }
#desktop-exam-schools .school-view-toggle button { display:inline-flex; align-items:center; gap:6px; min-height:32px; padding:0 10px; border:0; border-radius:5px; background:transparent; color:#94a4b2; font-size:12px; font-weight:750; }
#desktop-exam-schools .school-view-toggle button i { font-size:15px; }
#desktop-exam-schools .school-view-toggle button.active { background:#206b66; color:#e3fffa; }
#desktop-exam-schools .school-bank-board { grid-template-columns:repeat(auto-fill,minmax(290px,1fr)); gap:22px; margin-top:32px; }
#desktop-exam-schools .school-bank-board .school-bank-card { position:relative; display:grid; grid-template-columns:1fr auto; min-height:216px; padding:27px 28px 25px; border:1px solid #2a4650; border-radius:8px; background:linear-gradient(145deg,#152831,#101a22); overflow:hidden; }
#desktop-exam-schools .school-bank-board .school-bank-card::before { content:''; position:absolute; inset:0 auto 0 0; width:3px; background:#43d2c2; }
#desktop-exam-schools .school-bank-board .school-bank-card:hover { border-color:#73e9db; background:linear-gradient(145deg,#19343a,#132129); transform:translateY(-2px); }
#desktop-exam-schools .school-bank-board .school-bank-card > i { position:absolute; top:25px; right:26px; width:auto; height:auto; background:transparent; color:#78949a; font-size:11px; box-shadow:none; }
#desktop-exam-schools .school-bank-board .school-bank-card > div { grid-column:1 / -1; padding-right:40px; }
#desktop-exam-schools .school-bank-board .school-bank-card strong { display:block; margin-bottom:10px; font-size:19px; }
#desktop-exam-schools .school-bank-board .school-bank-card span { display:block; line-height:1.6; }
#desktop-exam-schools .school-bank-board .school-bank-card p { margin:25px 0 0; }
#desktop-exam-schools .school-bank-board .school-bank-card mark { align-self:end; color:#c8f8f1; font-size:25px; }
#desktop-exam-schools .school-bank-board .school-bank-card > em { display:none; }
#desktop-exam-schools .school-bank-enter { justify-self:end; align-self:end; padding:10px 12px; border-radius:5px; background:#23867c; color:#effffc; font-size:11px; font-weight:800; }
#desktop-exam-schools .school-bank-list .school-bank-enter { display:none; }
#desktop-exam-schools .school-bank-list .school-bank-card { display:grid; }
@media (min-width:1280px) { #desktop-exam-schools .school-bank-board { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:900px) { #desktop-exam-schools .school-bank-toolbar-actions { width:100%; } #desktop-exam-schools .school-view-toggle { justify-self:start; } #desktop-exam-schools .school-bank-board { grid-template-columns:1fr; gap:16px; margin-top:24px; } #desktop-exam-schools .school-bank-board .school-bank-card { min-height:190px; padding:22px; } }

/* In a single-school dashboard, complete papers come before derived analysis. */
#desktop-exam-school-detail .school-paper-priority { margin:24px 0; padding:24px; border:1px solid rgba(102,229,215,.28); border-radius:12px; background:linear-gradient(120deg,rgba(19,58,64,.92),rgba(13,28,36,.92)); }
#desktop-exam-school-detail .school-paper-priority > header { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:20px; }
#desktop-exam-school-detail .school-paper-priority header span { color:#79e8da !important; font-size:10px; font-weight:800; letter-spacing:1px; }
#desktop-exam-school-detail .school-paper-priority h2 { margin:5px 0 4px; font-size:21px; }
#desktop-exam-school-detail .school-paper-priority p { max-width:650px; margin:0; font-size:13px; line-height:1.65; }
#desktop-exam-school-detail .school-paper-priority > header > a { flex:0 0 auto; padding:10px 13px; border:1px solid rgba(112,240,223,.52); border-radius:6px; background:rgba(61,181,166,.14); color:#b5fff4; font-size:12px; font-weight:800; }
#desktop-exam-school-detail [data-school-paper-priority] { display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:12px; }
#desktop-exam-school-detail [data-school-paper-priority] > a { display:grid; gap:6px; min-height:130px; padding:16px; border:1px solid rgba(139,204,205,.2); border-radius:8px; background:rgba(5,17,23,.42); }
#desktop-exam-school-detail [data-school-paper-priority] > a:hover { border-color:rgba(109,240,223,.62); background:rgba(33,96,96,.24); }
#desktop-exam-school-detail [data-school-paper-priority] span { color:#75eadd !important; font-size:12px; font-weight:800; }
#desktop-exam-school-detail [data-school-paper-priority] strong { font-size:14px; }
#desktop-exam-school-detail [data-school-paper-priority] small { font-size:12px; }
#desktop-exam-school-detail [data-school-paper-priority] b { margin-top:auto; color:#aafff3 !important; font-size:12px; }
@media (max-width:900px) { #desktop-exam-school-detail .school-paper-priority { padding:18px; } #desktop-exam-school-detail .school-paper-priority > header { align-items:start; flex-direction:column; } #desktop-exam-school-detail [data-school-paper-priority] { grid-template-columns:1fr; } }

/* The school dashboard should lead with an answerable question, not static claims. */
#desktop-exam-school-detail .school-dashboard-overview:has(.school-ai-analyst) { grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr); align-items:stretch; }
#desktop-exam-school-detail .school-ai-analyst { padding:24px !important; }
#desktop-exam-school-detail .school-ai-analyst > header p { max-width:620px; margin:6px 0 0; font-size:13px; line-height:1.65; }
#desktop-exam-school-detail .school-ai-prompts { display:flex; flex-wrap:wrap; gap:8px; margin:18px 0 12px; }
#desktop-exam-school-detail .school-ai-prompts button { min-height:30px; padding:0 10px; border:1px solid rgba(99,225,212,.28); border-radius:5px; background:rgba(49,153,148,.11); color:#b9fff4; font-size:11px; font-weight:750; }
#desktop-exam-school-detail .school-ai-prompts button:hover { border-color:rgba(124,244,230,.68); background:rgba(54,180,169,.24); }
#desktop-exam-school-detail [data-school-ai-form] { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:9px; }
#desktop-exam-school-detail [data-school-ai-input] { width:100%; min-width:0; height:42px; padding:0 12px; border:1px solid rgba(122,197,200,.28); border-radius:6px; outline:0; background:rgba(4,14,19,.65); color:#edfdfb; font-size:13px; }
#desktop-exam-school-detail [data-school-ai-input]::placeholder { color:#789295; }
#desktop-exam-school-detail [data-school-ai-input]:focus { border-color:#70eadc; box-shadow:0 0 0 3px rgba(81,216,202,.12); }
#desktop-exam-school-detail [data-school-ai-form] button { min-height:42px; padding:0 14px; border:1px solid #55d8ca; border-radius:6px; background:#257e76; color:#effffc; font-size:12px; font-weight:800; }
#desktop-exam-school-detail .school-ai-answer { min-height:76px; margin-top:12px; padding:13px 14px; border-left:3px solid rgba(96,234,219,.72); background:rgba(5,18,23,.46); color:#b5caca; font-size:13px; line-height:1.75; white-space:pre-wrap; }
#desktop-exam-school-detail .school-ai-answer.is-loading { color:#a9fff2; }
#desktop-exam-school-detail .school-ai-answer.is-error { border-left-color:#dc7b7b; color:#ffc4c4; }
@media (max-width:900px) { #desktop-exam-school-detail .school-dashboard-overview:has(.school-ai-analyst) { grid-template-columns:1fr; } #desktop-exam-school-detail .school-ai-analyst { padding:18px !important; } #desktop-exam-school-detail [data-school-ai-form] { grid-template-columns:1fr; } }
@media (min-width:981px) {
  body.desktop-dark:is(.route-history-analysis,.route-exams,.route-tool-page) #app :is(h1,h2,h3,strong,b,span,small,em,mark),
  body.desktop-dark:is(.route-history-analysis,.route-exams,.route-tool-page) #app :is(button,a,[role="button"]) > :is(span,strong,b,small,em,mark),
  #desktop-exam-list :is(h1,h2,h3,strong,b,span,small,em,mark),
  #desktop-exam-papers :is(h1,h2,h3,strong,b,span,small,em,mark),
  #desktop-exam-school-detail :is(h1,h2,h3,strong,b,span,small,em,mark),
  #desktop-exam-topic-dashboard :is(h1,h2,h3,strong,b,span,small,em,mark),
  #desktop-exam-447-analysis :is(h1,h2,h3,strong,b,span,small,em,mark) {
    background-image:none !important;
    -webkit-background-clip:border-box !important;
    background-clip:border-box !important;
    text-shadow:none !important;
    line-height:1.35 !important;
    overflow:visible !important;
  }

  body.desktop-dark.route-history-analysis #app .min-h-screen > div:first-child :is(h1,h2,strong,[style*="font-size: 24"],[style*="font-size:24"]),
  body.desktop-dark.route-history-analysis #app .min-h-screen [style*="font-size: 30"],
  body.desktop-dark.route-history-analysis #app .min-h-screen [style*="font-size:30"],
  body.desktop-dark.route-history-analysis #app .min-h-screen [style*="font-size: 24"],
  body.desktop-dark.route-history-analysis #app .min-h-screen [style*="font-size:24"] {
    display:inline-block !important;
    padding:2px 0 4px !important;
    background:transparent !important;
    background-image:none !important;
    color:var(--history-accent) !important;
    -webkit-text-fill-color:var(--history-accent) !important;
    line-height:1.22 !important;
    text-shadow:0 0 18px rgba(54,224,195,.16) !important;
  }

  body.desktop-dark.route-history-analysis #app .min-h-screen button[style*="linear-gradient"],
  body.desktop-dark.route-history-analysis #app .min-h-screen [role="button"][style*="linear-gradient"],
  body.desktop-dark.route-history-analysis #app .min-h-screen a[style*="linear-gradient"] {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:48px !important;
    padding:0 18px !important;
    border:0 !important;
    border-radius:8px !important;
    background:linear-gradient(135deg,var(--history-accent),var(--history-accent-2)) !important;
    color:#061714 !important;
    font-weight:850 !important;
    line-height:1.2 !important;
  }

  body.desktop-dark.route-history-analysis #app .min-h-screen :is(button,a,[role="button"])[style*="linear-gradient"] :is(span,strong,b,small,em,i),
  body.desktop-dark.route-history-analysis #app .min-h-screen :is(button,a,[role="button"])[style*="linear-gradient"] * {
    background:transparent !important;
    background-image:none !important;
    color:#061714 !important;
    -webkit-text-fill-color:#061714 !important;
    line-height:1.2 !important;
    text-shadow:none !important;
  }

  .school-word-cloud {
    display:grid !important;
    grid-template-columns:repeat(auto-fit,minmax(104px,1fr)) !important;
    gap:8px !important;
    align-items:stretch !important;
    min-height:0 !important;
    margin-top:16px !important;
  }

  .school-word-cloud a {
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    min-width:0 !important;
    min-height:34px !important;
    padding:0 10px !important;
    border:1px solid rgba(53,214,197,.22) !important;
    border-radius:7px !important;
    background:linear-gradient(180deg,rgba(53,214,197,.09),rgba(255,255,255,.025)) !important;
    color:#d6fff9 !important;
    font-size:12px !important;
    font-weight:760 !important;
    line-height:1.2 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .school-word-cloud a::after {
    content:'›';
    flex:0 0 auto;
    color:#35d6c5;
    font-size:14px;
    line-height:1;
  }

  body.desktop-dark.route-history-analysis #app .min-h-screen :is([style*="flex-wrap"],[style*="display: flex"],[style*="display:flex"]) > :is(a,button,span)[style*="font-size"],
  body.desktop-dark.route-history-analysis #app .min-h-screen :is([style*="flex-wrap"],[style*="display: flex"],[style*="display:flex"]) > :is(a,button,span)[style*="padding"] {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    max-width:100% !important;
    min-height:30px !important;
    padding:0 10px !important;
    border:1px solid rgba(54,224,195,.24) !important;
    border-radius:999px !important;
    background:rgba(54,224,195,.09) !important;
    color:#b9fff2 !important;
    -webkit-text-fill-color:#b9fff2 !important;
    font-size:12px !important;
    font-weight:760 !important;
    line-height:1.15 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  body.desktop-light .school-word-cloud a {
    border-color:#b9e7df !important;
    background:linear-gradient(180deg,#f0fbf8,#fff) !important;
    color:#1f786f !important;
  }
}

/* SCHOOL DASHBOARD EOF LOCK — progressive disclosure + less fatiguing palette. */
#desktop-exam-school-detail { background:radial-gradient(800px 420px at 92% -8%,rgba(49,175,190,.14),transparent 62%),#081116 !important; color:#eaf4f4 !important; }
#desktop-exam-school-detail .school-dashboard-shell {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:36px clamp(24px,2.4vw,40px) 48px !important;
  box-sizing:border-box !important;
}
#desktop-exam-school-detail .school-dashboard-hero { border-color:rgba(126,218,218,.22) !important; background:linear-gradient(120deg,rgba(18,45,55,.88),rgba(12,21,29,.88)) !important; box-shadow:0 18px 50px rgba(0,0,0,.16); }
#desktop-exam-school-detail :is(.school-dashboard-overview,.school-dashboard-grid > article,.school-year-question-panel,.school-detail-stats article,.school-dashboard-empty) { border-color:rgba(139,204,205,.18) !important; background:rgba(16,31,39,.88) !important; box-shadow:none !important; }
#desktop-exam-school-detail :is(.school-dashboard-overview,.school-dashboard-grid > article,.school-year-question-panel,.school-dashboard-empty) { border-radius:12px !important; }
#desktop-exam-school-detail .school-dashboard-hero h1,#desktop-exam-school-detail :is(h2,h3,strong) { color:#eefcfb !important; }
#desktop-exam-school-detail :is(p,small,span,em) { color:#a9c0c2 !important; }
#desktop-exam-school-detail .school-word-cloud a { border-color:rgba(91,225,210,.22) !important; background:rgba(45,153,151,.11) !important; color:#b9fff4 !important; }
#desktop-exam-school-detail .school-year-heatmap a { border-radius:9px !important; background:rgba(25,50,60,.56) !important; }
#desktop-exam-school-detail .school-year-questions > a { border-color:rgba(129,202,205,.16) !important; background:rgba(7,16,22,.48) !important; }
#desktop-exam-school-detail .school-year-questions > a:hover { border-color:rgba(91,234,215,.56) !important; background:rgba(31,90,90,.19) !important; }
#desktop-exam-school-detail .school-year-question-list > article.is-year-hidden { display:none; }
#desktop-exam-school-detail .school-year-question-panel.is-all-years-open .school-year-question-list > article.is-year-hidden { display:block; animation:schoolYearReveal .22s ease both; }
#desktop-exam-school-detail .school-year-reveal { display:inline-flex; align-items:center; gap:5px; min-height:34px; padding:0 12px; border:1px solid rgba(103,231,216,.38); border-radius:9px; background:rgba(47,172,161,.12); color:#a8fff2; font-size:11px; font-weight:700; }
#desktop-exam-school-detail .school-dashboard-empty {
  display:grid !important;
  gap:12px !important;
  margin-top:16px !important;
  padding:28px 24px !important;
  justify-items:start !important;
}
#desktop-exam-school-detail .school-dashboard-empty nav {
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
}
#desktop-exam-school-detail .school-dashboard-empty a {
  display:inline-flex !important;
  align-items:center !important;
  min-height:36px !important;
  padding:0 14px !important;
  border:1px solid rgba(103,231,216,.34) !important;
  border-radius:8px !important;
  background:rgba(47,172,161,.12) !important;
  color:#b8fff3 !important;
  font-size:12px !important;
  font-weight:700 !important;
  text-decoration:none !important;
}
#desktop-exam-school-detail .school-chart-empty {
  display:grid !important;
  place-items:center !important;
  min-height:72px !important;
  margin-top:14px !important;
  padding:18px 14px !important;
  border:1px dashed rgba(139,204,205,.22) !important;
  border-radius:8px !important;
  background:rgba(7,16,22,.35) !important;
  color:#8aa3a5 !important;
  text-align:center !important;
  font-size:12px !important;
}
@keyframes schoolYearReveal { from { opacity:0; transform:translateY(-8px); } to { opacity:1; transform:none; } }
@media (max-width:900px) {
  #desktop-exam-school-detail .school-dashboard-shell { width:100% !important; padding:24px 16px 40px !important; }
  #desktop-exam-school-detail .school-year-question-panel > header { align-items:flex-start; flex-wrap:wrap; }
}

/* School dashboard polish: every data bar uses an explicit custom property.
   Percentage heights inside an auto-height flex container collapse to the
   minimum in some browsers, so the year chart needs a real plotting height. */
#desktop-exam-school-detail .school-detail-stats {
  gap:12px;
  margin-top:18px;
}
#desktop-exam-school-detail .school-detail-stats article {
  position:relative;
  min-height:96px;
  padding:18px;
  overflow:hidden;
}
#desktop-exam-school-detail .school-detail-stats article::before {
  content:'';
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:2px;
  background:linear-gradient(90deg,transparent,#62ddcf,transparent);
  opacity:.72;
}
#desktop-exam-school-detail .school-detail-stats strong {
  overflow:hidden !important;
  color:#effffc !important;
  font-size:26px;
  letter-spacing:-.035em;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#desktop-exam-school-detail .school-detail-stats article:last-child strong {
  white-space:normal;
  font-size:19px;
  line-height:1.25 !important;
}
#desktop-exam-school-detail .school-dashboard-grid > article,
#desktop-exam-school-detail .school-dashboard-overview > article {
  transition:border-color .18s ease,transform .18s ease,background .18s ease;
}
#desktop-exam-school-detail .school-dashboard-grid > article:hover,
#desktop-exam-school-detail .school-dashboard-overview > article:hover {
  border-color:rgba(109,240,223,.42) !important;
  background:rgba(19,40,48,.94) !important;
}
#desktop-exam-school-detail .school-year-heatmap {
  height:216px;
  min-height:216px;
  align-items:stretch;
  gap:10px;
  padding:12px 8px 8px;
  scrollbar-color:rgba(104,229,214,.38) transparent;
}
#desktop-exam-school-detail .school-year-heatmap a {
  grid-template-rows:minmax(0,1fr) auto auto;
  min-width:46px;
  padding:0 4px;
  border:1px solid transparent;
  transition:border-color .16s ease,background .16s ease;
}
#desktop-exam-school-detail .school-year-heatmap a:hover {
  border-color:rgba(109,240,223,.42);
}
#desktop-exam-school-detail .school-year-heatmap i {
  height:var(--school-bar-value,14%) !important;
  min-height:12px;
  width:24px;
  background:linear-gradient(180deg,#7af0df 0%,#43c8bb 54%,#7770ec 100%);
  box-shadow:0 8px 18px rgba(57,202,186,.2);
}
#desktop-exam-school-detail .school-year-heatmap strong {
  color:#d8efed !important;
}
#desktop-exam-school-detail .school-year-heatmap span {
  color:#7fc8c0 !important;
  font-weight:700;
}
#desktop-exam-school-detail .school-metric-bars {
  gap:12px;
}
#desktop-exam-school-detail .school-metric-bars a {
  grid-template-columns:minmax(72px,.85fr) minmax(96px,1.65fr) 36px;
  gap:12px;
  min-height:38px;
  padding:3px 5px;
  border-radius:7px;
  transition:background .16s ease;
}
#desktop-exam-school-detail .school-metric-bars a:hover {
  background:rgba(78,183,174,.1);
}
#desktop-exam-school-detail :is(.school-metric-bars i,.school-topic-rank span) {
  height:9px;
  background:rgba(117,161,164,.16);
  box-shadow:inset 0 0 0 1px rgba(126,218,218,.08);
}
#desktop-exam-school-detail :is(.school-metric-bars b,.school-topic-rank b,.school-bank-card p b) {
  width:var(--school-bar-value,0%) !important;
  min-width:5px;
  background:linear-gradient(90deg,#4ed4c3,#78e9de 52%,#8077ee) !important;
  box-shadow:0 0 14px rgba(79,214,195,.22);
}
#desktop-exam-school-detail .school-metric-bars strong,
#desktop-exam-school-detail .school-topic-rank em {
  color:#d5f7f2 !important;
  font-variant-numeric:tabular-nums;
}
#desktop-exam-school-detail .school-topic-rank {
  gap:9px;
}
#desktop-exam-school-detail .school-topic-rank a {
  min-height:54px;
  padding:10px;
  border-color:rgba(133,205,205,.14);
  background:rgba(7,18,24,.32);
  transition:border-color .16s ease,background .16s ease;
}
#desktop-exam-school-detail .school-topic-rank a:hover {
  border-color:rgba(109,240,223,.4);
  background:rgba(55,151,144,.13);
}
#desktop-exam-school-detail .school-topic-rank a.is-empty {
  opacity:.48;
}
#desktop-exam-school-detail .school-topic-rank a.is-empty b {
  min-width:0;
  opacity:0;
}
#desktop-exam-schools .school-bank-card p b { width:var(--school-bar-value,0%) !important; }

@media (min-width:1240px) {
  #desktop-exam-school-detail .school-topic-rank {
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:10px;
  }
  #desktop-exam-school-detail .school-topic-rank a {
    grid-template-columns:28px minmax(0,1fr) 28px;
    gap:7px;
    min-height:48px;
    padding:8px;
  }
  #desktop-exam-school-detail .school-topic-rank i { width:23px; height:23px; font-size:9px; }
  #desktop-exam-school-detail .school-topic-rank strong { font-size:12px; }
}

@media (max-width:900px) {
  #desktop-exam-school-detail .school-detail-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #desktop-exam-school-detail .school-year-heatmap { height:196px; min-height:196px; }
}
@media (max-width:520px) {
  #desktop-exam-school-detail .school-detail-stats article { min-height:84px; padding:14px; }
  #desktop-exam-school-detail .school-detail-stats strong { font-size:22px; }
  #desktop-exam-school-detail .school-metric-bars a { grid-template-columns:82px minmax(70px,1fr) 32px; gap:8px; }
  #desktop-exam-school-detail .school-year-heatmap { gap:7px; overflow-x:auto; }
}

/* Yearly questions: compact scan rows replace the old oversized cards. */
#desktop-exam-school-detail .school-year-question-list {
  gap:10px;
  margin-top:14px;
}
#desktop-exam-school-detail .school-year-question-list > article {
  padding:14px 16px;
  border-color:rgba(133,205,205,.16);
  background:rgba(5,15,21,.34);
}
#desktop-exam-school-detail .school-year-question-list > article > header {
  padding-bottom:10px;
  border-bottom:1px solid rgba(133,205,205,.12);
}
#desktop-exam-school-detail .school-year-question-list > article > header strong {
  font-size:22px;
}
#desktop-exam-school-detail .school-year-tags {
  gap:6px;
  margin-top:9px;
}
#desktop-exam-school-detail .school-year-tags :is(span,em) {
  min-height:21px;
  padding:0 7px;
  font-size:10px;
}
#desktop-exam-school-detail .school-year-questions-compact {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px 10px;
  margin-top:11px;
}
#desktop-exam-school-detail .school-year-questions-compact .school-question-row {
  display:grid;
  grid-template-columns:25px minmax(0,1fr) auto 12px;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:0 7px 0 0;
  border:0;
  border-bottom:1px solid rgba(137,201,202,.12) !important;
  border-radius:0;
  background:transparent !important;
  transition:background .15s ease,border-color .15s ease;
}
#desktop-exam-school-detail .school-year-questions-compact .school-question-row:hover {
  border-color:rgba(105,238,220,.48) !important;
  background:rgba(63,177,164,.1) !important;
}
#desktop-exam-school-detail .school-question-row > i {
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  border-radius:5px;
  background:rgba(76,186,174,.12);
  color:#7ee4d8;
  font:750 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  font-style:normal;
}
#desktop-exam-school-detail .school-question-row > p {
  min-width:0;
  min-height:0;
  margin:0;
  overflow:hidden;
  color:#dceceb !important;
  font-size:12px;
  font-weight:600;
  line-height:1.45 !important;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#desktop-exam-school-detail .school-question-row > footer {
  display:flex;
  align-items:center;
  min-width:0;
  margin:0;
  gap:4px;
}
#desktop-exam-school-detail .school-question-row > footer span {
  display:block;
  max-width:88px;
  min-height:19px;
  padding:2px 5px;
  overflow:hidden;
  border:0;
  border-radius:4px;
  background:rgba(127,156,166,.11);
  color:#91aeb2 !important;
  font-size:9px;
  line-height:1.4 !important;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#desktop-exam-school-detail .school-question-row > footer .school-question-kind {
  max-width:50px;
  color:#b9fff4 !important;
  font-weight:750;
}
#desktop-exam-school-detail .school-question-row > footer .is-noun { background:rgba(104,132,239,.17); color:#bfc9ff !important; }
#desktop-exam-school-detail .school-question-row > footer .is-essay { background:rgba(203,126,187,.16); color:#ffc8ee !important; }
#desktop-exam-school-detail .school-question-row > footer .is-choice { background:rgba(221,168,87,.15); color:#f8d599 !important; }
#desktop-exam-school-detail .school-question-row > b {
  color:#55d7c8 !important;
  font-size:15px;
  font-weight:500;
}
#desktop-exam-school-detail .school-year-questions-compact .school-year-more {
  grid-column:1 / -1;
  min-height:36px;
  margin-top:4px;
  padding:0 12px;
  border:1px dashed rgba(100,231,216,.3) !important;
  border-radius:6px;
  background:rgba(40,144,135,.07) !important;
  font-size:11px;
}

/* Explicit year navigation plus bottom loading keeps old years reachable. */
#desktop-exam-school-detail .school-year-question-panel > header {
  align-items:center;
}
#desktop-exam-school-detail .school-year-controls {
  display:flex;
  align-items:center;
  gap:8px;
  margin-left:auto;
}
#desktop-exam-school-detail .school-year-controls .school-year-reveal {
  min-height:34px;
  margin:0;
  white-space:nowrap;
  cursor:pointer;
}
#desktop-exam-school-detail .school-year-index {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:13px;
  padding:9px 0 2px;
  border-top:1px solid rgba(134,207,207,.13);
}
#desktop-exam-school-detail .school-year-index button {
  min-width:45px;
  height:26px;
  padding:0 7px;
  border:1px solid rgba(125,191,193,.2);
  border-radius:5px;
  background:rgba(12,34,41,.64);
  color:#b2d0d1;
  font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  cursor:pointer;
  transition:border-color .15s ease,background .15s ease,color .15s ease;
}
#desktop-exam-school-detail .school-year-index button:hover,
#desktop-exam-school-detail .school-year-index button.active {
  border-color:rgba(98,232,216,.66);
  background:rgba(53,173,161,.19);
  color:#bafff4;
}
#desktop-exam-school-detail .school-year-index button.is-earlier {
  border-style:dashed;
  color:#89a9ac;
}
#desktop-exam-school-detail .school-year-index button.is-earlier:hover,
#desktop-exam-school-detail .school-year-index button.is-earlier.active {
  border-style:solid;
  color:#bafff4;
}
#desktop-exam-school-detail .school-year-load-sentinel {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  margin-top:12px;
  border-top:1px dashed rgba(117,206,201,.22);
  color:#78b8b1;
  font-size:11px;
}
#desktop-exam-school-detail .school-year-load-sentinel span::before {
  content:'';
  display:inline-block;
  width:6px;
  height:6px;
  margin:0 7px 1px 0;
  border-radius:50%;
  background:#5bdccb;
  box-shadow:0 0 10px rgba(91,220,203,.5);
}
@media (max-width:1080px) {
  #desktop-exam-school-detail .school-year-questions-compact { grid-template-columns:1fr; }
}
@media (max-width:520px) {
  #desktop-exam-school-detail .school-year-question-list > article { padding:13px 12px; }
  #desktop-exam-school-detail .school-year-questions-compact .school-question-row { grid-template-columns:23px minmax(0,1fr) auto 10px; gap:6px; }
  #desktop-exam-school-detail .school-question-row > footer .school-question-topic { display:none; }
  #desktop-exam-school-detail .school-year-question-panel > header { align-items:flex-start; }
  #desktop-exam-school-detail .school-year-controls { width:100%; margin-left:0; }
}

/* Random practice: a deliberate start surface instead of a sparse single-row form. */
#desktop-exam-drill { position:fixed; inset:0 var(--desktop-right-width) 0 var(--desktop-left-width); z-index:82; overflow-y:auto; background:radial-gradient(900px 500px at 8% -10%,rgba(38,181,170,.13),transparent 56%),#0a0c0e; color:#edf4f3; }
body.desktop-nav-collapsed #desktop-exam-drill { left:0; } body.context-collapsed #desktop-exam-drill { right:0; } #desktop-exam-drill * { box-sizing:border-box; }
.exam-drill-shell { width:min(1120px,100%); margin:0 auto; padding:48px clamp(28px,4vw,64px) 72px; }.exam-drill-head { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; padding:0 0 28px; border-bottom:1px solid rgba(194,228,224,.14); }.exam-drill-head > div { position:relative; padding-left:46px; }.exam-drill-head a { position:absolute; top:1px; left:0; display:grid; width:32px; height:32px; place-items:center; border:1px solid #2b3439; border-radius:6px; color:#d8e6e4; text-decoration:none; }.exam-drill-head a:hover { border-color:#51cfc0; color:#80f4e7; }.exam-drill-head span,.exam-drill-section-head span,.exam-drill-guide > span { display:block; color:#54d7c7; font-size:11px; font-weight:800; letter-spacing:1.2px; }.exam-drill-head h1 { margin:7px 0; color:#f4fbfa; font-size:31px; line-height:1.1; letter-spacing:0; }.exam-drill-head p { max-width:540px; margin:0; color:#8fa6a6; font-size:13px; line-height:1.7; }.exam-drill-head aside { display:grid; grid-template-columns:36px 1fr; column-gap:10px; min-width:200px; padding:13px 16px; border-left:2px solid #39c6b6; background:rgba(43,123,117,.12); }.exam-drill-head aside i { grid-row:span 2; color:#55e4d2; font-size:22px; }.exam-drill-head aside strong { color:#dffcf7; font-size:13px; }.exam-drill-head aside small { color:#87aaa7; font-size:11px; }
.exam-drill-layout { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:32px; margin-top:32px; }.exam-drill-config { padding:30px; border:1px solid rgba(175,216,212,.17); border-radius:8px; background:linear-gradient(145deg,rgba(19,25,28,.97),rgba(13,17,19,.97)); }.exam-drill-section-head { display:flex; justify-content:space-between; align-items:end; padding-bottom:22px; border-bottom:1px solid rgba(175,216,212,.12); }.exam-drill-section-head h2 { margin:6px 0 0; font-size:21px; letter-spacing:0; }.exam-drill-section-head small { color:#718887; font-size:11px; }.exam-drill-field { margin-top:24px; }.exam-drill-field > label { display:block; margin-bottom:10px; color:#b9cecc; font-size:12px; font-weight:700; }.exam-drill-field select { width:100%; height:44px; padding:0 13px; border:1px solid #303b3e; border-radius:6px; outline:none; background:#111619; color:#ecf4f2; font:inherit; font-size:13px; }.exam-drill-field select:focus { border-color:#47cbbb; box-shadow:0 0 0 3px rgba(71,203,187,.11); }
.exam-drill-chips { display:flex; flex-wrap:wrap; gap:8px; }.exam-drill-chips button { min-width:88px; height:34px; padding:0 12px; border:1px solid #303b3e; border-radius:5px; background:transparent; color:#a8bbbb; font-size:12px; cursor:pointer; }.exam-drill-chips button:hover { border-color:#498e89; color:#d9f0ed; }.exam-drill-chips button.active { border-color:#3bc3b3; background:rgba(48,183,169,.14); color:#8cf5e8; }.exam-drill-count { display:flex; align-items:center; gap:12px; }.exam-drill-count button { display:grid; width:34px; height:34px; place-items:center; border:1px solid #354145; border-radius:5px; background:#151b1e; color:#cae3e0; cursor:pointer; }.exam-drill-count button:hover { border-color:#58d5c6; color:#7df2e3; }.exam-drill-count output { width:42px; color:#f1fbfa; font-size:25px; font-weight:800; text-align:center; }.exam-drill-count small { color:#819796; font-size:12px; }
.exam-drill-config footer { display:flex; align-items:center; gap:15px; margin-top:30px; padding-top:24px; border-top:1px solid rgba(175,216,212,.12); }.exam-drill-start { display:flex; align-items:center; justify-content:center; gap:9px; min-width:222px; height:46px; border:0; border-radius:5px; background:#1d9f93; color:#fff; font-size:14px; font-weight:800; cursor:pointer; }.exam-drill-start:hover { background:#26b5a7; }.exam-drill-start b { padding-left:9px; border-left:1px solid rgba(255,255,255,.35); font-size:12px; }.exam-drill-config footer > span { color:#79918f; font-size:11px; }.exam-drill-guide { padding:26px 22px; border-top:1px solid rgba(82,219,201,.56); background:rgba(18,29,31,.76); }.exam-drill-guide ol { display:grid; gap:25px; margin:25px 0 0; padding:0; list-style:none; }.exam-drill-guide li { display:grid; grid-template-columns:29px 1fr; gap:10px; }.exam-drill-guide li b { color:#48d0c1; font-size:11px; }.exam-drill-guide li strong { display:block; color:#d9e9e7; font-size:13px; }.exam-drill-guide li small { display:block; margin-top:5px; color:#819997; font-size:11px; line-height:1.65; }
@media (max-width:900px) { #desktop-exam-drill { inset:0; }.exam-drill-shell { padding:30px 18px 52px; }.exam-drill-head { align-items:flex-start; flex-direction:column; }.exam-drill-head aside { width:100%; }.exam-drill-layout { grid-template-columns:1fr; }.exam-drill-config { padding:22px 18px; }.exam-drill-section-head { align-items:flex-start; flex-direction:column; gap:7px; }.exam-drill-guide { order:-1; }.exam-drill-guide ol { grid-template-columns:repeat(3,1fr); gap:12px; }.exam-drill-guide li { grid-template-columns:1fr; gap:4px; }.exam-drill-config footer { align-items:stretch; flex-direction:column; }.exam-drill-start { width:100%; } }

/* Desktop detail repair pass.  These classes are assigned from the route
 * enhancer so page remounts cannot reintroduce the mobile layout chrome. */
@media (min-width:981px) {
  /* A light, workspace-style top bar replaces the heavy mobile title card. */
  body.route-exam-detail #app .desktop-exam-detail-toolbar {
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    min-height:42px !important;
    color:#d6e2e2 !important;
  }
  body.route-exam-detail #app .desktop-exam-detail-toolbar > * { min-width:0 !important; }
  body.route-exam-detail #app .desktop-exam-detail-toolbar :is(h1,h2,h3) {
    margin:0 !important;
    color:#e8f2f1 !important;
    font-size:14px !important;
    font-weight:750 !important;
    line-height:1.45 !important;
  }
  body.route-exam-detail #app .desktop-exam-detail-toolbar :is(p,span,small) {
    color:#8fa6a8 !important;
    font-size:11px !important;
    line-height:1.45 !important;
  }
  body.route-exam-detail #app .desktop-exam-detail-toolbar button {
    flex:0 0 34px !important;
    width:34px !important;
    height:34px !important;
    min-height:34px !important;
    padding:0 !important;
    border:1px solid rgba(102,157,158,.3) !important;
    border-radius:6px !important;
    background:#11191e !important;
    color:#b9d0cf !important;
  }
  body.route-exam-detail #app .desktop-exam-detail-legacy-title {
    display:none !important;
  }

  /* All working sections align to the same wide reading rail. */
  body.desktop-dark.route-exam-detail #app .min-h-screen > .px-4.flex.flex-col > div,
  body.desktop-dark.route-exam-detail #app .min-h-screen > .px-4.flex.flex-col > section {
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
  }
  body.route-exam-detail #app .min-h-screen > .px-4.flex.flex-col > div:nth-child(6) {
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  body.route-exam-detail #app .min-h-screen :is(p,span,strong,b,small,pre,li) {
    min-width:0 !important;
    max-width:100% !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }

  body.desktop-dark.route-exam-detail #app .desktop-exam-detail-mobile-ribbon {
    display:none !important;
  }

  /* Keep the answer CTA in the content column — never over the left nav.
     Native Taro uses inline position:fixed (no .fixed class), so match hosts
     by data attribute / :has() as well. */
  body.route-exam-detail #app .desktop-exam-detail-submit-host,
  body.route-exam-detail #app [data-exam-submit-host="1"],
  body.route-exam-detail #app .min-h-screen > .fixed,
  body.route-exam-detail #app .min-h-screen .fixed:has(.desktop-exam-detail-submit),
  body.route-exam-detail #app .min-h-screen > div:has(> .desktop-exam-detail-submit),
  body.route-exam-detail #app .min-h-screen div[style*="position: fixed"]:has(.desktop-exam-detail-submit),
  body.route-exam-detail #app .min-h-screen div[style*="position:fixed"]:has(.desktop-exam-detail-submit) {
    position:fixed !important;
    z-index:120 !important;
    top:auto !important;
    left:auto !important;
    right:calc(var(--desktop-right-width, 360px) + 28px) !important;
    bottom:28px !important;
    inset:auto calc(var(--desktop-right-width, 360px) + 28px) 28px auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    transform:none !important;
    pointer-events:auto !important;
  }

  body.context-collapsed.route-exam-detail #app .desktop-exam-detail-submit-host,
  body.context-collapsed.route-exam-detail #app [data-exam-submit-host="1"],
  body.context-collapsed.route-exam-detail #app .min-h-screen > .fixed,
  body.context-collapsed.route-exam-detail #app .min-h-screen .fixed:has(.desktop-exam-detail-submit),
  body.context-collapsed.route-exam-detail #app .min-h-screen > div:has(> .desktop-exam-detail-submit),
  body.context-collapsed.route-exam-detail #app .min-h-screen div[style*="position: fixed"]:has(.desktop-exam-detail-submit),
  body.context-collapsed.route-exam-detail #app .min-h-screen div[style*="position:fixed"]:has(.desktop-exam-detail-submit) {
    right:28px !important;
    inset:auto 28px 28px auto !important;
  }

  body.route-exam-detail #app .desktop-exam-detail-submit,
  body.route-exam-detail #app .desktop-exam-detail-submit-host :is(button,taro-button-core),
  body.route-exam-detail #app [data-exam-submit-host="1"] :is(button,taro-button-core),
  body.route-exam-detail #app .min-h-screen > .fixed :is(button,taro-button-core) {
    position:static !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:120px !important;
    min-height:42px !important;
    margin:0 !important;
    padding:0 18px !important;
    border:1px solid rgba(153,255,242,.28) !important;
    border-radius:6px !important;
    background:#39cdbd !important;
    color:#06211f !important;
    font-weight:800 !important;
    box-shadow:0 10px 28px rgba(0,0,0,.24) !important;
  }

  /* Semantic blocks replace fragile nth-child card stacking. */
  body.desktop-dark.route-exam-detail #app .desktop-exam-detail-block {
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    border:1px solid rgba(113,151,157,.18) !important;
    border-radius:8px !important;
    background:#10181d !important;
    box-shadow:none !important;
  }
  body.desktop-dark.route-exam-detail #app .desktop-exam-detail-block.is-question {
    border-color:rgba(80,185,171,.28) !important;
    background:linear-gradient(145deg,rgba(18,34,39,.98),#10171c 60%) !important;
  }
  body.desktop-dark.route-exam-detail #app .desktop-exam-detail-block.is-answer {
    border-color:rgba(74,188,176,.22) !important;
    background:linear-gradient(90deg,rgba(17,43,43,.55),rgba(14,23,28,.96) 64%) !important;
  }
  body.desktop-dark.route-exam-detail #app .desktop-exam-detail-block.is-actions {
    display:flex !important;
    gap:10px !important;
    align-items:center !important;
    justify-content:flex-start !important;
    padding:14px 18px !important;
    border-style:dashed !important;
    background:transparent !important;
  }
  body.desktop-dark.route-exam-detail #app .desktop-exam-detail-block.is-notes {
    border-color:rgba(113,151,157,.16) !important;
    background:#0e1519 !important;
  }
  body.desktop-dark.route-exam-detail #app .desktop-exam-detail-block.is-workspace {
    min-height:180px !important;
    border-style:dashed !important;
    background:rgba(12,18,22,.88) !important;
  }

  body.route-exam-detail #app .min-h-screen > .px-4.flex.flex-col > div:nth-child(6) {
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  /* Soften the right activity rail on this study page so the question stays primary. */
  body.desktop-dark.route-exam-detail #desktop-contextbar .people-feature,
  body.desktop-dark.route-exam-detail #desktop-contextbar .people-rank-card {
    border-color:rgba(90,120,130,.18) !important;
    background:rgba(16,20,24,.72) !important;
  }
  body.desktop-dark.route-exam-detail #desktop-contextbar .people-feature-stats {
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:6px !important;
  }
  body.desktop-dark.route-exam-detail #desktop-contextbar .people-feature-stats span {
    padding:8px 4px !important;
    font-size:9px !important;
  }
  body.desktop-dark.route-exam-detail #desktop-contextbar .people-feature-stats b {
    font-size:13px !important;
  }

  /* AI reference answers are study material, not interface chrome. */
  body.desktop-dark.route-exam-detail #app .desktop-exam-detail-block.is-answer :is(p,pre,li) {
    font-size:16px !important;
    line-height:1.85 !important;
  }
}

/* Desktop-owned exam detail — edit this block to restyle 真题详情. */
#desktop-exam-detail{
  position:fixed;
  inset:0 0 0 var(--desktop-left-width);
  z-index:82;
  overflow:auto;
  background:
    radial-gradient(circle at 12% 0%, rgba(57,205,189,.12), transparent 34%),
    linear-gradient(180deg, #081114 0%, #0b1519 48%, #091116 100%);
  color:#e8f2f1;
}
body.desktop-nav-collapsed #desktop-exam-detail{left:0}
body.context-collapsed #desktop-exam-detail{right:0}
.exam-detail-shell{
  width:min(860px, calc(100% - 56px));
  margin:0 auto;
  padding:28px 0 120px;
  position:relative;
}
.exam-detail-head{
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin-bottom:22px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(120,158,162,.22);
}
.exam-detail-head > button{
  width:38px;height:38px;margin-top:2px;flex:0 0 auto;
  border:1px solid rgba(102,157,158,.3);border-radius:8px;
  background:#11191e;color:#b9d0cf;cursor:pointer;
}
.exam-detail-head span{
  display:block;color:#62d7c8;font-size:11px;font-weight:800;letter-spacing:.12em;
}
.exam-detail-head h1{margin:6px 0 4px;font-size:26px;line-height:1.25;color:#eef7f6}
.exam-detail-head p{margin:0;color:#8fa6a8;font-size:13px}
.exam-detail-submit-top{
  margin-left:auto;align-self:center;padding:10px 14px;border-radius:8px;
  background:#39cdbd;color:#06221f;font-weight:800;text-decoration:none;white-space:nowrap;
}
.exam-detail-loading,.exam-detail-question,.exam-detail-ai,.exam-detail-notes{
  margin-top:16px;padding:22px 22px 20px;
  border:1px solid rgba(125,185,181,.18);border-radius:14px;background:rgba(16,28,33,.92);
}
.exam-detail-loading{color:#9fb9b8}
.exam-detail-loading strong{display:block;margin-bottom:8px;color:#eaf4f3;font-size:18px}
.exam-detail-loading button,.exam-detail-notes-compose button,.exam-detail-ai .exam-detail-kicker button{
  margin-top:12px;padding:10px 14px;border:0;border-radius:8px;background:#39cdbd;color:#06221f;font-weight:800;cursor:pointer;
}
.exam-detail-kicker{
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;
}
.exam-detail-kicker span{color:#62d7c8;font-size:12px;font-weight:800;letter-spacing:.1em}
.exam-detail-kicker small{color:#8fa6a8;font-size:12px}
.exam-detail-question h2{
  margin:0 0 18px;font-size:28px;line-height:1.45;font-weight:750;color:#f2fafa;
}
.exam-detail-marks{display:flex;flex-wrap:wrap;gap:8px}
.exam-detail-marks button{
  min-width:72px;padding:8px 12px;border:1px solid rgba(125,185,181,.24);border-radius:999px;
  background:#0b1519;color:#c5d8d7;font-weight:700;cursor:pointer;
}
.exam-detail-marks button.is-active{
  border-color:rgba(57,205,189,.55);background:rgba(57,205,189,.16);color:#9ff5ea;
}
.exam-detail-answer{
  min-height:88px;padding:14px 16px;border-radius:10px;background:#0b1519;
  border:1px solid rgba(125,185,181,.14);color:#d7e7e6;line-height:1.8;white-space:pre-wrap;
}
.exam-detail-answer.is-loading{color:#7fd9cd}
.exam-detail-answer.is-error{color:#ffb4b4}
.exam-detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.exam-detail-actions button{
  padding:9px 12px;border:1px solid rgba(125,185,181,.24);border-radius:8px;
  background:#0b1519;color:#c5d8d7;font-weight:700;cursor:pointer;
}
.exam-detail-notes-list{display:grid;gap:10px;margin-bottom:16px}
.exam-detail-notes-list article{
  padding:12px 14px;border-radius:10px;background:#0b1519;border:1px solid rgba(125,185,181,.14);
}
.exam-detail-notes-list article.is-mine{border-color:rgba(107,141,214,.35);background:rgba(107,141,214,.08)}
.exam-detail-notes-list p{margin:0;line-height:1.7;white-space:pre-wrap}
.exam-detail-notes-list footer{margin-top:8px;color:#7f9796;font-size:12px}
.exam-detail-notes-empty{margin:0 0 14px;color:#8fa6a8}
.exam-detail-notes-compose{display:grid;gap:10px}
.exam-detail-notes-compose > span{color:#c5d8d7;font-size:13px;font-weight:700}
.exam-detail-notes-compose textarea{
  min-height:120px;resize:vertical;box-sizing:border-box;width:100%;padding:12px 14px;
  border:1px solid rgba(125,185,181,.22);border-radius:10px;background:#091216;color:#eaf4f3;font:inherit;line-height:1.65;
}
.exam-detail-notes-compose > div{display:flex;align-items:center;justify-content:space-between;gap:12px}
.exam-detail-notes-compose small{color:#8fa6a8}
.exam-detail-submit-fab{
  position:fixed;right:calc(var(--desktop-right-width,360px) + 28px);bottom:28px;z-index:90;
  display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;
  background:linear-gradient(135deg,#39cdbd,#2bb8a8);color:#06221f;font-weight:800;text-decoration:none;
  box-shadow:0 10px 28px rgba(45,180,164,.28);
}
body.context-collapsed .exam-detail-submit-fab{right:28px}

/* White mode: keep the exam hub's content hierarchy readable even when
   general daylight rules target all nested text elements. */
body.desktop-light #desktop-exam-hub {
  background:#f4f8f8 !important;
  color:#18343a !important;
}
body.desktop-light #desktop-exam-hub .exam-hub-head :is(h1,h2,strong) { color:#17363b !important; }
body.desktop-light #desktop-exam-hub .exam-hub-head p,
body.desktop-light #desktop-exam-hub .exam-section-head p { color:#526d72 !important; }
body.desktop-light #desktop-exam-hub .exam-school-command {
  background:linear-gradient(118deg,#0d5052,#142831) !important;
  border-color:#1d6668 !important;
}
body.desktop-light #desktop-exam-hub .exam-school-command :is(strong,b) { color:#f1fffd !important; }
body.desktop-light #desktop-exam-hub .exam-school-command :is(p,span,small) { color:#c7e1df !important; }
body.desktop-light #desktop-exam-hub .exam-school-command :is(.exam-school-command-copy > span,.exam-school-command-action span) { color:#8cf2e6 !important; }
body.desktop-light #desktop-exam-hub :is(.exam-primary-card,.exam-topic-feature,.exam-history-panel,.exam-glow-section,.exam-analysis-grid a) {
  background:#fff !important;
  border-color:#c9ddde !important;
}
body.desktop-light #desktop-exam-hub :is(.exam-primary-card,.exam-topic-feature,.exam-history-panel,.exam-analysis-grid a) :is(h2,h3,strong,b) { color:#18343a !important; }
body.desktop-light #desktop-exam-hub :is(.exam-primary-card,.exam-topic-feature,.exam-history-panel,.exam-analysis-grid a) :is(p,span,small) { color:#587176 !important; }
body.desktop-light #desktop-exam-hub :is(.exam-library-count,.exam-primary-card > span,.exam-topic-feature > span) { color:#147e74 !important; }
body.desktop-light #desktop-exam-hub .exam-primary-card > b { background:#168f83 !important; color:#fff !important; }
body.desktop-light #desktop-exam-hub .exam-history-panel a {
  background:#f2fbfa !important;
  border-color:#b6dcd8 !important;
  color:#176f67 !important;
}
@media (max-width:980px){
  #desktop-exam-detail{left:0;right:0}
  .exam-detail-shell{width:min(100% - 28px,860px);padding-top:18px}
  .exam-detail-head{flex-wrap:wrap}
  .exam-detail-submit-top{margin-left:52px}
  .exam-detail-question h2{font-size:22px}
  .exam-detail-submit-fab{right:18px;bottom:18px}
}