/* /kalendar-keluarga/ and /en/family-calendar/. Loads after site.css, seasons.css, answers.css,
   vs.css and compare.css and reuses their tiles, marks and table. Only adds what those lack: the
   wide TV still at its own 16:10 shape, a five column table width and the home screen widget tiles.
   Tokens only; all art is existing generated clay, scenes and real app captures. */

/* the living room still: keep the whole TV in frame at every width */
.s-scene.k-scene img { aspect-ratio: 16 / 10; object-position: 50% 45%; }
.k-scene figcaption { padding: var(--s3) var(--s5); font-size: var(--t-meta); color: var(--muted); background: var(--bg); }
.k-board-facts { margin-top: var(--s10); }

/* comparison: four approaches, so the table needs more room than the two app version */
.k-cmp .cmp-table { min-width: 52rem; }
.k-cmp .cmp-table col.c-topic { width: 20%; }
@media (max-width: 51.99rem) {
  .k-cmp .cmp-table { min-width: 46rem; }
  .k-cmp .cmp-table col.c-topic { width: 7.5rem; }
}

/* home screen widgets: the real widget renders at the foot of each tile */
.k-widget { padding-bottom: var(--s8); width: min(100%, 400px); }
.k-widget img { filter: drop-shadow(0 18px 28px rgba(29, 29, 31, .14)); }