/* Core words section (/core-words/). Loaded after site.css on these pages only; uses its color tokens,
   so light and dark mode follow the rest of the site. */

/* The word's picture card on a week page, beside the "why" text on wide screens. */
.cw-card { float: right; width: min(40%, 220px); margin: 6px 0 16px 24px; }
.cw-card img { display: block; width: 100%; height: auto; background: #FFFFFF; border: 1px solid var(--line);
  border-radius: 14px; padding: 6px; box-shadow: var(--shadow); }
.cw-card figcaption { font-size: .9rem; color: var(--ink-2); margin-top: 8px; text-align: center; }
.prose h2 { clear: both; }
.prose h2#why { clear: none; }

/* 12 ways, grouped by routine */
.ways h3 { margin-top: 1.1em; margin-bottom: .3em; }
.ways ul { margin-top: 0; }

/* The note for home, as it is printed */
.home-note { background: var(--surface); border: 2px solid var(--brand); border-radius: 16px 16px 16px 5px;
  padding: 16px 20px; margin: 0 0 16px; }
.home-note p { margin: 0; }

/* Previous / all / next week */
.week-nav { clear: both; display: grid; grid-template-columns: 1fr auto 1fr; gap: 10px 16px; align-items: center;
  border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 14px 0; margin: 32px 0 8px;
  font-weight: 700; }
.week-nav .prev::before { content: "← "; }
.week-nav .next { text-align: right; }
.week-nav .next::after { content: " →"; }
.week-nav .all { text-align: center; }

/* Two card pages side by side */
.cw-figs { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 8px 0 28px; }
.cw-figs .guide-fig { margin: 0; max-width: none; }

/* The hub's six resources: three in a row on wide screens */
.hub-wrap .cw-hub-cards { grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); }

/* The ten myths on the myths and facts handout page: the myth links to the guide, the fact sits under it */
.mf-list li { margin-bottom: .7em; }
.mf-list li a { font-weight: 700; }
.mf-list li span { display: block; color: var(--ink-2); }

/* The weeks table on the planner page */
.cw-weeks td:first-child { white-space: nowrap; }
.cw-weeks td:last-child { color: var(--ink-2); }

/* The 52 words table */
.cw-words td:first-child { white-space: nowrap; }
.cw-words td:nth-child(2) { font-weight: 600; }
.cw-words td:last-child { color: var(--ink-2); }

@media (max-width: 600px) {
  .cw-card { width: 42%; margin-left: 16px; }
  .week-nav { grid-template-columns: 1fr 1fr; }
  .week-nav .all { grid-column: 1 / -1; grid-row: 2; }
  .cw-words thead { display: none; }
  .cw-words, .cw-words tbody, .cw-words tr, .cw-words td { display: block; width: 100%; }
  .cw-words tr { border-bottom: 1px solid var(--line); padding: 10px 0; }
  .cw-words td { border: 0; padding: 2px 0; }
  .cw-words td:first-child { white-space: normal; }
}