/* =====================================================================
   AID GRADE 8 — bookstyle.css  (THE AID BOOK LOOK)
   A pure-CSS redesign of the printed sheet: textbook masthead,
   semantic color language, highlighter effects, icons, and a
   question sheet that looks like a page from a world-class book.
   ---------------------------------------------------------------------
   TO CHANGE THE COLORS: edit the seven values below — nothing else.
===================================================================== */

@media print{

/* ============ THE PALETTE — edit me ============ */
.pp-paper{
  --bk-navy:#1e3a5f;    /* masthead, question numbers      */
  --bk-gold:#c9a227;    /* brand rules, memory hook        */
  --bk-blue:#2563eb;    /* vocabulary                      */
  --bk-amber:#d97706;   /* the method + THE HIGHLIGHTER    */
  --bk-green:#15803d;   /* correct methods, examples       */
  --bk-red:#7a2e1d;     /* traps and dangers               */
  --bk-purple:#6d28d9;  /* practice and coach tips         */
  counter-reset:stpg;
}

/* force every color to actually print */
.pp-paper, .pp-paper *{
  -webkit-print-color-adjust:exact !important;
  print-color-adjust:exact !important;
}

/* body text: sans-serif, roomy line-height (dyslexia-friendly) */
.pp-paper .st-steps li, .pp-paper .st-exs li,
.pp-paper .st-prac li, .pp-paper .st-words td,
.pp-paper .st-trap td, .pp-paper .st-aim, .pp-paper .st-tip{
  font-family:Arial,Helvetica,sans-serif !important;
  line-height:1.55 !important;
}

/* ==================================================================
   THE MASTHEAD — dark navy band, gold rule (the book cover feel)
================================================================== */
.pp-paper .pp-top{
  background:var(--bk-navy) !important;
  color:#fff !important;
  border:none !important;
  border-bottom:3.5px solid var(--bk-gold) !important;
  border-radius:9px 9px 0 0 !important;
  padding:9px 14px !important;
}
.pp-paper .pp-brand{color:#fff !important}
.pp-paper .pp-brand span{color:#f3cf6b !important}
.pp-paper .pp-grade{color:#f3cf6b !important}
.pp-paper .pp-title{
  font-size:17pt !important;
  margin:13px 0 3px !important;
  color:#14202e !important;
}
.pp-paper .pp-meta{font-style:normal !important; color:#555 !important}
.pp-paper .pp-flds i{border-bottom:1.2px solid #333 !important}

/* the instructions box — a blue "read me" panel */
.pp-paper .pp-inst{
  background:#e8f0fe !important;
  border:1px solid var(--bk-blue) !important;
  border-left:4.5px solid var(--bk-blue) !important;
  border-radius:6px !important;
  color:#1e3a5f !important;
  padding:7px 11px !important;
}
.pp-paper .pp-inst::before{content:"📋  "; font-size:10pt}
.pp-paper .pp-inst b{color:var(--bk-blue) !important}

/* ==================================================================
   STUDY PAGE 1 — the understanding page
================================================================== */
.pp-paper .st-page{page-break-after:always !important; counter-increment:stpg}
.pp-paper .st-page::after{
  content:"STUDY PAGE " counter(stpg) " OF 2";
  display:block; text-align:center;
  color:#9a948a !important; font-size:7.6pt !important;
  letter-spacing:.22em; margin-top:14px;
}

/* the big ribbon */
.pp-paper .st-band{
  display:inline-block !important;
  background:var(--bk-navy) !important;
  color:#fff !important;
  border:none !important;
  border-radius:4px !important;
  padding:4px 12px !important;
  font-size:8pt !important;
  letter-spacing:.26em !important;
  font-weight:700 !important;
  margin-bottom:7px !important;
}
.pp-paper .st-band::before{content:"📚  "}

.pp-paper .st-top{color:#5a6b7d !important; letter-spacing:.2em !important}
.pp-paper .st-les{
  color:var(--bk-navy) !important;
  font-size:16.5pt !important;
  border-bottom:2.5px solid var(--bk-gold) !important;
  padding-bottom:5px !important;
  margin:3px 0 8px !important;
}

/* the AIM — a gold target box */
.pp-paper .st-aim{
  background:#fff8e6 !important;
  border:none !important;
  border-left:4.5px solid var(--bk-gold) !important;
  border-radius:0 7px 7px 0 !important;
  padding:7px 11px !important;
  color:#4a3b0f !important;
  font-style:normal !important;
  font-weight:600 !important;
}
.pp-paper .st-aim::before{content:"🎯  "}

/* section headers — colored pills; the :has() rules color each
   section by WHAT FOLLOWS it (words/steps/example/traps/practice) */
.pp-paper .st-h{
  color:#fff !important;
  background:var(--bk-navy) !important;
  border:none !important;
  border-radius:5px !important;
  padding:4px 11px !important;
  font-size:8.8pt !important;
  letter-spacing:.15em !important;
  margin:13px 0 7px !important;
}
.pp-paper .st-h:has(+ .st-words){background:var(--bk-blue) !important}
.pp-paper .st-h:has(+ .st-words)::before{content:"📖  "}
.pp-paper .st-h:has(+ .st-steps){background:var(--bk-amber) !important}
.pp-paper .st-h:has(+ .st-steps)::before{content:"👣  "}
.pp-paper .st-h:has(+ .st-ex){background:var(--bk-green) !important}
.pp-paper .st-h:has(+ .st-ex)::before{content:"✏️  "}
.pp-paper .st-h:has(+ .st-trap){background:var(--bk-red) !important}
.pp-paper .st-h:has(+ .st-trap)::before{content:"⚠️  "}
.pp-paper .st-h:has(+ .st-prac){background:var(--bk-purple) !important}
.pp-paper .st-h:has(+ .st-prac)::before{content:"🎯  "}

/* vocabulary — blue chips in the first column */
.pp-paper .st-words td{border-bottom:1px dotted #cbd5e1 !important; padding:4.5px 10px 4.5px 0 !important}
.pp-paper .st-wt{
  background:#e8f0fe !important;
  color:#1d4ed8 !important;
  border-radius:5px !important;
  padding:2px 9px !important;
  font-weight:700 !important;
}

/* the METHOD steps — amber numbers + THE HIGHLIGHTER */
.pp-paper .st-steps{padding-left:24px !important}
.pp-paper .st-steps li{margin:5.5px 0 !important; font-size:10.6pt !important}
.pp-paper .st-steps li::marker{color:var(--bk-amber) !important; font-weight:700 !important}

/* THE HIGHLIGHTER — one amber marker for every important word,
   in steps AND examples (one color = one meaning, everywhere) */
.pp-paper .st-steps b, .pp-paper .st-exs b, .pp-paper .st-aim b{
  background:#fde68a !important;
  color:#78350f !important;
  padding:0 4px !important;
  border-radius:3px !important;
  font-weight:700 !important;
}

/* the coach tip — purple bubble */
.pp-paper .st-tip{
  background:#f3e8fb !important;
  border:none !important;
  border-left:4.5px solid var(--bk-purple) !important;
  border-radius:0 7px 7px 0 !important;
  color:#4c1d95 !important;
  font-style:normal !important;
  padding:7px 11px !important;
}
.pp-paper .st-tip::before{content:"💡  "}

/* ==================================================================
   STUDY PAGE 2 — the doing page
================================================================== */
.pp-paper .st-les2{
  background:var(--bk-gold) !important;
  color:#1e3a5f !important;
  border:none !important;
  border-radius:4px !important;
  padding:3px 11px !important;
  font-weight:700 !important;
}
.pp-paper .st-les2::before{content:"📌  "}

/* worked example — green card */
.pp-paper .st-ex{
  background:#f0fdf4 !important;
  border:1px solid #bbf7d0 !important;
  border-left:4.5px solid var(--bk-green) !important;
  border-radius:7px !important;
  padding:9px 13px !important;
}
.pp-paper .st-exq{color:#14532d !important}
.pp-paper .st-exq::before{content:"✏️  "}
.pp-paper .st-exs li{margin:4px 0 !important; font-size:10.4pt !important}
.pp-paper .st-exs li::marker{color:var(--bk-green) !important; font-weight:700 !important}

/* the traps table — red alert header, striped rows */
.pp-paper .st-trap th{background:var(--bk-red) !important; color:#fff !important}
.pp-paper .st-trap td{border:1px solid #e7d5d0 !important}
.pp-paper .st-trap tr:nth-child(even) td{background:#fbf3f0 !important}
.pp-paper .st-tb{color:var(--bk-red) !important}
.pp-paper .st-tf{color:var(--bk-green) !important}
.pp-paper .st-tf::before{content:"✔ "}

/* quick practice */
.pp-paper .st-prac li{margin:4.5px 0 !important; font-size:10.5pt !important}
.pp-paper .st-prac li::marker{color:var(--bk-purple) !important; font-weight:700 !important}
.pp-paper .st-ans{
  border-top:1px dotted #999 !important;
  color:#444 !important;
  font-style:italic !important;
}
.pp-paper .st-ans b{color:var(--bk-green) !important}
.pp-paper .st-ans::before{content:"🔑  "}

/* the memory hook — the golden sticky note */
.pp-paper .st-hook{
  background:#fff8e1 !important;
  border:1.5px solid var(--bk-gold) !important;
  border-radius:7px !important;
  padding:8px 12px !important;
  color:#78350f !important;
  font-weight:600 !important;
}
.pp-paper .st-hook::before{content:"🧠  "}
.pp-paper .st-hook b{color:var(--bk-navy) !important}

/* ==================================================================
   THE QUESTION SHEET — like a page from the book itself
================================================================== */
.pp-paper .pp-q{border-bottom:1px dotted #d8d2c4 !important; padding:11px 0 9px !important}

/* question numbers — navy coins */
.pp-paper .pp-qn{
  background:var(--bk-navy) !important;
  color:#fff !important;
  border:none !important;
  border-radius:50% !important;
  width:22px !important; height:22px !important;
  font-weight:700 !important;
}

/* choice letters — small navy badges */
.pp-paper .pp-ch b{
  background:var(--bk-navy) !important;
  color:#fff !important;
  border-radius:9px !important;
  padding:0 6px !important;
  margin-right:5px !important;
  font-weight:700 !important;
}

/* the workspace — a cream drafting box */
.pp-paper .pp-w{
  background:#fdfaf1 !important;
  border:1.5px dashed var(--bk-gold) !important;
  border-radius:7px !important;
}
.pp-paper .pp-wl{color:#b08d2c !important; letter-spacing:.22em !important}
.pp-paper .pp-wa{border-top:1px dashed #d5c9a8 !important}
.pp-paper .pp-wa i{border-bottom:1.2px solid #333 !important}

/* section headers on the sheet pages */
.pp-paper .pp-h2{
  color:var(--bk-navy) !important;
  border-bottom:2.5px solid var(--bk-gold) !important;
  letter-spacing:.06em !important;
}

/* answer sheet bubbles */
.pp-paper .pp-b{border:1.4px solid var(--bk-navy) !important; color:#9aa4b2 !important}
.pp-paper .pp-br b{color:var(--bk-navy) !important}
.pp-paper .pp-cut span{color:#999 !important}

/* answer key — green coin for the letter */
.pp-paper .pp-kl{
  background:var(--bk-green) !important;
  color:#fff !important;
  border-radius:4px !important;
  padding:0 6px !important;
  font-weight:700 !important;
}
.pp-paper .pp-ks{font-style:italic !important}
.pp-paper .pp-foot{
  border-top:2px solid var(--bk-gold) !important;
  color:#777 !important;
  padding-top:6px !important;
}

/* END bookstyle.css */