/* Gallipoli Uncovered student sheets: A4, black on white, Lato headings, Calibri body. */
@page { size: A4; margin: 12mm 12mm 14mm; }
* { box-sizing: border-box; }
body { margin: 0; background: #d9d4c7; font-family: Calibri, Carlito, 'Lato', Arial, sans-serif; font-size: 12.5pt; line-height: 1.4; color: #111; }
.bar { max-width: 210mm; margin: 12px auto; display: flex; justify-content: space-between; align-items: center; font-family: 'Lato', sans-serif; }
.bar a { color: #7e1f12; }
.bar button { font: 700 14px 'Lato', sans-serif; padding: 10px 16px; background: #c9452f; color: #fff; border: 0; border-radius: 6px; cursor: pointer; }
.a4 { width: 210mm; min-height: 297mm; margin: 0 auto 24px; padding: 12mm; background: #fff; box-shadow: 0 2px 12px rgba(0,0,0,.2); position: relative; }
h1, h2, .sh-kick { font-family: 'Lato', Arial, sans-serif; }
.sh-head { display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; border-bottom: 3px solid #111; padding-bottom: 6px; margin-bottom: 8px; }
.sh-head .pp { width: 40px; height: 40px; }
.sh-kick { margin: 0; font-size: 9.5pt; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #7e1f12; }
.sh-head h1 { margin: 0; font-size: 19pt; font-weight: 900; line-height: 1.1; }
.sh-name { margin: 0; font-size: 11pt; }
.bigq { font-family: 'Lato', sans-serif; font-weight: 700; font-size: 13.5pt; margin: 6px 0 10px; padding: 6px 10px; background: #f3ece0; border-left: 5px solid #c9452f; }
.box { border: 1.5px solid #333; border-radius: 8px; padding: 8px 12px 10px; margin: 0 0 9px; break-inside: avoid; }
.box h2 { margin: 0 0 4px; font-size: 13pt; font-weight: 900; }
.box p { margin: 4px 0; }
.gap { display: inline-block; min-width: 34mm; border-bottom: 1px solid #111; }
.chain { display: grid; gap: 4px; }
.chain div { padding: 3px 0 3px 4px; }
.cards { font-size: 11.5pt; line-height: 1.6; }
.two { width: 100%; border-collapse: collapse; margin-top: 4px; }
.two th, .two td { border: 1px solid #555; padding: 5px 7px; text-align: left; vertical-align: top; font-size: 11.5pt; }
.two th { background: #f3ece0; font-family: 'Lato', sans-serif; }
.two td:empty { height: 22mm; }
.steps { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0; }
.steps span { border: 1px dashed #555; border-radius: 6px; padding: 4px 8px; font-size: 11.5pt; }
.ln { border-bottom: 1px solid #555; height: 8mm; }
.voice { margin: 4px 0; padding: 4px 8px; background: #f7f4ee; border-radius: 4px; font-size: 11.5pt; }
.voice i { display: block; font-size: 10pt; color: #444; }
.rec { width: 100%; border-collapse: collapse; }
.rec th, .rec td { border: 1px solid #555; padding: 5px 7px; text-align: left; font-size: 11.5pt; }
.rec th { width: 40%; background: #f3ece0; font-family: 'Lato', sans-serif; font-weight: 700; }
.rec td { height: 9mm; }
.rec.three th { width: 22%; }
.tip, .note, .src { font-size: 10.5pt; color: #333; }
.note { border: 1px solid #c9452f; border-radius: 6px; padding: 5px 8px; }
.did { font-family: 'Lato', sans-serif; font-weight: 700; font-size: 11pt; color: #7e1f12; margin: 6px 0; }
.ode { font-size: 13pt; line-height: 1.5; text-align: center; margin: 6px 0; }
.card-make { display: grid; grid-template-columns: 42mm 1fr; gap: 10px; align-items: center; }
.poppy-c { border: 1.5px dashed #555; border-radius: 50%; width: 40mm; height: 40mm; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; font-size: 9pt; color: #555; }
.poppy-c svg { width: 16mm; height: 16mm; opacity: .35; }
.mapbox { height: 50mm; border: 1px dashed #555; border-radius: 6px; }
.sh-foot { position: absolute; left: 12mm; right: 12mm; bottom: 6mm; text-align: center; font: 9pt 'Lato', sans-serif; color: #444; border-top: 1px solid #bbb; padding-top: 3px; }
@media print {
  body { background: #fff; }
  .no-print { display: none !important; }
  .a4 { width: auto; min-height: 0; margin: 0; padding: 0 0 8mm; box-shadow: none; position: static; }
  .sh-foot { position: fixed; bottom: 0; left: 0; right: 0; }
}
.compact .rec td { height: 7.5mm; }
.compact .box { margin-bottom: 7px; padding-top: 6px; padding-bottom: 7px; }
.compact .ln { height: 7mm; }

/* On screen, read the sheets larger (print and the PDFs are unchanged) */
@media screen { body { line-height: 1.55; } .cards { line-height: 1.6; } }
@media screen and (min-width: 900px) { body { zoom: 1.25; } }
@media screen and (max-width: 899px) {
  body { zoom: 1.2; }
  .a4 { width: auto; min-height: 0; margin: 0 0 16px; padding: 14px; }
  .bar { padding: 0 10px; }
  .a4 { overflow-wrap: anywhere; }
  .two, .rec { display: block; overflow-x: auto; }
  .card-make { grid-template-columns: 1fr; }
  .sh-head { grid-template-columns: auto 1fr; }
  .sh-name { grid-column: 1 / -1; }
  .gap { min-width: 24mm; }
}