/* Kids' zone (pages built by scripts/build-kids.mjs): friendly type, coloured line art and print-ready sheets. */
.kids .k-nav { display: flex; flex-wrap: wrap; gap: 8px; margin: 6px 0 18px; }
.kids .k-nav a { padding: 6px 14px; border-radius: 999px; border: 1px solid var(--line); background: var(--panel); color: var(--paper); text-decoration: none; font-size: .95rem; }
.kids .k-nav a[aria-current="page"] { background: #c2410c; border-color: #c2410c; color: #fff; }
.kids .k-text p, .kids .k-story .lead { font-size: 1.16rem; line-height: 1.7; }
.kids .k-figure { margin: 18px 0 22px; }
.k-art { display: block; width: 100%; height: auto; }
.kids .k-figure .k-art { border-radius: 18px; border: 1px solid var(--line); background: #fffaf3; }
.k-thumb { display: block; margin: -6px -6px 8px; }
.k-thumb .k-art { border-radius: 14px; border: 1px solid var(--line); background: #fff; aspect-ratio: 4 / 3; }
.k-card h3 { margin: 4px 0 0; font-size: 1.05rem; }
.k-dyk, .k-try { margin: 18px 0; }
.k-links { padding-left: 20px; line-height: 1.8; }
.k-hero { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 24px; align-items: center; }
.k-hero h1 { margin-top: 6px; }
@media (max-width: 760px) { .k-hero { grid-template-columns: minmax(0, 1fr); } }
.k-qas { display: grid; gap: 10px; }
.k-qa summary { cursor: pointer; font-weight: 600; font-size: 1.05rem; padding: 2px 0; }
.k-qa p { margin: 10px 0 2px; font-size: 1.05rem; line-height: 1.6; }
.k-letters { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 8px; }
.k-letters a { min-width: 38px; text-align: center; padding: 6px 0; border-radius: 10px; border: 1px solid var(--line); background: var(--panel); color: var(--paper); text-decoration: none; font-weight: 600; }
.k-letter { font-size: 1.6rem; color: var(--rock); margin: 22px 0 6px; }
.k-words { margin: 0; display: grid; gap: 10px; }
.k-words > div { padding: 12px 16px; border: 1px solid var(--line); border-radius: 14px; background: var(--panel); }
.k-words dt { font-weight: 600; font-size: 1.08rem; }
.k-words dd { margin: 4px 0 0; line-height: 1.6; }
.k-more { font-size: .9rem; white-space: nowrap; }

/* Colour for the pictures on story pages; sheets (k-blank) stay white for colouring in. */
.k-colour .k-star { fill: #fde68a; } .k-colour .k-moon { fill: #f5f0e6; } .k-colour .k-tail { fill: #fed7aa; } .k-colour .k-fire { fill: #fb923c; }
.k-colour .k-wood, .k-colour .k-handle { fill: #b4835a; } .k-colour .k-wood2 { fill: #93653f; } .k-colour .k-leaf { fill: #86c27a; } .k-colour .k-grass { fill: #a7d79b; } .k-colour .k-grass2 { fill: #8cc47e; }
.k-colour .k-wall { fill: #f7e3c6; } .k-colour .k-roof { fill: #d9705a; } .k-colour .k-door { fill: #9a6a46; } .k-colour .k-window { fill: #fff3b0; }
.k-colour .k-earth { fill: #b8d8c6; } .k-colour .k-land { fill: #7fb069; } .k-colour .k-ground { fill: #d6cfc4; } .k-colour .k-rim { fill: #c9c0b3; } .k-colour .k-bowl { fill: #b0a597; }
.k-colour .k-rock { fill: #8d8378; } .k-colour .k-rock2 { fill: #a59b8f; } .k-colour .k-dent { fill: #6f665c; }
.k-colour .k-planet { fill: #f2c48d; } .k-colour .k-ring { fill: #e8d9b5; } .k-colour .k-flame { fill: #fb923c; } .k-colour .k-flame2 { fill: #fde047; }
.k-colour .k-fin { fill: #e85d3c; } .k-colour .k-nose { fill: #e85d3c; } .k-colour .k-body { fill: #f3f1ec; } .k-colour .k-metal { fill: #b8bec7; } .k-colour .k-glass { fill: #eef6ee; }
.k-colour .k-sun { fill: #fcd34d; } .k-colour .k-mercury { fill: #b9b2a8; } .k-colour .k-venus { fill: #f1d9a3; } .k-colour .k-earth, .k-colour .k-planet-earth { fill: #b8d8c6; } .k-colour .k-mars { fill: #e0764f; }
.k-colour .k-jupiter { fill: #e8c39e; } .k-colour .k-spot { fill: #d47c55; } .k-colour .k-saturn { fill: #ecd59a; } .k-colour .k-uranus { fill: #b7e0d4; } .k-colour .k-neptune { fill: #9fc9c0; }
.k-colour .k-dust { fill: #fde7c2; } .k-colour .k-ion { fill: #e7ecef; } .k-colour .k-coma { fill: #fff6dc; } .k-colour .k-sea { fill: #cfc6b8; } .k-colour .k-crater { fill: #e2dacd; }
.k-colour .k-panel { fill: #5b6472; } .k-colour .k-dish { fill: #e5e7eb; } .k-colour .k-card { fill: #fffdf7; } .k-colour .k-blanket { fill: #e8a77f; } .k-colour .k-flask { fill: #7aa874; } .k-colour .k-book { fill: #f4d58d; }

/* Printable sheets */
.k-sheet { border: 2px dashed var(--line); border-radius: 16px; padding: 18px; background: #fff; margin: 14px 0; color: #111; }
.k-sheet-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 10px; }
.k-sheet-head h2 { margin: 0; font-size: 1.4rem; }
.k-fields { display: flex; flex-wrap: wrap; gap: 8px 22px; margin: 10px 0; }
.k-steps { margin: 10px 0; padding-left: 22px; line-height: 1.6; }
.k-sheet-art { margin: 10px 0; }
.k-wordlist { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 6px 14px; font-weight: 600; letter-spacing: .06em; }
.k-table { width: 100%; border-collapse: collapse; margin: 12px 0; }
.k-table th, .k-table td { border: 1.5px solid #111; padding: 8px 10px; text-align: left; vertical-align: top; }
.k-table td { height: 38px; }
.k-fact { margin: 10px 0 4px; }
.k-foot { margin: 8px 0 0; font-size: .8rem; color: #555; text-align: right; }
@media print {
  @page { size: A4; margin: 12mm; }
  body:has(.k-sheet) * { visibility: hidden; }
  body:has(.k-sheet) .k-sheet, body:has(.k-sheet) .k-sheet * { visibility: visible; }
  body:has(.k-sheet) .k-sheet { position: absolute; left: 0; right: 0; top: 0; margin: 0; border: 0; padding: 0; }
  .k-sheet-art .k-art { max-height: 150mm; width: auto; max-width: 100%; margin: 0 auto; }
}