/* ============================================================
   print.css — Biology Question Bank
   Applied ONLY when printing (media="print" in <link>).
   Goal: black & white, minimal ink, keep structure readable.
   ============================================================ */

/* --- Reset all colored backgrounds to white --- */
*,
body,
.page,
.header,
.content,
.q,
.q.easy,
.q.med,
.q.hard,
.a-block,
.a-easy,
.a-med,
.a-hard,
.ex-box,
.tip,
.ans-box,
.ans,
.fun,
.closer,
.mistake-box,
.ai-box,
.ai-prompt,
.learn-box,
.pill,
.sn,
.badge,
.b-easy,
.b-med,
.b-hard,
.strip {
  background: white !important;
  background-image: none !important;
  background-color: white !important;
  color: black !important;
  box-shadow: none !important;
}

/* --- Borders: replace colored borders with thin gray lines --- */
.q.easy,
.q.med,
.q.hard {
  border: 1px solid #aaa !important;
}

.a-block,
.a-easy,
.a-med,
.a-hard {
  border: 1px solid #aaa !important;
}

.ex-box {
  border: 1.5px solid #555 !important;
}

.ans-box,
.ans {
  border: 1.5px solid #555 !important;
}

.tip {
  border: 1px solid #aaa !important;
}

.mistake-box {
  border: 1px solid #aaa !important;
}

/* --- Header: white background, black text, no color strip --- */
.header {
  border-bottom: 2px solid black !important;
  padding: 16px 32px !important;
}

.header .label,
.header h1,
.header .desc {
  color: black !important;
  opacity: 1 !important;
}

/* --- Badges: outlined style instead of colored fills --- */
.badge,
.b-easy,
.b-med,
.b-hard {
  border: 1px solid #555 !important;
  padding: 1px 8px !important;
  font-size: 8pt !important;
}

/* --- Step number circles: outlined --- */
.sn {
  border: 1.5px solid #555 !important;
  color: black !important;
}

/* --- Answer boxes --- */
.ans,
.ans-box {
  font-weight: bold;
}

/* --- Lines work area: keep as-is --- */
.lines {
  background-color: white !important;
}

/* --- Hide all decorative / screen-only panels --- */
.no-print,
.fun,
.closer,
.ai-box,
.learn-box,
.mistake-box,
.nav,
.pills,
.pill {
  display: none !important;
}

/* --- Nav bar hidden --- */
.nav {
  display: none !important;
}

/* --- Page margins and layout --- */
@page {
  size: letter portrait;
  margin: 0.65in;
}

body {
  background: white !important;
  font-size: 10.5pt;
}

.page {
  margin: 0 !important;
  max-width: none !important;
  box-shadow: none !important;
}

/* --- Keep questions together --- */
.q,
.a-block {
  page-break-inside: avoid;
}

/* --- Reference sheet two-column grid: collapse to single for print --- */
.grid2 {
  display: block !important;
}

.grid2 > div {
  margin-bottom: 12px;
}

/* --- Section headers --- */
.sec-head {
  margin: 16px 0 10px !important;
}

.sec-line {
  background: #aaa !important;
}