/* Shared print-first B&W stylesheet — Dr. Ras Mulinta · Physics 11 materials */
/* Designed to photocopy and print cleanly in black and white. */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,700&family=Spline+Sans:wght@400;500;600&family=Space+Mono:wght@400;700&display=swap');

:root{
  --ink:#000; --soft:#333; --mute:#555; --line:#000; --hair:#bbb; --box:#f1f1f1;
}
*{box-sizing:border-box}
body{
  margin:0; background:#e9e9e9; color:var(--ink);
  font-family:"Spline Sans",system-ui,sans-serif; font-size:15px; line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
.sheet{max-width:800px; margin:24px auto; background:#fff; padding:52px 58px;
  box-shadow:0 12px 40px -22px rgba(0,0,0,.6); border:1px solid var(--hair)}

/* Masthead */
.mast{display:flex; justify-content:space-between; align-items:flex-end; border-bottom:2.5px solid var(--ink); padding-bottom:12px; margin-bottom:6px}
.mast .l .course{font-family:"Space Mono",monospace; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--soft)}
.mast .l h1{font-family:"Fraunces",Georgia,serif; font-weight:700; font-size:31px; line-height:1.04; margin:4px 0 0; letter-spacing:-.01em}
.mast .r{text-align:right; font-size:11px; color:var(--mute); font-family:"Space Mono",monospace; line-height:1.5}
.kicker{font-family:"Space Mono",monospace; font-size:11.5px; color:var(--soft); margin:10px 0 22px}
.namebar{display:flex; gap:28px; font-size:12px; color:var(--soft); margin:12px 0 26px; font-family:"Space Mono",monospace}
.namebar span{border-bottom:1px solid var(--ink); flex:1; padding-bottom:3px}

/* Sections */
section.topic{margin:0 0 26px; break-inside:avoid; page-break-inside:avoid}
section.topic > h2{font-family:"Fraunces",serif; font-weight:700; font-size:21px; margin:0 0 4px; color:var(--ink);
  display:flex; align-items:baseline; gap:10px}
section.topic > h2 .code{font-family:"Space Mono",monospace; font-size:12px; color:#fff; background:var(--ink); padding:2px 8px; border-radius:3px}
.lead{color:var(--soft); margin:0 0 12px; font-size:14px}

/* Concept / notes box */
.note{background:var(--box); border:1px solid var(--ink); border-left:4px solid var(--ink); border-radius:0; padding:11px 16px; margin:11px 0; font-size:14px}
.note b{color:var(--ink)}
.formula{font-family:"Space Mono",monospace; background:#fff; border:1px solid var(--ink); border-radius:3px; padding:1px 7px; font-size:13.5px; display:inline-block}

/* Worked example */
.worked{border:1.5px solid var(--ink); border-radius:4px; padding:12px 16px; margin:11px 0; background:#fff}
.worked .wl{font-family:"Space Mono",monospace; font-size:10.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--ink); margin-bottom:6px; border-bottom:1px solid var(--hair); padding-bottom:5px}
.worked .step{margin:4px 0; font-size:14px}

/* Practice questions */
.practice h3{font-family:"Space Mono",monospace; font-size:11.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--ink); border-top:1.5px solid var(--ink); padding-top:10px; margin:16px 0 6px}
ol.q{list-style:none; margin:0; padding:0}
ol.q li{display:flex; gap:11px; padding:8px 0; border-bottom:1px solid var(--hair); break-inside:avoid; page-break-inside:avoid; align-items:flex-start}
ol.q li .qn{font-family:"Space Mono",monospace; font-weight:700; color:var(--ink); min-width:34px}
ol.q li .qt{flex:1}

/* Answer key */
.key .ans{color:var(--ink); font-family:"Space Mono",monospace; font-weight:700; text-decoration:underline; text-underline-offset:2px}
.key ol.q li .qt{font-size:14px}
.key .sol{color:var(--soft); font-size:13px; margin-top:3px}

/* ---- Exam / Test extensions ---- */
.exam-instr{border:1px solid var(--ink); padding:9px 14px; font-size:12px; margin:0 0 20px; display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px 20px}
.exam-instr b{font-family:"Space Mono",monospace}
.sectlabel{font-family:"Space Mono",monospace; font-size:12px; letter-spacing:.14em; text-transform:uppercase; border-bottom:1.5px solid var(--ink); padding-bottom:6px; margin:22px 0 8px; display:flex; justify-content:space-between}
ol.q li .mk{font-family:"Space Mono",monospace; font-size:10.5px; color:var(--mute); white-space:nowrap; padding-left:10px; padding-top:2px}
.mc{display:grid; grid-template-columns:1fr 1fr; gap:1px 22px; margin:6px 0 2px; font-size:13.5px}
.mc span b{font-family:"Space Mono",monospace; margin-right:5px}
.work{border-bottom:1px solid var(--hair); margin:10px 0; height:0}
.work.tall{margin:22px 0}
.key .mc .correct{font-weight:700; text-decoration:underline; text-underline-offset:2px}

/* ---- Lab tables ---- */
table.data{width:100%; border-collapse:collapse; margin:12px 0; font-size:13.5px}
table.data th, table.data td{border:1px solid var(--ink); padding:7px 9px; text-align:left}
table.data th{font-family:"Space Mono",monospace; font-size:11px; letter-spacing:.06em; text-transform:uppercase; background:var(--box)}
table.data .blank td{height:28px}
.materials{columns:2; font-size:13.5px; margin:4px 0 0}
.materials li{break-inside:avoid}
.pagebreak{break-before:page; page-break-before:always}
.note2{display:block; font-family:"Space Mono",monospace; font-size:11px; color:var(--mute); margin-top:6px; padding-top:5px; border-top:1px dotted var(--hair)}

footer.foot{margin-top:32px; border-top:1px solid var(--ink); padding-top:12px; font-size:11px; color:var(--mute); font-family:"Space Mono",monospace; display:flex; justify-content:space-between}
a.pill{text-decoration:none; cursor:pointer}

@media print{
  @page{margin:14mm}
  body{background:#fff; font-size:12pt; color:#000}
  .sheet{box-shadow:none; border:none; margin:0; padding:0; max-width:100%}
  .note{background:#fff} .worked{background:#fff}
  .noprint{display:none !important}
  a{color:#000; text-decoration:none}
  section.topic{page-break-inside:avoid}
}
@media(max-width:680px){ .sheet{padding:28px 22px} .mast{flex-direction:column; align-items:flex-start; gap:8px} .mast .r{text-align:left} }