@charset "UTF-8";
/* ==========================================================================
   Hääpäivä — print.css   (linked with media="print")
   ------------------------------------------------------------------------
   The whole day on paper, as the backup for a dead phone.

   Keep:  planned times, durations, responsible people BY NAME, spoken lines,
          notes, task lists.
   Drop:  controls, nav, pills, buttons, progress bars, live clock, drift and
          projections (all of which are only true at one instant).

   Wrapped in @media print so the file is harmless if it is ever linked
   without a media attribute.
   ========================================================================== */

@media print {

  /* ------------------------------------------------------------------
     Page
     ------------------------------------------------------------------ */

  @page {
    margin: 14mm 12mm;
  }

  html,
  body {
    background: #fff !important;
    color: #000 !important;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 11pt;
    line-height: 1.35;
    margin: 0;
    padding: 0;
    widows: 2;
    orphans: 2;
  }

  /* Flatten every tint, shadow and rounded corner to black on white. */
  *,
  *::before,
  *::after {
    background: transparent !important;
    background-image: none !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-radius: 0 !important;
    transition: none !important;
    animation: none !important;
  }

  .page {
    max-width: none;
    min-height: 0;
    margin: 0;
    padding: 0;
    display: block;
  }

  .page__head {
    padding: 0 0 4mm;
    margin: 0 0 4mm;
    border-bottom: 1pt solid #000;
    text-align: left;
  }

  .page__body {
    display: block !important;
    padding: 0;
  }

  .page__foot { display: none !important; }

  /* ------------------------------------------------------------------
     Interactive chrome — nothing tappable belongs on paper
     ------------------------------------------------------------------ */

  .controls,
  .controls__row,
  .nav,
  .nav__link,
  .pill,
  .pill__dot,
  .btn,
  .sr-only,
  .field,
  .field__row,
  .field__input,
  .field__label,
  form,
  button,
  input,
  select,
  textarea,
  fieldset,
  legend,
  script,
  noscript,
  [hidden] {
    display: none !important;
  }

  /* The live clock, the drift readout and the progress bar are true for one
     instant only — they mean nothing once the sheet is on the table. */
  .clock,
  .clock__hm,
  .clock__s,
  .drift,
  .bar,
  .bar__fill {
    display: none !important;
  }

  /* ------------------------------------------------------------------
     Headings
     ------------------------------------------------------------------ */

  h1, h2, h3, h4 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: 700;
    margin: 0 0 2mm;
    break-after: avoid;
    page-break-after: avoid;
  }

  h1 { font-size: 20pt; }
  h2 { font-size: 14pt; margin-top: 6mm; }
  h3 { font-size: 12pt; }
  h4 { font-size: 11pt; }

  p { margin: 0 0 2mm; }

  a,
  a:visited { text-decoration: none; }

  /* Never print href tails — the paper is used away from any browser. */
  a[href]::after { content: "" !important; }

  /* ------------------------------------------------------------------
     Timetable — one block per event, never split across a page
     ------------------------------------------------------------------ */

  .list {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .list__item,
  .card {
    display: block;
    break-inside: avoid;
    page-break-inside: avoid;
    margin: 0 0 3mm;
    padding: 2mm 0 2.5mm;
    border: 0;
    border-bottom: 0.5pt solid #999 !important;
    background: transparent !important;
  }

  .card--now,
  .card--next {
    border-bottom: 0.5pt solid #999 !important;
    border-left: 0 !important;
    border-top: 0 !important;
    padding: 2mm 0 2.5mm;
  }

  /* The anchor buffer is a live countdown, not part of the plan. */
  .card--anchor { display: none !important; }

  /* Status reads without colour, from a narrow gutter so the glyph never
     costs a whole line. Out-of-flow, so the --skipped strike skips it. */
  .list__item { position: relative; padding-left: 5.5mm; }

  .list__item--running::before,
  .list__item--done::before,
  .list__item--skipped::before {
    position: absolute;
    left: 0;
    top: 2mm;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    line-height: 1;
  }

  .list__item--running::before { content: "\25B6"; font-weight: 700; }
  .list__item--done::before    { content: "\2713"; }
  .list__item--skipped         { text-decoration: line-through; }
  .list__item--skipped::before { content: "\2717"; }

  .list__item--anchored .time--planned { font-weight: 700; }

  .badge {
    display: inline-block;
    padding: 0 1mm;
    border: 0.5pt solid #000 !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: 700;
    text-transform: lowercase;
    white-space: nowrap;
  }

  /* Planned time and duration, monospaced-ish and prominent. */
  .time {
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
  }

  /* The plan is what the paper is for; the projection is a footnote. */
  .time--planned {
    font-weight: 700;
    font-size: 12pt;
  }

  .time--projected,
  .time--delta {
    font-weight: 400;
    font-size: 9pt;
  }

  .time + .time { margin-left: 3mm; }

  /* Banners keep their text but lose the tint. */
  .banner {
    display: block;
    border: 0 !important;
    border-left: 1pt solid #000 !important;
    padding: 0 0 0 3mm;
    margin: 0 0 3mm;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    break-inside: avoid;
    page-break-inside: avoid;
  }

  .meta,
  small {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
  }

  /* ------------------------------------------------------------------
     Responsible people — names, with a thin outline instead of colour
     ------------------------------------------------------------------ */

  .chip {
    display: inline-block;
    padding: 0.3mm 1.5mm;
    margin: 0 1mm 0.5mm 0;
    border: 0.5pt solid #000 !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: 700;
    white-space: nowrap;
    vertical-align: baseline;
  }

  .chip + .chip { margin-left: 0; }

  /* Colour carries no information on paper; the name does. */
  .chip__dot { display: none !important; }

  .chip__name { display: inline; overflow: visible; }

  .chips {
    display: block;
    margin: 1mm 0 0;
    padding: 0;
    list-style: none;
  }

  .chip--block {
    display: block;
    border: 0 !important;
    border-bottom: 1pt solid #000 !important;
    padding: 0 0 1mm;
    margin: 6mm 0 2mm;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14pt;
    font-weight: 700;
  }

  /* ------------------------------------------------------------------
     Spoken lines — the reason the paper exists
     ------------------------------------------------------------------ */

  .script {
    display: block;
    margin: 1.5mm 0 0;
    padding: 0 0 0 4mm;
    border-left: 1pt solid #000 !important;
    break-inside: avoid;
    page-break-inside: avoid;
  }

  .script__line {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 11pt;
    line-height: 1.4;
    max-width: none;
    margin: 0 0 1.5mm;
    break-inside: avoid;
    page-break-inside: avoid;
  }

  .script__line:last-child { margin-bottom: 0; }

  .list__item .script__line { font-size: 11pt; }

  /* ------------------------------------------------------------------
     Tasks — printable tick boxes
     ------------------------------------------------------------------ */

  .tasklist {
    display: block;
    margin: 0 0 4mm;
    padding: 0;
    list-style: none;
  }

  .tasklist__item {
    display: block;
    min-height: 0;
    padding: 0.8mm 0;
    border: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    break-inside: avoid;
    page-break-inside: avoid;
    text-decoration: none !important;
  }

  /* The real checkbox is hidden above; draw one that can be ticked with a pen. */
  .tasklist__item::before {
    content: "";
    display: inline-block;
    width: 3mm;
    height: 3mm;
    margin-right: 2mm;
    border: 0.5pt solid #000 !important;
    vertical-align: -0.3mm;
  }

  .tasklist__check { display: none !important; }

  /* ------------------------------------------------------------------
     Disclosure — "Menneet" must print even while collapsed on screen
     ------------------------------------------------------------------ */

  details {
    display: block !important;
    margin: 0 0 3mm;
    border: 0;
  }

  details > summary {
    display: block !important;
    min-height: 0;
    padding: 0;
    margin: 4mm 0 2mm;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14pt;
    font-weight: 700;
    list-style: none;
  }

  details > summary::marker,
  details > summary::-webkit-details-marker { display: none; content: ""; }

  /* Modern engines expose the slot; older ones honour the child rule. */
  details::details-content {
    content-visibility: visible !important;
    block-size: auto !important;
    overflow: visible !important;
  }

  details > *:not(summary) { display: block !important; }

}