/* Today (src/today.js), on the M3 theme (docs/theme.md). Tokens only. It sits
   in the same fixed overlay as the Handbook (.hb in styles.css). */
body.td-open { overflow: hidden; }
.td { gap: var(--m3-space-3); }
.td .m3-card-header { flex-wrap: wrap; gap: var(--m3-space-1) var(--m3-space-3); }
.td-status { gap: var(--m3-space-2); flex-wrap: wrap; align-items: center; }
.td-cat { display: flex; flex-direction: column; gap: var(--m3-space-2); }
.td-cat .m3-overline { margin: 0; }
.td-post {
  display: flex; flex-direction: column; gap: var(--m3-space-1);
  padding: var(--m3-space-3); border-radius: var(--md-sys-shape-corner-medium);
  background: var(--md-sys-color-surface-container);
}
.td-post-text { white-space: pre-wrap; overflow-wrap: anywhere; }
.td-comment { padding-left: var(--m3-space-3); box-shadow: inset 2px 0 0 var(--md-sys-color-outline-variant); }
.td-photos { display: flex; gap: var(--m3-space-2); flex-wrap: wrap; }
.td-photos img {
  width: 96px; height: 96px; object-fit: cover; display: block;
  border-radius: var(--md-sys-shape-corner-small); background: var(--md-sys-color-surface-container-high);
}
.td-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--m3-space-3); }
.td-nights { flex-wrap: wrap; }
.td-details summary { cursor: pointer; padding: var(--m3-space-2) 0; }
.td .m3-list-item-content .m3-progress { margin-top: var(--m3-space-2); }