/* Teaching guide (build/pages/teaching.py). Builds on guides.css and sessions.css (contents, sections, print). */

/* Quick reference: one screen, printed first */
.tg-quick{margin:0 0 3rem;padding:1.6rem 1.8rem;border-radius:18px;background:var(--callout);border:1px solid var(--callout-line);color:var(--callout-ink)}
.prose .tg-quick-h{margin:0 0 .9rem;font-family:var(--f-mono);font-size:.74rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--callout-strong)}
.prose .tg-quick ol{margin:0;padding-left:1.4rem}
.prose .tg-quick li{margin:.45rem 0;line-height:1.5}
.tg-quick strong,.tg-quick a{color:var(--callout-strong)}
.tg-quick a{overflow-wrap:anywhere}
.prose .tg-quick-foot{margin:1rem 0 0;padding-top:.8rem;border-top:1px solid var(--callout-line);font-size:.9rem}
@media (max-width:640px){.tg-quick{padding:1.2rem 1.1rem}.prose .tg-quick ol{padding-left:1.2rem}}

/* Explaining vs advising, say vs not: two cells side by side, stacked on phones */
.tg-pairs{display:grid;gap:.8rem;margin:1rem 0 1.8rem}
.tg-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper-3)}
.prose .tg-pair p{margin:0;padding:1rem 1.1rem;font-size:.95rem;line-height:1.5}
.tg-dont{border-left:1px dashed var(--line-2);color:var(--muted)}
.tg-label{display:block;margin-bottom:.3rem;font-family:var(--f-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}
.tg-do .tg-label{color:var(--tick)}
.tg-dont .tg-label{color:var(--ember-ink)}
@media (max-width:640px){.tg-pair{grid-template-columns:1fr}.tg-dont{border-left:0;border-top:1px dashed var(--line-2)}}

/* Numbered steps */
.prose .tg-steps{padding-left:1.4rem}
.prose .tg-steps li{margin:.6rem 0}

/* Urgent note and situations */
.tg-urgent{margin:0 0 1.6rem;background:var(--err-bg);border-color:var(--err-line);color:var(--err-ink)}
.tg-urgent strong{color:var(--err-ink)}
.tg-dl{margin:1rem 0 1.6rem;border-top:1px solid var(--line)}
.tg-dl dt{margin:0;padding-top:1rem;font-weight:600;color:var(--text)}
.tg-dl dd{margin:.3rem 0 0;padding-bottom:1rem;border-bottom:1px solid var(--line);color:var(--body)}
.prose .tg-help{list-style:none;padding:0;margin:1rem 0 1.6rem;border-top:1px solid var(--line)}
.prose .tg-help li{margin:0;padding:.9rem 0;border-bottom:1px solid var(--line);line-height:1.8}
.tg-help strong{display:block;line-height:1.5;color:var(--text)}

@media print{
  .tg-quick{break-inside:avoid;background:#fff!important;color:#000!important;border:2px solid #000}
  .tg-quick strong,.tg-quick a,.prose .tg-quick-h{color:#000}
  .tg-pair{break-inside:avoid;background:#fff;border-color:#999}
  .tg-dont{color:#333}
  .tg-urgent{background:#fff!important;color:#000!important;border:2px solid #000}
  .tg-urgent strong{color:#000}
  .tg-dl dt{break-after:avoid}
  .tg-dl dd,.tg-steps li{break-inside:avoid}
  .guide-item h2,.guide-item h3{break-after:avoid}
  /* the help pages' addresses don't help on paper; print the country names only */
  .tg-help a::after{content:none!important}
}