/* Insights Kabalísticos: per-day comment threads (52 Days hub + Today card).
   Reuses .cform/.c-submit/.clist/.citem/.pin-flag etc. from shared/ik-comments.css,
   which every host page already loads for its own page-level comment section.
   This file only adds the day-specific wrapper and compact sizing. Host pages
   provide --text, --text-soft, --text-faint, --gold, --gold-deep, --line,
   --bg, --bg-card, --font-display, --font-body.

   The --c-* custom properties below (--c-gold, --c-card, ...) are NOT the same
   thing as the host page's own variables: shared/ik-comments.css's rules (the
   ones .cform/.c-submit/.citem reuse here) read that --c-* namespace, and it is
   only ever defined by scoping it onto .comments itself. A .day-comments
   container is never nested inside a .comments element, so without this same
   mapping repeated here, every var(--c-*) in the reused rules resolves to
   nothing: .c-submit's background silently fell back to transparent, so the
   post button rendered as an invisible pill with only its drop shadow showing.
   Fixed 2026-08-13 by giving .day-comments the identical mapping. */
.day-comments{--c-gold:var(--gold);--c-gold-deep:var(--gold-deep);--c-line:var(--line);--c-card:var(--bg-card);--c-bg:var(--bg);--c-text:var(--text);--c-soft:var(--text-soft);--c-faint:var(--text-faint);--c-fb:var(--font-body);--c-fd:var(--font-display);margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.dc-label{font-family:var(--font-body);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:8px}
.dc-invite{font-family:var(--font-display);font-style:italic;color:var(--text-faint);font-size:16.5px;line-height:1.5;margin-bottom:14px}
.day-comments .cform{gap:8px;margin-bottom:16px}
.day-comments .cform input,.day-comments .cform textarea{font-size:14px;padding:9px 12px}
.day-comments .cform textarea{min-height:64px}
.day-comments .clist{gap:0}
.day-comments .citem{padding:12px 14px}
.day-comments .citem-name{font-size:15.5px}
.day-comments .citem-body{font-size:14.5px}
.day-comments .c-empty{font-size:14px;padding:6px 0}

/* One clear separator, not a stacked gap-plus-border: a hairline rule with
   room around it between comment groups (never before the first one). */
.day-comments .clist .cgroup + .cgroup{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}

/* Today card sits in a wider card; give its thread a touch more room */
.today .day-comments{margin-top:20px;padding-top:18px}