/* The Monday person on top of the People list (WT_Monday, September 30, 2026; site/js/together/monday.js).
   One panel: this week's person with their type tile, one line to try in a card in the reader's type color, the exercise,
   Done and Another person, and the email switch. Tokens are together.css's own, so light and dark follow the page. */
.tg-monday {
  margin: 0 0 24px; padding: 22px 22px 18px; border: 1px solid var(--tg-line-2); border-radius: 18px;
  background: linear-gradient(160deg, var(--bg-2), var(--bg-1) 70%);
}
.tg-monday__who { display: flex; align-items: center; gap: 14px; margin: 0 0 10px; }
.tg-monday__intro { margin: 0 0 14px; font-size: 14px; line-height: 1.5; color: var(--text-secondary); max-width: 70ch; }
.tg-monday__title { margin: 0; font: 700 22px/1.25 var(--font-heading); letter-spacing: -.02em; color: var(--text); word-spacing: normal; text-wrap: balance; min-width: 0; overflow-wrap: anywhere; }
.tg-monday__card {
  margin: 0 0 12px; padding: 14px 16px; border-radius: 12px; background: var(--bg-card, var(--bg-1));
  border-left: 4px solid var(--tg-me);
}
.tg-monday__label { margin: 0 0 6px; font-size: 13px; font-weight: 600; color: var(--text-secondary); }
.tg-monday__line { margin: 0; font-size: 16px; line-height: 1.55; color: var(--text); max-width: 64ch; }
.tg-monday__line--plain { color: var(--text-secondary); font-size: 15px; margin: 8px 0 16px; }
.tg-monday__exercise { margin: 0 0 14px; font-size: 14px; color: var(--text-secondary); }
.tg-monday__acts { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; }
.tg-monday__acts .tg-act { padding: 0 16px; font-size: 14px; }
.tg-monday__open { color: var(--text); text-decoration: underline; text-underline-offset: 3px; }
.tg-monday__status { margin: 12px 0 0; font-size: 14px; color: var(--text-secondary); }
.tg-monday__status:focus { outline: none; }
.tg-monday__status--email { margin-top: 4px; }
.tg-monday__email {
  display: flex; align-items: center; gap: 10px; min-height: 44px; margin: 12px 0 0; padding-top: 12px;
  border-top: 1px solid var(--tg-line); font-size: 14px; color: var(--text-secondary); cursor: pointer;
}
.tg-monday__email input { width: 20px; height: 20px; flex: none; margin: 0; accent-color: var(--tg-me); }
@media (max-width: 767px) {
  .tg-monday { padding: 18px 16px 14px; border-radius: 16px; }
  .tg-monday__title { font-size: 19px; }
  .tg-monday__acts .tg-act { flex: 1 1 auto; white-space: normal; text-align: center; }
  .tg-monday__open { flex-basis: 100%; }
}