/* This week at Talata (Website v3, 2 Oct 2026). The dash's 7-day strip, public:
   teams and halls only. Built by tools/apply-facts.py (block "week"), redrawn by
   assets/talata-week.js as seven days from today. */
.wk-band{padding:56px 0 8px}
.wk-band .wrap{max-width:1100px;margin:0 auto;padding:0 24px}
.wk-band .head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.wk-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.wk-day{background:var(--td-surface,#1b2333);border:1px solid var(--td-line,rgba(248,250,252,.1));border-radius:16px;
  padding:12px 12px 10px;min-width:0}
.wk-day h3{margin:0 0 8px;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--td-muted,#a9b4c4)}
.wk-day.today{border-color:var(--td-link,#7DD3FC);border-width:2px}
.wk-day.today h3{color:var(--td-link,#7DD3FC)}
.wk-day ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.wk-day li{font-size:.84rem;line-height:1.3;color:var(--td-text,#F8FAFC)}
.wk-day li:not(.game) b{display:block;font-weight:700}
.wk-day li:not(.game) span{display:block;color:var(--td-muted,#a9b4c4);font-size:.78rem}
/* Game day (6 Oct 2026). The day gets a top rule and the game is a navy card
   that links to /games#g-<id>. Yellow sits on navy only: the rule is yellow on
   the dark site and Talata Blue in light mode, where yellow on a white card
   barely shows. The card itself is a dark island in both themes. */
.wk-day.has-game{border-top:3px solid #FACC15}
html.light .wk-day.has-game{border-top-color:#1E40AF}
.wk-day li.game{display:block}
.wk-game{display:flex;flex-direction:column;gap:5px;background:#0B1F3A;color:#F8FAFC;border-radius:12px;padding:10px;
  text-decoration:none;border:1px solid rgba(125,211,252,.25);min-width:0;overflow-wrap:anywhere}
.wk-game:hover{border-color:#7DD3FC}
.wk-game:focus-visible{outline:2px solid #7DD3FC;outline-offset:2px}
.wk-game-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.wk-game b{color:#F8FAFC;font-weight:800}
.wk-chip{font-style:normal;font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  background:#FACC15;color:#0A0A0A;padding:2px 7px;border-radius:999px}
.wk-crests{display:flex;align-items:center;gap:6px}
.wk-game .tf-crest{width:24px;height:24px;border-radius:6px;font-size:.55rem}
.wk-game .tf-crest img{padding:2px}
.wk-game .tf-crest.is-mono{background:#1C2E4F;color:#7DD3FC;font-weight:800}
.wk-game .tf-crest.is-talata{width:auto;height:auto;max-width:56px;background:none}
.wk-game .tf-crest.is-talata img{max-height:14px;padding:0}
.wk-game-h{display:block;font-weight:700;font-size:.84rem;line-height:1.25;color:#F8FAFC}
.wk-game-hall{display:block;color:#BAE6FD;font-size:.76rem}
.wk-tags{display:flex;flex-wrap:wrap;gap:4px}
.wk-tag{font-style:normal;font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  padding:2px 7px;border-radius:999px;background:#7DD3FC;color:#0A0A0A;white-space:nowrap}
.wk-tag.is-free{background:#1E40AF;color:#FFFFFF}
.wk-none{margin:0;font-size:.84rem;color:var(--td-muted,#a9b4c4)}
.wk-note{margin:12px 0 0;font-size:.8rem;color:var(--td-muted,#a9b4c4)}
.num{font-variant-numeric:tabular-nums}
@media (max-width:980px){
  .wk-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(150px,46%);overflow-x:auto;
    scroll-snap-type:x mandatory;padding-bottom:6px;-webkit-overflow-scrolling:touch}
  .wk-day{scroll-snap-align:start}
}
/* On a team page the strip sits inside a narrow section: always a swipe row. */
.wk-team{margin:22px 0 6px}
.wk-team .wk-title{font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--td-link,#7DD3FC);margin:0 0 10px}
.wk-team .wk-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(150px,31%);overflow-x:auto;
  scroll-snap-type:x mandatory;padding-bottom:6px;-webkit-overflow-scrolling:touch}
.wk-team .wk-day{scroll-snap-align:start}
@media (max-width:640px){.wk-team .wk-grid{grid-auto-columns:minmax(150px,46%)}}
@media (prefers-reduced-motion:reduce){.wk-grid{scroll-behavior:auto}}
/* What each fee buys (2 Nov 2026). Built by tools/apply-facts.py (blocks "fees",
   "fees-academy" and the rest): group, days, sessions a week, half-season fee.
   On a phone each row stacks: group and fee on top, the days under them. */
.fee-wrap{margin:18px 0 14px}
.fee-table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:0}
.fee-table th{text-align:left;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:var(--td-muted,#a9b4c4);background:none;padding:8px 10px;border-bottom:2px solid var(--td-line,rgba(248,250,252,.1))}
.fee-table td{padding:11px 10px;border-bottom:1px solid var(--td-line,rgba(248,250,252,.1));vertical-align:top;
  color:var(--td-muted,#a9b4c4);line-height:1.45}
.fee-table td b{color:var(--td-text,#F8FAFC);font-weight:800}
.fee-table td.who span{display:block;font-size:.8rem}
.fee-table td.count{white-space:nowrap}
.fee-table td.fee{white-space:nowrap;text-align:right}
.fee-table th:last-child{text-align:right}
.fee-table td.count .wk{display:none}
@media (max-width:640px){
  .fee-table,.fee-table tbody{display:block}
  .fee-table tr.fee-head{display:none}
  .fee-table tr{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 0;
    border-bottom:1px solid var(--td-line,rgba(248,250,252,.1))}
  .fee-table td{border:0;padding:0}
  .fee-table td.who{grid-column:1;grid-row:1}
  .fee-table td.fee{grid-column:2;grid-row:1}
  .fee-table td.when{grid-column:1 / -1;grid-row:2}
  .fee-table td.count{grid-column:1 / -1;grid-row:3;font-size:.84rem}
  .fee-table td.count .wk{display:inline}
}