@import url("../../../assets/algebra1-student-experience-v2.css");
@import url("../../../../../../assets/vervenveda-parchment.css");
@import url("../../../../../../assets/math-course-visual-unifier.css?v=20261013");
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#080a0e;color:#f6f1e7;font-family:"Avenir Next","Segoe UI",Arial,sans-serif;line-height:1.65}a{color:#f0d28a}.wrap{width:min(1120px,92%);margin:auto}.hero{text-align:center;padding:64px 0 38px;background:radial-gradient(circle at 50% 0,#25324a 0,transparent 38rem)}.eyebrow{color:#d8b45f;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:800}h1,h2,h3{font-family:Cinzel,Georgia,serif}h1{font-size:clamp(2.5rem,6vw,5rem);line-height:1;margin:.4rem 0}.lead{max-width:850px;margin:auto;color:#c9c0b2}.nav,.actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:20px 0}.btn{border:1px solid #5f5130;background:#191c22;color:#f6f1e7;border-radius:10px;padding:10px 14px;text-decoration:none;font-weight:700}.primary{background:#d8b45f;color:#171006}.block{padding:22px 0}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.card{grid-column:span 6;background:#15181e;border:1px solid #4e432a;border-radius:18px;padding:22px}.full{grid-column:1/-1}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.lesson-grid .card{grid-column:auto}.movement{border-left:3px solid #d8b45f}.question{padding:16px;margin:12px 0;background:#111318;border:1px solid #34302a;border-radius:12px}.option{display:block;padding:7px}.feedback{margin-top:8px;padding:9px;border-radius:8px}.good{background:#17351f}.bad{background:#402023}.notice{padding:14px;background:#222018;border-left:3px solid #d8b45f}.lab{background:#121c28}.boss{background:#251d13}.snapshot{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#4e432a;border:1px solid #4e432a;border-radius:14px;overflow:hidden;margin-top:28px}.metric{background:#111318;padding:15px;text-align:center}.metric strong{display:block;font-size:1.5rem;color:#f0d28a}textarea{width:100%;min-height:100px;background:#0c0e12;color:#fff;border:1px solid #4e432a;border-radius:8px;padding:10px}@media(max-width:800px){.lesson-grid{grid-template-columns:1fr}.card{grid-column:1/-1}.snapshot{grid-template-columns:repeat(2,1fr)}}@media print{body{background:#fff;color:#111}.hero{background:#fff}.btn,.no-print{display:none}.card{background:#fff;border-color:#aaa}.lead{color:#333}}

/* 2026-10-14: Unit 01 matches the shared parchment course presentation. */
html:root:root body .hero{padding:clamp(40px,6vw,70px) 0 clamp(32px,4vw,54px)}
html:root:root body .hero .eyebrow{font-size:clamp(26px,3.8vw,44px)!important;line-height:1.2!important;letter-spacing:.015em!important;text-transform:none!important;max-width:960px;margin:0 auto 14px}
html:root:root body .hero h1{font-size:clamp(27px,3vw,33px)!important;line-height:1.3!important;max-width:960px;margin:12px auto 16px}
html:root:root body .hero .lead{font-size:clamp(18px,2vw,24px)!important;line-height:1.55!important;max-width:850px}
html:root:root body .block{padding:clamp(28px,4vw,52px) 0}
html:root:root body .card{border-radius:7px}
html:root:root body .card p,html:root:root body .question{font-size:clamp(16px,1.3vw,18px);line-height:1.7}
html:root:root body .card .eyebrow{font-size:13px!important;line-height:1.5!important;letter-spacing:.07em!important}
@media print{html:root:root body .hero{padding:14px 0!important}html:root:root body .block{padding:12px 0!important}}


/* Unit 01 printable assessment presentation. */
@media print{
 @page{size:letter portrait;margin:.6in}
 html:root:root body{background:#fff!important;color:#111!important;font-size:11pt!important;line-height:1.45!important}
 html:root:root body .hero{display:block!important;background:#fff!important;padding:0 0 14pt!important;margin-bottom:12pt!important;border-bottom:1px solid #888}
 html:root:root body .hero .eyebrow{font-size:12pt!important;color:#333!important}
 html:root:root body .hero h1{font-size:22pt!important;color:#111!important}
 html:root:root body .hero .lead{font-size:11pt!important;color:#222!important;line-height:1.45!important}
 html:root:root body .nav,html:root:root body .actions,html:root:root body .snapshot,html:root:root body .btn{display:none!important}
 html:root:root body .block{padding:0!important;margin:0 0 14pt!important}
 html:root:root body .wrap{width:100%!important;max-width:none!important}
 html:root:root body .question{break-inside:avoid;page-break-inside:avoid;background:#fff!important;color:#111!important;border:1px solid #999!important;margin:0 0 12pt!important}
 html:root:root body .option,html:root:root body .question strong{color:#111!important}
 html:root:root body .feedback,html:root:root body #result{display:none!important}
 html:root:root body .card,html:root:root body .notice{background:#fff!important;color:#111!important;border-color:#999!important;box-shadow:none!important}
 html:root:root body input[type=radio]{appearance:auto!important}
}


/* Paper workspace: students can show calculations without the web application. */
@media print{
 html:root:root body .question::after{
  content:"Work / reasoning:  ____________________________________________________________";
  display:block!important;white-space:normal!important;
  min-height:46pt;margin-top:10pt;padding-top:8pt;
  border-top:1px dotted #777!important;
  font-size:9pt!important;line-height:1.6!important;color:#333!important;
 }
 html:root:root body .question{break-inside:avoid;page-break-inside:avoid}
 html:root:root body .question .feedback{display:none!important}
 html:root:root body .question input[type=radio]{appearance:auto!important}
}


/* Always print a blank answer marker, even when on-screen radios were selected. */
@media print{
 html:root:root body .question input[type="radio"],html:root:root body .question input[type="radio"]:checked{
  -webkit-appearance:none!important;appearance:none!important;
  display:inline-block!important;width:11pt!important;height:11pt!important;
  border:1pt solid #444!important;border-radius:50%!important;
  background:#fff!important;background-image:none!important;
  box-shadow:none!important;accent-color:transparent!important;
  vertical-align:middle!important;margin:0 5pt 0 0!important;
 }
}