/* Homepage vision layer: editorial white + blue, intentionally unlike the
   darker learning terminal used inside lessons and practice. */
body[data-view="learn"] main{
  background:#f7fbff;
}
body[data-view="learn"] #view{
  min-height:100vh;
}
.learn-home-vision{
  --vision-ink:#102f4b;
  --vision-blue:#1769c2;
  --vision-cyan:#40b8d6;
  --vision-line:rgba(30,91,143,.14);
  max-width:1440px;margin:0 auto;padding:28px clamp(24px,4vw,72px) 56px;
  color:var(--vision-ink)
}
.vision-hero{
  position:relative;min-height:560px;display:grid;grid-template-columns:minmax(360px,.92fr) minmax(0,1.32fr);
  align-items:center;overflow:hidden;border:1px solid var(--vision-line);border-radius:28px;
  background:#fff url("../img/ui/home-vision-hero-v1.png") right center/auto 100% no-repeat;
  box-shadow:0 24px 80px rgba(39,100,145,.1)
}
.vision-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 26%,rgba(255,255,255,.34) 62%,transparent 100%);pointer-events:none}
.vision-hero-copy{position:relative;z-index:1;padding:72px 0 70px clamp(32px,5vw,76px);max-width:650px}
.vision-eyebrow,.vision-section-head>div>span,.vision-continue-main>span,.vision-review>span{
  color:#2782ad;font-size:11px;font-weight:800;letter-spacing:.16em
}
.vision-hero h1{margin:18px 0 20px;color:#0b2b49;font:800 clamp(42px,4vw,60px)/1.12 "Songti SC","STSong",serif;letter-spacing:-.055em}
.vision-hero h1 em{font-style:normal;color:#1769c2}
.vision-hero-copy>p{max-width:500px;margin:0;color:#527087;font-size:17px;line-height:1.9}
.vision-actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}
.vision-actions button,.vision-continue-main button{min-height:48px;padding:0 19px;border-radius:8px;font-weight:800}
.vision-primary{color:#fff;background:#1769c2;box-shadow:0 12px 25px rgba(23,105,194,.2)}
.vision-primary:hover{background:#0d579f;transform:translateY(-2px)}
.vision-secondary{color:#1769c2;background:#edf6fc;border:1px solid rgba(23,105,194,.18)}
.vision-actions i,.vision-continue-main i{font-style:normal;margin-left:12px}
.vision-proof{display:flex;gap:22px;margin-top:42px;color:#7790a1;font-size:11px;flex-wrap:wrap}
.vision-proof span{display:flex;align-items:baseline;gap:5px}
.vision-proof b{color:#1769c2;font:700 20px Georgia,serif}
.vision-start,.vision-tools{padding-top:74px}
.vision-section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:22px}
.vision-section-head h2{margin:8px 0 0;color:#123b5d;font:800 29px/1.2 "Songti SC","STSong",serif;letter-spacing:-.04em}
.vision-section-head>p{max-width:310px;margin:0;color:#7290a4;font-size:13px;line-height:1.7;text-align:right}
.vision-path{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.vision-path-step{position:relative;min-height:164px;display:grid;grid-template-columns:34px 1fr 18px;gap:12px;align-items:start;padding:25px 20px;text-align:left;background:rgba(255,255,255,.76);border:1px solid var(--vision-line);border-radius:16px;transition:.25s ease}
.vision-path-step:hover{background:#fff;border-color:#78bad7;box-shadow:0 14px 32px rgba(48,119,158,.09);transform:translateY(-3px)}
.vision-path-step.is-first{background:linear-gradient(145deg,#eaf7fd,#fff)}
.vision-path-no{color:#59a8c8;font:700 13px Georgia,serif}
.vision-path-step b{display:block;color:#16436a;font-size:15px;line-height:1.5}
.vision-path-step p{margin:9px 0 0;color:#7891a3;font-size:12px;line-height:1.65}
.vision-path-step>i{color:#287ab1;font-style:normal;font-size:18px}
.vision-map-feature{
  position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.72fr) auto;
  gap:34px;align-items:center;overflow:hidden;margin-top:66px;padding:36px 38px;
  color:#eaf7ff;background:
    linear-gradient(100deg,rgba(15,66,109,.98) 0%,rgba(20,94,146,.94) 58%,rgba(20,94,146,.72) 100%),
    url("../img/ui/home-vision-hero-v1.png") right 40%/auto 145% no-repeat;
  border-radius:22px;box-shadow:0 22px 46px rgba(18,74,116,.16)
}
.vision-map-feature::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,rgba(76,174,215,.12));pointer-events:none}
.vision-map-feature>*{position:relative;z-index:1}
.vision-map-feature span{color:#8ed8ec;font-size:11px;font-weight:800;letter-spacing:.15em}
.vision-map-feature h2{margin:8px 0 9px;color:#fff;font:800 27px "Songti SC","STSong",serif}
.vision-map-feature p{max-width:590px;margin:0;color:#b8d6e6;font-size:13px;line-height:1.8}
.vision-map-feature ul{display:grid;gap:10px;margin:0;padding:0;list-style:none;color:#cce5ef;font-size:12px}
.vision-map-feature li::before{content:"";display:inline-block;width:5px;height:5px;margin:0 9px 2px 0;border-radius:50%;background:#75d1e8}
.vision-map-feature button{min-height:48px;padding:0 19px;color:#13517d;background:#fff;border-radius:8px;font-weight:800;white-space:nowrap}
.vision-map-feature i{margin-left:12px;font-style:normal}
.vision-continue{display:grid;grid-template-columns:1.5fr .78fr;gap:14px;margin-top:66px}
.vision-continue-main,.vision-review{border-radius:18px;padding:27px 30px}
.vision-continue-main{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 24px;background:#e9f5fc;border:1px solid rgba(41,137,181,.13)}
.vision-continue-main h2{margin:5px 0;color:#103b5e;font:800 25px "Songti SC","STSong",serif}
.vision-continue-main p{margin:0;color:#6b8799;font-size:13px}
.vision-continue-main button{grid-column:2;grid-row:1/4;color:#fff;background:#1769c2}
.vision-review{background:#124064;color:#d7edf4}
.vision-review>span{color:#8fd6e8}
.vision-review b{display:block;margin-top:11px;color:#fff;font:700 36px Georgia,serif}
.vision-review p{margin:2px 0 16px;color:#a8c9d5;font-size:12px}
.vision-review button{padding:0;color:#88d0e2;background:none;border:0;font-size:12px;font-weight:800}
.vision-tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.vision-tool-grid button{display:grid;grid-template-columns:36px 1fr 15px;gap:12px;align-items:start;min-height:158px;padding:22px 20px;text-align:left;background:#fff;border:1px solid var(--vision-line);border-radius:14px;transition:.25s ease}
.vision-tool-grid button:hover{border-color:#68b0d0;box-shadow:0 14px 30px rgba(39,113,161,.1);transform:translateY(-3px)}
.vision-tool-index{color:#6bb2cf;font:700 12px Georgia,serif}
.vision-tool-grid b{color:#19466b;font-size:16px}
.vision-tool-grid p{margin:9px 0 0;color:#7892a3;font-size:12px;line-height:1.7}
.vision-tool-grid i{color:#277db4;font-style:normal}
.vision-footer{display:flex;align-items:center;gap:20px;margin-top:76px;padding-top:20px;border-top:1px solid var(--vision-line);color:#6b899e}
.vision-footer>span{color:#16507a;font:800 18px "Songti SC","STSong",serif}
.vision-footer p{margin:0;font-size:12px}
.vision-footer button{margin-left:auto;color:#1769c2;background:none;border:0;font-size:12px;font-weight:800}
@media(max-width:980px){
  .vision-hero{min-height:620px;grid-template-columns:1fr;background-position:70% bottom;background-size:auto 66%}
  .vision-hero::after{background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.97) 42%,rgba(255,255,255,.25) 78%,transparent 100%)}
  .vision-hero-copy{padding:56px 34px 260px}
  .vision-path{grid-template-columns:repeat(2,1fr)}
  .vision-map-feature{grid-template-columns:1fr auto}.vision-map-feature ul{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(3,1fr)}
  .vision-tool-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .learn-home-vision{padding:14px 14px 36px}
  .vision-hero{min-height:650px;border-radius:20px;background-size:auto 53%;background-position:70% bottom}
  .vision-hero-copy{padding:38px 24px 250px}.vision-hero h1{font-size:45px}.vision-hero-copy>p{font-size:14px;line-height:1.8}
  .vision-proof{gap:12px;margin-top:27px}.vision-proof b{font-size:17px}
  .vision-start,.vision-tools{padding-top:52px}.vision-section-head{display:block}.vision-section-head>p{margin-top:10px;text-align:left}
  .vision-section-head h2{font-size:25px}
  .vision-path,.vision-continue,.vision-tool-grid{grid-template-columns:1fr}
  .vision-path-step{min-height:125px}
  .vision-map-feature{display:block;margin-top:48px;padding:27px 23px}.vision-map-feature ul{margin:20px 0}.vision-map-feature button{width:100%}
  .vision-continue-main{display:block;padding:23px}.vision-continue-main button{margin-top:18px}
  .vision-review{padding:23px}.vision-tool-grid button{min-height:132px}
  .vision-footer{display:block;margin-top:54px}.vision-footer p{margin:9px 0 14px}.vision-footer button{margin:0}
}

/* Shared application chrome: every view speaks the same white/blue language.
   Content modules can still keep their own density, but navigation never
   changes personality between pages. */
:root{
  --shell-blue:#1769c2;
  --shell-ink:#133b5c;
  --shell-muted:#718ba0;
  --shell-line:rgba(28,92,143,.14);
  --shell-paper:#f7fbff;
}
html[data-theme="day"] body,
html[data-theme="day"] body:not(.on-home),
html[data-theme="day"] body:not(.on-home) main{
  color:var(--shell-ink);
  background:
    radial-gradient(circle at 80% -20%,rgba(92,190,224,.12),transparent 34%),
    linear-gradient(180deg,#f8fbfd 0%,#f3f8fb 100%);
}
html[data-theme="day"] .sidebar{
  width:228px;color:var(--shell-ink);background:rgba(255,255,255,.92);
  border-right:1px solid var(--shell-line);box-shadow:12px 0 42px rgba(42,105,145,.07);
  backdrop-filter:blur(18px)
}
html[data-theme="day"] .sb-brand{
  height:76px;padding:0 20px;border-bottom:1px solid var(--shell-line)
}
html[data-theme="day"] .sb-brand-mark{
  width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#2aa5bb,#1769a2);
  box-shadow:0 8px 18px rgba(23,105,194,.2)
}
html[data-theme="day"] .sb-brand-name b{color:#173b59;font-size:16px}
html[data-theme="day"] .sb-progress{
  margin:16px 14px 12px;padding:14px 15px;border:1px solid var(--shell-line);
  background:linear-gradient(145deg,#fff,#f0f8fc);box-shadow:0 10px 26px rgba(49,113,149,.08)
}
html[data-theme="day"] .sb-progress-num b{color:var(--shell-blue)}
html[data-theme="day"] .sb-progress-label{color:var(--shell-muted)}
html[data-theme="day"] .sb-nav{padding:10px 12px 16px}
html[data-theme="day"] .sb-nav-group{color:#8aa0b0;letter-spacing:.14em}
html[data-theme="day"] .sb-nav-item{
  min-height:46px;color:#68829a;border-radius:10px
}
html[data-theme="day"] .sb-nav-item:hover{
  color:var(--shell-blue);background:#eff8fd;border-color:rgba(56,161,205,.16)
}
html[data-theme="day"] .sb-nav-item.on{
  color:#1769a2;background:linear-gradient(90deg,#e7f5fc,#f7fbfd);
  border-color:rgba(45,153,199,.24);box-shadow:inset 3px 0 #1e9ac0
}
html[data-theme="day"] .sb-nav-item.on::before{display:none}
html[data-theme="day"] .sb-footer{border-top:1px solid var(--shell-line)}
html[data-theme="day"] .sb-streak{color:#849baa}
html[data-theme="day"] .sb-streak b{color:#d69c35}
html[data-theme="day"] .sb-toggle{color:#68829a;background:#f5fafc;border-color:var(--shell-line)}
html[data-theme="day"] .workspace-bar{
  left:228px;height:64px;padding:0 30px;background:rgba(255,255,255,.86);
  border-bottom:1px solid var(--shell-line);box-shadow:0 8px 26px rgba(42,105,145,.05);
  backdrop-filter:blur(18px)
}
html[data-theme="day"] .workspace-bar span{color:#2385ae}
html[data-theme="day"] .workspace-bar b{color:#173b59}
html[data-theme="day"] .workspace-bar p{color:#7891a3}
html[data-theme="day"] .theme-switch{
  border:1px solid var(--shell-line);background:#f3f9fc;border-radius:10px
}
html[data-theme="day"] .theme-switch button{color:#728c9e}
html[data-theme="day"] .theme-switch button.on{
  color:#fff;background:#197fa0;box-shadow:0 5px 14px rgba(25,127,160,.2)
}
html[data-theme="day"] main,
html[data-theme="day"] main.map-full{margin-left:228px}
html[data-theme="day"] body:not([data-view="map"]):not([data-view="redmap"]):not([data-view="classicwar"]):not([data-view="guide"]):not([data-view="interview"]) main{
  padding-top:88px
}
html[data-theme="day"] body[data-view="learn"] main{padding-top:64px}
html[data-theme="day"] body[data-view="learn"] #view{background:transparent}
html[data-theme="day"] body[data-view="learn"] .learn-home-vision{
  max-width:none;margin:0;padding:0 42px 62px
}
html[data-theme="day"] body[data-view="learn"] .vision-hero{
  min-height:calc(100svh - 112px);border-radius:0 0 26px 26px;border-top:0
}
@media(max-width:720px){
  html[data-theme="day"] .sidebar{width:min(86vw,300px)}
  html[data-theme="day"] .workspace-bar{left:0;padding-left:72px}
  html[data-theme="day"] main,html[data-theme="day"] main.map-full{margin-left:0!important}
  html[data-theme="day"] body[data-view="learn"] main{padding-top:64px}
  html[data-theme="day"] body[data-view="learn"] .learn-home-vision{padding:0 14px 36px}
  html[data-theme="day"] body[data-view="learn"] .vision-hero{min-height:650px;border-radius:20px}
}

/* Quiz: the hub, chapter list and answer flow share the white-blue product language. */
html[data-theme="day"] body[data-view="quiz"] main{
  background:radial-gradient(circle at 82% 2%,rgba(72,176,215,.11),transparent 29%),linear-gradient(180deg,#f8fcff,#f2f8fc)
}
html[data-theme="day"] body[data-view="quiz"] .quiz-page{
  width:min(1220px,100%);max-width:none;margin:0 auto;padding:34px clamp(24px,4vw,64px) 70px;color:var(--shell-ink)
}
html[data-theme="day"] body[data-view="quiz"] .study-mode-switch{
  width:max-content;display:flex;gap:2px;margin:0 0 48px;padding:4px;background:#edf5fa;border:1px solid var(--shell-line);border-radius:10px
}
html[data-theme="day"] body[data-view="quiz"] .study-mode-switch button{min-width:210px;padding:11px 14px;color:#6e899d;border:0;border-radius:7px}
html[data-theme="day"] body[data-view="quiz"] .study-mode-switch button.on{color:#154b75;background:#fff;box-shadow:0 5px 18px rgba(37,101,142,.1)}
html[data-theme="day"] body[data-view="quiz"] .study-mode-switch i{color:#3c9fc4}
html[data-theme="day"] body[data-view="quiz"] .study-mode-switch em{color:#8aa0af}
html[data-theme="day"] body[data-view="quiz"] .view-head{margin-bottom:38px}
html[data-theme="day"] body[data-view="quiz"] .page-kicker{color:#2488b3;font-size:10px;font-weight:800;letter-spacing:.18em}
html[data-theme="day"] body[data-view="quiz"] .view-head h1{margin:8px 0 7px;color:#103b5e;font:800 38px/1.2 "Songti SC","STSong",serif}
html[data-theme="day"] body[data-view="quiz"] .view-head p{color:#718b9d;font-size:13px}
html[data-theme="day"] body[data-view="quiz"] .quiz-entry-section{margin-top:42px}
html[data-theme="day"] body[data-view="quiz"] .quiz-entry-section>header{grid-template-columns:42px 1fr;gap:15px;margin-bottom:16px}
html[data-theme="day"] body[data-view="quiz"] .quiz-entry-section>header>span{width:40px;height:40px;color:#247ca7;background:#eaf5fb;border-color:#cce3ef;border-radius:10px}
html[data-theme="day"] body[data-view="quiz"] .quiz-entry-section>header b{color:#143e5f;font-size:18px}
html[data-theme="day"] body[data-view="quiz"] .quiz-entry-section>header p{color:#7890a1}
html[data-theme="day"] body[data-view="quiz"] .quiz-entry-section .quiz-subjects{gap:12px}
html[data-theme="day"] body[data-view="quiz"] :is(.qs-item,.qc-item){
  color:#183f5e;background:rgba(255,255,255,.88);border:1px solid #d8e6ee;border-radius:13px;box-shadow:0 8px 24px rgba(43,101,137,.045)
}
html[data-theme="day"] body[data-view="quiz"] .quiz-entry-section .qs-item{min-height:94px;padding:17px 19px;grid-template-columns:48px 1fr auto;gap:15px}
html[data-theme="day"] body[data-view="quiz"] :is(.qs-item,.qc-item):hover{background:#fff;border-color:#79bad6;box-shadow:0 14px 34px rgba(39,108,148,.1);transform:translateY(-2px)}
html[data-theme="day"] body[data-view="quiz"] .qs-code{width:46px;height:46px;color:#1769a0;background:#eaf6fc;border-color:#c9e2ef;border-radius:11px}
html[data-theme="day"] body[data-view="quiz"] .qs-info b{color:#173f5e;font-size:14px}
html[data-theme="day"] body[data-view="quiz"] .qs-sub{margin-top:4px;color:#7e95a5}
html[data-theme="day"] body[data-view="quiz"] .qs-count{color:#1769a0;font-size:16px}
html[data-theme="day"] body[data-view="quiz"] .quiz-review-entry{
  min-height:90px;padding:19px 21px;color:#163f5f;background:linear-gradient(105deg,#e9f6fb,#f8fcfe);border-color:#c7e2ed;border-radius:13px
}
html[data-theme="day"] body[data-view="quiz"] .quiz-review-entry span{color:#718d9e}
html[data-theme="day"] body[data-view="quiz"] .quiz-review-entry em{color:#157ca5}
html[data-theme="day"] body[data-view="quiz"] .quiz-specialty-entries{gap:12px}
html[data-theme="day"] body[data-view="quiz"] .quiz-specialty-entries button{
  min-height:108px;padding:20px;color:#183f5e;background:#fff;border-color:#d8e6ee;border-radius:13px;box-shadow:0 8px 24px rgba(43,101,137,.04)
}
html[data-theme="day"] body[data-view="quiz"] .quiz-specialty-entries button:hover{border-color:#79bad6;box-shadow:0 14px 34px rgba(39,108,148,.1)}
html[data-theme="day"] body[data-view="quiz"] .quiz-specialty-entries span{color:#2186ae}
html[data-theme="day"] body[data-view="quiz"] .quiz-specialty-entries em{color:#7890a1}
html[data-theme="day"] body[data-view="quiz"] .learning-step{color:#173f5e;background:linear-gradient(90deg,#e8f5fb,#f7fbfd);border-left-color:#268ab2}
html[data-theme="day"] body[data-view="quiz"] .learning-step span{color:#1c7fa8}
html[data-theme="day"] body[data-view="quiz"] .quiz-chapters{gap:9px}
html[data-theme="day"] body[data-view="quiz"] .quiz-chapters .qc-item{
  min-height:58px;padding:13px 15px;background:linear-gradient(90deg,rgba(54,156,194,.16) 0 var(--chapter-progress,0%),#fff var(--chapter-progress,0%) 100%)
}
html[data-theme="day"] body[data-view="quiz"] .quiz-context-bar{
  color:#163e5e;background:#fff;border-color:#d8e6ee;border-left-color:#2589b1;box-shadow:0 9px 25px rgba(42,100,137,.06)
}
html[data-theme="day"] body[data-view="quiz"] .quiz-context-bar button{color:#177ba4}
html[data-theme="day"] body[data-view="quiz"] .quiz-context-bar b{color:#153d5c}
html[data-theme="day"] body[data-view="quiz"] .quiz-context-bar :is(span,em){color:#7890a1}

html[data-theme="day"] body[data-view="quiz"].quiz-answering main{
  background:linear-gradient(rgba(44,123,167,.045) 1px,transparent 1px),linear-gradient(180deg,#f8fcff,#f2f8fc);background-size:100% 38px,auto
}
html[data-theme="day"] body[data-view="quiz"].quiz-answering .quiz-page.is-answering{color:#143b59;padding-top:28px}
html[data-theme="day"] body[data-view="quiz"].quiz-answering .quiz-page.is-answering>.study-mode-switch{display:none}
html[data-theme="day"] body[data-view="quiz"].quiz-answering .quiz-session-head>button{color:#66869b}
html[data-theme="day"] body[data-view="quiz"].quiz-answering .quiz-session-head>button:hover{color:#1769a0}
html[data-theme="day"] body[data-view="quiz"].quiz-answering .quiz-session-head h2{color:#143d5d}
html[data-theme="day"] body[data-view="quiz"].quiz-answering .quiz-session-head>div:nth-child(2)>span{color:#7891a2}
html[data-theme="day"] body[data-view="quiz"].quiz-answering .quiz-session-head .practice-score{background:rgba(255,255,255,.7);border-color:#d5e5ee}
html[data-theme="day"] body[data-view="quiz"].quiz-answering .practice-score b{color:#1769a0}
html[data-theme="day"] body[data-view="quiz"].quiz-answering .practice-progress{background:#dbe9f0}
html[data-theme="day"] body[data-view="quiz"].quiz-answering .practice-progress i{background:linear-gradient(90deg,#1988ba,#46bdd4)}
html[data-theme="day"] body[data-view="quiz"].quiz-answering .practice-meta{color:#7891a2;border-color:#d8e6ee}
html[data-theme="day"] body[data-view="quiz"].quiz-answering .tag.b{color:#176f99;background:#e8f5fb;border-color:#cbe4ef}
html[data-theme="day"] body[data-view="quiz"].quiz-answering .quiz-mode-label{color:#7b93a3}
html[data-theme="day"] body[data-view="quiz"].quiz-answering .quiz-stem>i{color:#fff;background:#1769a0;border-color:#1769a0;border-radius:9px}
html[data-theme="day"] body[data-view="quiz"].quiz-answering .quiz-q{color:#102f49}
html[data-theme="day"] body[data-view="quiz"].quiz-answering .question-context{color:#173e5d;background:linear-gradient(105deg,#e8f5f8,#f3f9fb);border-color:#c7e2e9}
html[data-theme="day"] body[data-view="quiz"].quiz-answering .question-context>span{color:#177b9e}
html[data-theme="day"] body[data-view="quiz"].quiz-answering .question-context p{color:#58788b}
html[data-theme="day"] body[data-view="quiz"].quiz-answering .quiz-options .opt{color:#17384f;background:rgba(255,255,255,.88);border-color:#d2e2eb;border-radius:12px}
html[data-theme="day"] body[data-view="quiz"].quiz-answering .quiz-options .opt .k{color:#347a9d;background:#e9f3f8}
html[data-theme="day"] body[data-view="quiz"].quiz-answering .practice-stage .opt:hover{border-color:#70b6d2;background:#f1f9fd}
html[data-theme="day"] body[data-view="quiz"].quiz-answering .practice-stage .opt.selected{border-color:#278db7;background:#e9f6fb;box-shadow:inset 4px 0 #278db7}
html[data-theme="day"] body[data-view="quiz"].quiz-answering .multi-submit{min-height:54px;color:#fff;background:#1769a0;border-radius:10px}
html[data-theme="day"] body[data-view="quiz"].quiz-answering .practice-nav{border-color:#d8e6ee}
html[data-theme="day"] body[data-view="quiz"].quiz-answering .practice-nav>span{color:#7891a2}
html[data-theme="day"] body[data-view="quiz"].quiz-answering .practice-nav>span b{color:#17466a}
html[data-theme="day"] body[data-view="quiz"].quiz-answering .quiz-nav-prev{color:#52778e;background:#fff;border-color:#cfdee7;border-radius:9px}
html[data-theme="day"] body[data-view="quiz"].quiz-answering .quiz-nav-next{color:#fff;background:#174d73;border-color:#174d73;border-radius:9px;box-shadow:0 9px 20px rgba(23,77,115,.14)}
html[data-theme="day"] body[data-view="quiz"].quiz-answering .quiz-nav-next:hover{background:#103d5f;border-color:#103d5f}
html[data-theme="day"] body[data-view="quiz"].quiz-answering .answer-reveal{color:#173e5d;background:#eaf5fa}
html[data-theme="day"] body[data-view="quiz"].quiz-answering .answer-reveal .answer-letters{color:#176f9d}
html[data-theme="day"] body[data-view="quiz"].quiz-answering .quiz-exp{color:#365b70;background:#edf7fa;border-left-color:#2992b5}
@media(max-width:768px){
  html[data-theme="day"] body[data-view="quiz"] .quiz-page{padding:78px 16px 42px}
  html[data-theme="day"] body[data-view="quiz"] .study-mode-switch{width:100%;margin-bottom:34px}
  html[data-theme="day"] body[data-view="quiz"] .study-mode-switch button{min-width:0;flex:1;padding:10px}
  html[data-theme="day"] body[data-view="quiz"] .study-mode-switch em{display:none}
  html[data-theme="day"] body[data-view="quiz"] .quiz-entry-section .quiz-subjects{grid-template-columns:1fr}
  html[data-theme="day"] body[data-view="quiz"].quiz-answering .quiz-page.is-answering{padding:18px 15px 32px}
}