:root{--ink:#243936;--muted:#62716e;--orange:#cb571f;--paper:#faf8f3;--line:#dedfd5;--green:#244e43}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #b5511e;outline-offset:5px}.skip{position:absolute;left:15px;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}.site-header{background:#fff;border-bottom:1px solid var(--line)}.header-inner{max-width:1120px;padding:23px 32px;margin:auto;display:flex;justify-content:space-between;align-items:center}.brand{text-decoration:none;font-size:23px;letter-spacing:-1px}.brand strong{color:var(--orange)}.brand span{display:block;font-size:10px;letter-spacing:1.2px;color:var(--muted);text-transform:uppercase}nav{display:flex;gap:28px;font-size:14px}nav a{text-decoration:none}nav a[aria-current]{color:var(--orange);font-weight:bold}main{max-width:1060px;margin:auto;padding:0 24px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15}h1{font-family:Georgia,serif;font-size:clamp(36px,5vw,58px);font-weight:normal;letter-spacing:-1.8px;margin-bottom:24px}h2{font:normal 32px Georgia,serif;margin-bottom:8px}h3{font-size:20px;margin:10px 0 8px}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:2px;color:var(--green);margin-bottom:18px}.eyebrow span{margin:0 9px;color:#a2a9a0}.index-hero{padding:65px 0 45px;max-width:710px}.index-hero h1{font-size:88px;margin:0 0 15px;letter-spacing:-4px}.orange-dot{color:var(--orange)}.intro{font-size:23px;line-height:1.45;margin-bottom:16px}.hero-description,.muted{color:var(--muted);max-width:620px}.hero-meta{display:flex;gap:22px;flex-wrap:wrap;margin-top:26px;font-size:12px;font-weight:bold}.hero-meta span:before{content:'•';color:var(--orange);margin-right:9px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px;padding-top:28px;border-top:1px solid var(--line);gap:16px}.section-heading .eyebrow{margin-bottom:10px}.section-heading>p{font-size:13px;color:var(--muted);margin-bottom:6px}.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.activity-card{display:flex;align-items:start;gap:19px;background:white;border:1px solid var(--line);border-radius:12px;padding:23px;text-decoration:none;transition:transform .15s,border-color .15s}.activity-card:hover{border-color:var(--orange);transform:translateY(-3px)}.card-number{font:22px Georgia,serif;color:#8b968c;padding-top:5px}.activity-card p{font-size:12px;color:var(--muted);margin:0}.badge{display:inline-block;padding:2px 9px;border-radius:5px;font-size:11px;font-weight:bold;background:#e9efe5;color:#36563c}.badge.b2{background:#f8eadb;color:#935422}.arrow{margin-left:auto;color:var(--orange);font-size:24px}.sister{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#eaf0e6;border-radius:14px;margin:36px 0 15px;padding:32px}.sister p{margin-bottom:0;color:var(--muted);font-size:14px}.sister .eyebrow{font-size:10px;margin-bottom:10px}footer{text-align:center;color:var(--muted);font-size:12px;padding:38px 20px}footer span{margin:0 10px;color:var(--orange)}#promo:empty{display:none}.back-link{display:inline-block;margin:28px 0 22px;font-size:13px;text-decoration:none}.steps{display:flex;list-style:none;padding:0;margin:0 0 25px;gap:25px;color:var(--muted);font-size:13px}.steps li{display:flex;align-items:center;gap:8px}.steps span{width:27px;height:27px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:11px}.steps [aria-current]{color:var(--green);font-weight:bold}.steps [aria-current] span{background:var(--green);border-color:var(--green);color:white}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:42px;box-shadow:0 8px 25px #24393605}.title-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:38px;align-items:center;min-height:460px}.title-art{background:#f3f2e9;border-radius:14px;padding:20px}.title-art img{width:100%;display:block;border-radius:8px}.button,button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--green);border:1px solid var(--green);border-radius:7px;color:white;padding:13px 21px;font:600 14px/1.5 Arial,sans-serif;text-decoration:none;cursor:pointer;min-height:48px}.button:hover,button:hover{background:#173b31}.title-panel .button{margin-top:16px}.secondary{background:transparent;color:var(--green);white-space:nowrap}.secondary:hover{color:white}.instruction{background:#f4f4eb;border-left:3px solid #bd7336;padding:16px 20px;font-size:14px;margin:26px 0}.reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:32px;align-items:start}.passage{font:19px/1.85 Georgia,serif}.passage b{color:var(--green)}.passage p{margin-bottom:23px}.passage img{max-width:100%}.reading-art{width:100%;border-radius:10px}.actions{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:25px;margin-top:25px}.text-link{font-size:14px}.quiz-panel{max-width:820px;margin:auto}.quiz-panel h1{font-size:38px}.question-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin:26px 0 10px}progress{width:100%;height:6px;accent-color:var(--green);display:block;margin-bottom:26px}blockquote{margin:0 0 23px;padding:22px;background:#f5f4ed;border-left:3px solid #c7cfbc;font:19px/1.65 Georgia,serif}.question-title{font-size:20px;line-height:1.5;font-weight:normal}.choices {
  display: grid;
  grid-template-columns: repeat(var(--option-count, 3), minmax(0, 1fr));
  gap: 10px;
  width: 100%;
  max-width: 600px;
}
.choices .choice {
  min-width: 0;
  min-height: 64px;
  height: auto;
  padding: 12px 8px;
  justify-content: center;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.5;
}.choice{background:white;color:var(--ink);border:1px solid #cdd4cc;justify-content:start;text-align:left;font-weight:normal;padding:16px 18px;width:100%}.choice:hover{background:#f0f4ed;border-color:var(--green)}.choice:disabled{cursor:default;opacity:1}.choice.correct{background:#e4f1e8;border-color:#408055;color:#205634}.choice.incorrect{background:#fcebe5;border-color:#b8583b;color:#843923}.answer-status{margin:20px 0 0;font-weight:bold}.continue-row{margin-top:25px;display:flex;justify-content:flex-end}.quiz-footer{margin-top:30px;border-top:1px solid var(--line);padding-top:18px;font-size:13px;color:var(--muted)}.feedback-copy{font:22px/1.65 Georgia,serif;background:#edf2e9;padding:26px;border-radius:10px}.result-number{font:70px Georgia,serif;color:var(--green);margin:15px 0}.result-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.glossary{font-size:18px;line-height:2.3}.glossary strong{color:var(--green)}[hidden]{display:none!important}@media(max-width:700px){.header-inner{padding:18px 22px}.brand{font-size:20px}nav{gap:15px;font-size:12px}nav a:first-child{display:none}main{padding:0 18px}.index-hero{padding:40px 0 30px}.index-hero h1{font-size:68px}.intro{font-size:20px}.hero-meta{gap:10px 18px}.section-heading{display:block}.section-heading>p{margin-top:12px}.card-grid{grid-template-columns:1fr}.activity-card{padding:20px}.sister{display:block;padding:25px}.sister .button{margin-top:22px}.panel{padding:25px 22px;border-radius:12px}.title-panel,.reading-layout{grid-template-columns:1fr;gap:25px}.title-art{max-width:350px;width:100%;margin:auto}.reading-art{max-width:260px;justify-self:center}.steps{gap:12px;justify-content:space-between;font-size:11px}.steps li{gap:5px}.steps span{width:22px;height:22px}.passage{font-size:18px}.actions{flex-wrap:wrap}.quiz-panel h1{font-size:32px}.feedback-copy{font-size:20px}.eyebrow{letter-spacing:1.4px;font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Match the Easy Reading design and shared Road to Grammar header. */
:root{--ink:#172033;--muted:#5f6878;--line:#dce3ec;--paper:#f4f7fb;--green:#235ea8}
body{background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;user-select:text}
h1,h2{font-family:inherit;font-weight:700;letter-spacing:-.035em}h1{font-size:clamp(32px,5vw,50px)}h2{font-size:30px}.passage{font-family:inherit}.title-art,blockquote,.instruction{background:#eef5ff}.instruction{border-color:#235ea8}.feedback-copy{background:#eef5ff;font-family:inherit}.button:hover,button:hover{background:#194b89}.choice:hover{background:#eef5ff}.secondary:hover{color:white}.title-panel{box-shadow:0 18px 50px #17203314}.reading-panel,.quiz-panel{box-shadow:0 18px 50px #17203314}.reading-art{margin-top:6px}#head1,#head1 *{box-sizing:content-box}#head1 a:focus-visible{outline-color:white}
body.index-page{background:#f9f9f9;font-family:Arial,sans-serif}.index-shell{max-width:840px;margin:40px auto 0;padding:20px;background:white;box-shadow:0 2px 8px #0000001a;border-radius:10px}.index-shell h1{font-size:32px;text-align:center;letter-spacing:normal;margin:10px 0 20px}.instructions{font-size:18px;color:#555;text-align:center;margin:0 0 30px}.contents-list{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:15px}.contents-list a{display:block;height:100%;padding:15px 20px;background:#eee;color:#333;text-decoration:none;border-radius:8px;font-size:18px;line-height:1.5}.contents-list a:hover{background:#d6d6d6;color:#000}.index-number{display:inline-block;color:#626262;font-size:14px;margin-right:10px;font-variant-numeric:tabular-nums}.level{white-space:nowrap;color:#626262;font-size:14px}.recall-link{max-width:840px;margin:25px auto 0;padding:0 20px;text-align:center;font-size:14px;color:#555}.recall-link a{color:#235ea8}#promo{margin:40px auto 0;text-align:center;max-width:100%}.resdevad{width:320px;height:50px}@media(min-width:500px){.resdevad{width:468px;height:60px}}@media(min-width:800px){.resdevad{width:728px;height:90px}}@media(max-width:880px){.index-shell{margin:24px 16px 0}}@media(max-width:480px){.contents-list{grid-template-columns:1fr}.steps{gap:6px}.steps li{font-size:10px}}

/* Keep space below the content after removing the repeated footer. */
body { padding-bottom: 40px; }

/* Reserve the result and continuation space before an answer is selected. */
.answer-feedback { display: grid; margin-top: 20px; }
.answer-feedback .answer-status {
  grid-area: 1 / 1;
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  margin: 0;
  padding: 14px 16px;
  border-radius: 9px;
  font-weight: 700;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.feedback-reserve { visibility: hidden; pointer-events: none; }
.feedback-live:empty { visibility: hidden; }
.answer-status > span:last-child { min-width: 0; }
.status-icon {
  display: grid;
  place-items: center;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border: 2px solid currentColor;
  border-radius: 50%;
  font: 700 22px/1 Arial, sans-serif;
}
.answer-status.is-correct { background: #18743b; color: #fff; }
.answer-status.is-incorrect { background: #b42318; color: #fff; }
.choice.correct, .choice.correct:hover { background: #18743b; border-color: #18743b; color: #fff; }
.choice.incorrect, .choice.incorrect:hover { background: #b42318; border-color: #b42318; color: #fff; }
.feedback-next { visibility: hidden; }
.feedback-next.is-visible { visibility: visible; }