/* Moderator portal: additions on top of the shared partner portal styles. */

.tabbar { grid-template-columns: repeat(4, 1fr); }

/* Home: the mission line as the first thing a moderator reads */
.creed-card {
  display: block; width: 100%; padding: 22px 0 24px;
  border-top: 1px solid var(--ember); border-bottom: 1px solid var(--ember);
}
.creed-card .label { color: var(--ember); font-size: 12px; }
.creed-card h2 { font-size: 27px; letter-spacing: -0.035em; margin-top: 10px; text-wrap: balance; }
.creed-link { display: inline-flex; align-items: center; gap: 4px; margin-top: 18px; font-weight: 600; font-size: 15px; }
.creed-link svg { color: var(--ember); }
.block-head .label { align-self: flex-end; }

/* Mission statement: long-form reading text */
.creed { padding: 4px 0 8px; font-size: 17px; line-height: 1.6; }
.creed-kicker { color: var(--ember); margin-bottom: 22px; }
.creed p + p { margin-top: 20px; }
.creed p.strong { font-weight: 700; font-size: 19px; letter-spacing: -0.01em; }
.creed p.strong + p.strong { margin-top: 6px; }
.latest + .creed { margin-top: 26px; }
.next { margin-top: 34px; gap: 4px; }
.next svg { color: var(--ember); }

/* Core values: the text under each video card */
.value .desc { color: var(--snow); opacity: 0.86; font-size: 16px; line-height: 1.55; }

/* Closing creed under the values */
.closing { margin-top: 44px; padding-top: 28px; border-top: 1px solid var(--ember); }
.closing img { width: 52px; margin-bottom: 20px; }
.closing p { font-weight: 700; font-size: 20px; line-height: 1.4; letter-spacing: -0.015em; }
.closing p + p { margin-top: 18px; }

/* Content Hub, before the first video */
.empty {
  display: flex; flex-direction: column; align-items: flex-start; gap: 12px;
  padding: 28px 22px; border-radius: 14px; background: var(--card);
}
.empty img { width: 46px; margin-bottom: 6px; }
.empty .label { color: var(--ember); }
.empty h2 { font-size: 24px; }
.empty .desc { color: var(--fog); font-size: 15px; }

/* Sheet for a value whose video isn't recorded yet */
.sheet-cover.soon { height: auto; border-radius: 14px; background: none; }
.sheet-cover.soon .thumb { background: var(--card-hi); }
.sheet-cover.soon .thumb-top img { width: 34px; height: auto; }