/* מחברת אנטומיה: שכבת עיצוב אחת משותפת לכל השיעורים. נטענת אחרי ה-CSS הפנימי של כל שיעור ודורסת אותו.
   הצבעים והגופנים מ-tokens.css, שמועתק מ-css/tokens.css של האתר (scripts/sync-notebook.sh). לא עורכים את tokens.css כאן.
   הכול ב-@media screen, כדי שההדפסה תישאר כמו שהייתה. */
@media screen {
  :root {
    --ink: var(--gr-ink);
    --mut: var(--gr-ink-2);
    --blue: var(--gr-blue);
    --bg: var(--gr-paper);
    --line: #d8cdb4;
    --teal: var(--gr-mint);
  }

  body {
    font-family: var(--gr-font-ui);
    background: var(--gr-paper);
    color: var(--gr-ink);
  }

  a { color: var(--gr-blue); }

  :focus-visible,
  button:focus-visible,
  input:focus-visible,
  textarea:focus-visible,
  a:focus-visible,
  [contenteditable=true]:focus-visible {
    outline: 3px solid var(--gr-blue);
    outline-offset: 3px;
  }

  /* כותרת השיעור: כחול מלא, מסגרת דיו וצל קשה */
  .hero {
    background: var(--gr-blue);
    color: var(--gr-on-blue);
    border: var(--gr-border);
    border-radius: 0;
    box-shadow: var(--gr-shadow);
  }
  .hero h1 {
    font-family: var(--gr-font-display);
    font-size: 52px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0;
  }
  .hero p { opacity: 1; }
  .eyebrow { opacity: 1; font-family: var(--gr-font-latin); font-style: normal; }
  .chips span {
    border: 2px solid var(--gr-on-blue);
    border-radius: 0;
    padding: 4px 10px;
    font-size: 12px;
  }

  /* סרגל כלים וכפתורים */
  .toolbar {
    background: var(--gr-paper);
    border-bottom: var(--gr-border);
  }
  button {
    font-family: var(--gr-font-ui);
    background: var(--gr-card);
    color: var(--gr-ink);
    border: var(--gr-border);
    border-radius: 0;
    box-shadow: var(--gr-shadow-sm);
    font-weight: 500;
  }
  button:hover { border-color: var(--gr-ink); background: var(--gr-sun); }
  button:active { transform: translate(3px, 3px); box-shadow: none; }
  .primary,
  .editing .edit,
  button[aria-pressed=true] {
    background: var(--gr-sun);
    color: var(--gr-ink);
    border-color: var(--gr-ink);
  }

  .nav a {
    color: var(--gr-ink);
    background: var(--gr-card);
    border: var(--gr-border);
    border-radius: 0;
    font-weight: 500;
  }
  .nav a:hover { background: var(--gr-sun); color: var(--gr-ink); border-color: var(--gr-ink); }

  /* כרטיסי תוכן */
  .sec,
  .reference-card,
  .bone-card,
  .visual-block,
  .ready-resource,
  .source-figure,
  .peer-addition,
  .concept-card,
  .enrichment,
  .reading-details,
  .learning-model {
    background: var(--gr-card);
    border: var(--gr-border);
    border-radius: 0;
  }
  .sec { box-shadow: var(--gr-shadow); }
  .sec h2 {
    font-family: var(--gr-font-ui);
    font-weight: 700;
  }

  .lead, .reading-lead { color: var(--gr-ink); }
  .sub, .sources, .page, .source-online, footer, .quiz-head, .legend { color: var(--gr-ink-2); }

  table { background: var(--gr-card); }
  td, th { border: 1px solid var(--line); }
  th { background: var(--gr-paper-2); }
  tbody tr:nth-child(even) { background: var(--gr-paper); }

  /* הערות צבעוניות: צהוב, ורוד ומנטה */
  .pearl, .correction, .exam, .remember, .term-guide, .feedback, .save-note, .feedback {
    border: var(--gr-border);
    border-radius: 0;
    color: var(--gr-ink);
  }
  .pearl { background: #ffe9a3; }
  .correction { background: #ffd1e8; color: var(--gr-ink); }
  .exam { background: #c9f3df; }
  .remember { background: #c9f3df; border-inline-start-width: 6px; }
  .remember b { color: var(--gr-ink); }
  .term-guide { background: #c9f3df; border-inline-start-width: 6px; }
  .feedback { background: var(--gr-paper-2); }
  .save-note { background: var(--gr-card); }
  .flow { background: var(--gr-paper-2); border-radius: 0; }
  .flow div { border: var(--gr-border); border-radius: 0; background: var(--gr-card); }

  textarea, .bone-finder, .exact-label select {
    border: var(--gr-border);
    border-radius: 0;
    background: var(--gr-card);
    color: var(--gr-ink);
  }
  .editing [data-field] { outline-color: var(--gr-blue); background: var(--gr-card); }
  .personal { border-top: 2px dashed var(--gr-ink); }

  /* בוחן */
  .opt.correct { background: var(--gr-mint); border-color: var(--gr-ink); }
  .opt.incorrect { background: var(--gr-pink); border-color: var(--gr-ink); }

  /* מעבדות תלת־ממד: נשארות כהות, עם מסגרת דיו וצל קשה. הכפתורים שבתוכן בצהוב כשהם לחוצים */
  .lab {
    border: var(--gr-border);
    border-radius: 0;
    box-shadow: var(--gr-shadow);
  }
  .lab button { box-shadow: none; border-radius: 0; }
  .lab button[aria-pressed=true] { background: var(--gr-sun); border-color: var(--gr-sun); color: var(--gr-ink); }
  .toast { background: var(--gr-ink); color: var(--gr-paper); border-radius: 0; box-shadow: var(--gr-shadow-sm); }

  .source-link,
  .resource-links a {
    border: var(--gr-border);
    border-radius: 0;
    background: var(--gr-card);
    color: var(--gr-ink);
    box-shadow: var(--gr-shadow-sm);
    text-decoration: none;
    font-weight: 500;
  }
  .source-link:hover, .resource-links a:hover { background: var(--gr-sun); }

  @media (max-width: 650px) {
    .hero h1 { font-size: 40px; }
  }
}

/* QA: אזורי לחיצה של 44px לפחות בלי לשנות את הגודל הנראה. */
#fontPlus,#fontMinus{min-height:44px;min-width:44px}
img:not([src]),img[src=""]{display:none!important}
.lab .sub{color:#c9d6e8}.lab .sub a{color:#9db4ff}
#spl-knee-lab{color:#16130f}#spl-knee-lab .sub{color:#4a4540}