/* ui/tenancy_home.css — owned by W15.
   Every selector is prefixed .tn- (SHELL_CONTRACT 3.2). Every custom property is defined at
   :root and every var() carries a fallback, so nothing here can go white-on-white if it is
   ever rendered outside this wrapper (gate_css_vars).
   text-transform:uppercase appears on ONE leaf class (.tn-eyebrow) and never on a container. */

:root {
  --tn-indigo: #4330F5;
  --tn-depth: #271257;
  --tn-deep: #1A0B3D;
  --tn-ink: #14102A;
  --tn-mute: #6B7280;
  --tn-line: #E5E7EB;
  --tn-wash: #F7F6FE;
  --tn-good: #1E7735;
  --tn-good-bg: #F1FCF3;
  --tn-warn: #B45309;
  --tn-warn-bg: #FFFBEB;
  --tn-stop: #9F1239;
  --tn-stop-bg: #FFF1F4;
}

.tn-wrap {
  font-family: Poppins, system-ui, sans-serif;
  color: var(--tn-ink, #14102A);
  max-width: 1120px;
  padding: 8px 4px 64px;
}

/* ---- 1. THE VERDICT. The whole product in one paragraph. ------------------------------- */
.tn-verdict { padding: 28px 0 34px; border-bottom: 1px solid var(--tn-line, #E5E7EB); }

.tn-eyebrow {
  display: inline-block;
  font-size: 12px; font-weight: 600; letter-spacing: .6px;
  text-transform: uppercase;                 /* leaf only. never a container. */
  color: var(--tn-mute, #6B7280);
  margin-bottom: 14px;
}

.tn-say {
  font-family: var(--font-head, 'Sansation', 'Poppins', sans-serif);
  font-size: 25px; line-height: 1.5; font-weight: 500;
  letter-spacing: -.2px;
  max-width: 42ch;
  margin: 0;
}
.tn-say b { font-weight: 700; color: var(--tn-indigo, #4330F5); }
@media (max-width: 900px) { .tn-say { font-size: 22px; } }

.tn-who {
  margin-top: 18px; margin-bottom: 28px; font-size: 13px; color: var(--tn-mute, #6B7280);
}
.tn-who b { color: var(--tn-ink, #14102A); font-weight: 600; }

/* ---- 2. THE TRIAGE TILES WERE CUT (WGS-71) --------------------------------------------
   .tn-triage / .tn-cell rendered four tiles restating the counts the verdict paragraph
   above already says in prose, and ui/portfolio.js (mounted directly beneath this module
   on the same #tenancy route) restates the same counts again in its own tiles. Removed
   here rather than left as dead CSS. .tn-who now carries the spacing this panel used to
   provide between the verdict and the first evidence panel below it. */

/* ---- panels --------------------------------------------------------------------------- */
.tn-panel {
  border: 1px solid var(--tn-line, #E5E7EB);
  border-radius: 12px; padding: 24px; background: #FFF;
  margin: 20px 0;
}
.tn-h {
  font-family: var(--font-head, 'Sansation', 'Poppins', sans-serif);
  font-size: 16px; font-weight: 600; margin: 0 0 16px;
}
.tn-note { font-size: 12px; color: var(--tn-mute, #6B7280); line-height: 1.6; margin: 14px 0 0; }

/* ---- 3. THE SPREAD -------------------------------------------------------------------- */
.tn-two { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 860px) { .tn-two { grid-template-columns: 1fr; } }

.tn-opt { border: 1px solid var(--tn-line, #E5E7EB); border-radius: 10px; padding: 18px; }
.tn-opt.is-right { border-color: var(--tn-indigo, #4330F5); background: var(--tn-wash, #F7F6FE); }
.tn-opt-t { font-size: 13px; font-weight: 600; margin-bottom: 14px; }
.tn-row { display: flex; justify-content: space-between; gap: 12px; font-size: 13px; padding: 5px 0; }
.tn-row span { color: var(--tn-mute, #6B7280); }
.tn-row b { font-variant-numeric: tabular-nums; font-weight: 600; }
.tn-row.tn-net { border-top: 1px solid var(--tn-line, #E5E7EB); margin-top: 8px; padding-top: 10px; }
.tn-row.tn-net b { font-size: 15px; }
.tn-pos { color: var(--tn-good, #1E7735); }
.tn-neg { color: var(--tn-stop, #9F1239); }

.tn-worth {
  margin-top: 18px; padding: 14px 16px;
  background: var(--tn-deep, #1A0B3D); color: #FFF;
  border-radius: 10px; font-size: 14px; line-height: 1.55;
}
.tn-worth b { color: #FFF; }

/* ---- 4. STAR --------------------------------------------------------------------------- */
.tn-star-big {
  font-family: var(--font-head, 'Sansation', 'Poppins', sans-serif); font-size: 20px; font-weight: 600;
  line-height: 1.5; margin: 0 0 12px; max-width: 44ch;
}
.tn-star-big b { color: var(--tn-indigo, #4330F5); }
.tn-rule {
  font-size: 13px; color: var(--tn-ink, #14102A); line-height: 1.6;
  padding: 12px 14px; background: var(--tn-wash, #F7F6FE); border-radius: 8px; margin: 0;
}

/* ---- 5. MONEY -------------------------------------------------------------------------- */
.tn-cut { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.tn-nwau {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--font-head, 'Sansation', 'Poppins', sans-serif); font-size: 18px; font-weight: 600;
  padding: 8px 14px; border-radius: 9999px;
  background: var(--tn-wash, #F7F6FE); color: var(--tn-depth, #271257);
  white-space: nowrap;
}
.tn-nwau i { font-style: normal; color: var(--tn-mute, #6B7280); font-weight: 500; }
.tn-cut-s { font-size: 13px; line-height: 1.6; flex: 1 1 320px; }
.tn-cut-s b { color: var(--tn-ink, #14102A); font-weight: 600; }

/* ---- 6. CLOCK -------------------------------------------------------------------------- */
.tn-clock { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; font-size: 14px; }
.tn-clock b { font-family: var(--font-head, 'Sansation', 'Poppins', sans-serif); font-size: 20px; font-weight: 600; }
.tn-bar { height: 6px; border-radius: 9999px; background: var(--tn-line, #E5E7EB); margin: 16px 0 12px; }
.tn-bar > i { display: block; height: 6px; border-radius: 9999px; background: var(--tn-indigo, #4330F5); }

/* ---- 7. COVERAGE ----------------------------------------------------------------------- */
.tn-blindlist { list-style: none; margin: 12px 0 0; padding: 0; }
.tn-blindlist li {
  padding: 10px 12px; border: 1px solid var(--tn-line, #E5E7EB); border-radius: 8px;
  margin-bottom: 8px; font-size: 13px; display: flex; justify-content: space-between; gap: 12px;
}
.tn-blindlist li b { font-weight: 600; }
.tn-nodata { color: var(--tn-mute, #6B7280); font-size: 12px; text-align: right; }
.tn-notzero { font-weight: 600; color: var(--tn-ink, #14102A); }
.tn-det { margin-top: 14px; font-size: 12px; color: var(--tn-mute, #6B7280); }
.tn-det summary { cursor: pointer; }
.tn-det p { margin: 8px 0 0; line-height: 1.6; }

/* ---- 8. THE ACT TABLE ------------------------------------------------------------------ */
.tn-tbl { width: 100%; border-collapse: collapse; font-size: 13px; }
.tn-tbl th {
  text-align: left; font-size: 11px; font-weight: 600; letter-spacing: .5px;
  text-transform: uppercase;                 /* leaf: a table header cell */
  color: var(--tn-mute, #6B7280); padding: 0 10px 10px 0; white-space: nowrap;
}
.tn-tbl td { padding: 11px 10px 11px 0; border-top: 1px solid var(--tn-line, #E5E7EB); }
.tn-tbl td.tn-num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.tn-pill {
  display: inline-block; font-size: 11px; font-weight: 600; padding: 2px 8px;
  border-radius: 9999px; background: var(--tn-warn-bg, #FFFBEB); color: var(--tn-warn, #B45309);
}
.tn-pill.tn-up { background: var(--tn-good-bg, #F1FCF3); color: var(--tn-good, #1E7735); }

/* W68/C-16 — the "Published Overall" column. The two homes that gain a Staffing sub-star and
   nothing a family can see MUST NOT look like the four that gain a published star. Tokens only,
   and the same ones the rest of this file already uses. */
.tn-up { color: var(--tn-good, #1E7735); font-weight: 700; }
.tn-nogain { color: var(--tn-mute, #6B7280); font-weight: 600; }
.tn-starnote {
  display: block; font-size: 11px; line-height: 1.45; margin-top: 2px;
  color: var(--tn-mute, #6B7280);
}

/* ---- 9. PRODUCTS ----------------------------------------------------------------------- */
.tn-prods { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 28px; }
@media (max-width: 860px) { .tn-prods { grid-template-columns: 1fr; } }

.tn-prod {
  text-align: left; width: 100%; font: inherit; cursor: pointer;
  border: 1px solid var(--tn-line, #E5E7EB); border-radius: 12px; padding: 20px;
  background: #FFF; transition: border-color .12s ease, transform .12s ease;
}
.tn-prod:hover { border-color: var(--tn-indigo, #4330F5); transform: translateY(-1px); }
.tn-prod[disabled] { cursor: default; opacity: .6; }
.tn-prod[disabled]:hover { border-color: var(--tn-line, #E5E7EB); transform: none; }
.tn-prod-l { font-size: 12px; font-weight: 600; color: var(--tn-mute, #6B7280); }
.tn-prod-v {
  font-family: var(--font-head, 'Sansation', 'Poppins', sans-serif); font-size: 15px; font-weight: 600;
  margin: 8px 0 6px; line-height: 1.45;
}
.tn-prod-s { font-size: 12px; color: var(--tn-mute, #6B7280); line-height: 1.55; }

/* ---- 10. THE LAUNCHER (internal — Junior's own screen, not the customer's) -------------- */
.tn-lwrap { max-width: 720px; padding: 8px 4px 40px; font-family: Poppins, system-ui, sans-serif; }
.tn-lsearch { position: relative; z-index: 5; }
.tn-lsearch input {
  width: 100%; box-sizing: border-box; height: 52px; padding: 0 18px;
  font: 500 16px Poppins, system-ui, sans-serif;
  border: 1px solid var(--tn-line, #E5E7EB); border-radius: 12px; outline: none;
}
.tn-lsearch input:focus { border-color: var(--tn-indigo, #4330F5); }

.tn-hits { list-style: none; margin: 10px 0 0; padding: 0; }
.tn-hit {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  width: 100%; text-align: left; font: inherit; cursor: pointer;
  padding: 14px 18px; margin-bottom: 8px; background: #FFF;
  border: 1px solid var(--tn-line, #E5E7EB); border-radius: 12px;
}
.tn-hit:hover, .tn-hit:focus-visible { border-color: var(--tn-indigo, #4330F5); background: var(--tn-wash, #F7F6FE); }
.tn-hit b { font-size: 15px; font-weight: 600; }
.tn-hit i { display: block; font-style: normal; font-size: 12px; color: var(--tn-mute, #6B7280); margin-top: 3px; }
.tn-hit-go {
  font-size: 13px; font-weight: 600; color: #FFF; background: var(--tn-depth, #271257);
  padding: 10px 18px; border-radius: 9999px; white-space: nowrap;
}
.tn-lnote { font-size: 12px; color: var(--tn-mute, #6B7280); line-height: 1.6; margin-top: 18px; }

/* v10.00 (W29) — THE ROW SAYS WHAT WE CANNOT SHOW, AND WHAT WE CANNOT RESOLVE.
   Two different warnings, and they are NOT the same fact, so they do not look the same:
     .tn-hit-warn        we cannot see this operator this quarter — Care Minutes will render
                         empty. An absence in the public record, not a finding about them.
     .tn-hit-ambig       this group's NAME is shared by a DIFFERENT corporate group. This row is
                         NOT the whole operator, and we cannot prove from the published data that
                         the two are the same company. Amber, because it is the one that can put
                         a slice of a CEO's portfolio on the screen and call it all of it. */
.tn-hit-warn {
  display: block; margin-top: 6px; font-size: 11px; line-height: 1.5;
  color: var(--tn-mute, #6B7280); max-width: 62ch;
}
.tn-hit-ambig {
  color: #92400E; background: #FFFBEB; border-left: 3px solid #F59E0B;
  padding: 6px 10px; border-radius: 0 6px 6px 0;
}
.tn-hit-cold { background: #FCFCFD; border-style: dashed; }
.tn-hit-cold b { color: var(--tn-mute, #6B7280); }

/* ---- error boundary: a support code, never a stack ------------------------------------- */
.tn-err { text-align: center; padding: 56px 20px; }
.tn-err h1 { font-family: var(--font-head, 'Sansation', 'Poppins', sans-serif); font-size: 20px; margin: 0 0 8px; }
.tn-err p { font-size: 13px; color: var(--tn-mute, #6B7280); margin: 0 auto; max-width: 48ch; line-height: 1.6; }
.tn-code { margin-top: 14px; font-size: 12px; color: var(--tn-mute, #6B7280); }

/* ==========================================================================================
   THE OVERRIDE BAR.  (W39)   "Pre-fill and let them override."

   It replaces a sentence — "Per quarter, Q1 FY2026-27, at 89.9% occupancy over a 91-day
   costing basis" — which disclosed our assumptions and asked the reader to take our word for
   them. Four sliders say the same thing and let them argue with it. If the copy is telling the
   reader something they could have discovered by dragging, the copy is a bug.
   ========================================================================================== */
.tn-ov {
  background: var(--tn-surface, #fff);
  border: 1px solid var(--tn-line, #E5E7EB);
  border-radius: 14px;
  padding: 14px 16px 6px;
  margin: 0 0 18px;
}
.tn-ov-head {
  display: flex; align-items: center; gap: 10px;
  font-family: var(--font-head, 'Sansation', 'Poppins', sans-serif); font-size: 14px;
  color: var(--tn-ink, #14102A);
  margin-bottom: 6px;
}
.tn-ov-src {
  font-family: Poppins, sans-serif; font-size: 11px; font-weight: 500;
  color: var(--tn-indigo, #4330F5);
  background: rgba(67, 48, 245, 0.08);
  border-radius: 999px; padding: 3px 9px;
}
.tn-ov-reset {
  margin-left: auto;
  font-family: Poppins, sans-serif; font-size: 12px;
  color: var(--tn-mute, #6B7280);
  background: transparent; border: 1px solid var(--tn-line, #E5E7EB);
  border-radius: 999px; padding: 6px 12px; cursor: pointer;
}
.tn-ov-reset:hover { color: var(--tn-indigo, #4330F5); border-color: var(--tn-indigo, #4330F5); }

.tn-ov-row {
  display: grid;
  grid-template-columns: 132px minmax(120px, 1fr) 76px 1fr;
  align-items: center; gap: 10px;
  padding: 2px 0;
}
.tn-ov-l { font-size: 13px; color: var(--tn-ink, #14102A); }
.tn-ov-v {
  font-family: var(--font-head, 'Sansation', 'Poppins', sans-serif); font-weight: 600; font-size: 14px;
  color: var(--tn-depth, #271257); text-align: right;
}
.tn-ov-n { font-size: 11px; color: var(--tn-mute, #6B7280); }
.tn-ov-s { accent-color: var(--tn-indigo, #4330F5); }

/* The delta. The end state is a number; the MOVEMENT is the insight. */
.tn-ov-delta { margin: 0 0 12px; font-size: 13px; color: var(--tn-mute, #6B7280); }
.tn-ov-delta.is-on {
  color: var(--tn-ink, #14102A);
  background: rgba(67, 48, 245, 0.06);
  border-left: 3px solid var(--tn-indigo, #4330F5);
  border-radius: 0 8px 8px 0;
  padding: 10px 12px;
}
.tn-ov-delta s { color: var(--tn-mute, #6B7280); text-decoration-thickness: 1px; }
.tn-ov-delta b { color: var(--tn-depth, #271257); }

@media (max-width: 720px) {
  .tn-ov-row { grid-template-columns: 1fr auto; grid-template-areas: "l v" "s s" "n n"; }
  .tn-ov-l { grid-area: l; }
  .tn-ov-v { grid-area: v; }
  .tn-ov-s { grid-area: s; }
  .tn-ov-n { grid-area: n; margin-top: -6px; }
}

/* ---- WGS-118: RISKS & REWARDS DASHBOARD ----------------------------------------
   The first screen, in reading order: the KPI strip (the five figures a CEO repeats
   to the board), then RISKS and REWARDS side by side. Flat surfaces, token colours,
   the same pill palette the rest of the product uses. No gradients. */

.tn-kpis {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  margin: 4px 0 18px;
}
.tn-kpi {
  background: #FFF;
  border: 1px solid var(--tn-line, #E5E7EB);
  border-radius: 12px;
  padding: 14px 16px 12px;
}
.tn-kpi[role="button"] {
  cursor: pointer;
  transition: border-color .14s ease, box-shadow .14s ease;
}
.tn-kpi[role="button"]:hover,
.tn-kpi[role="button"]:focus-visible {
  border-color: var(--tn-indigo, #4330F5);
  box-shadow: 0 2px 8px rgba(67, 48, 245, .10);
  outline: none;
}
.tn-kpi-v {
  font-family: var(--font-head, 'Sansation', 'Poppins', sans-serif);
  font-size: 24px; font-weight: 700; line-height: 1.15; letter-spacing: -.02em;
  color: var(--tn-ink, #14102A);
  font-variant-numeric: tabular-nums;
}
.tn-kpi-v .tn-nodata { font-size: 13px; font-weight: 500; }
.tn-kpi-pos .tn-kpi-v { color: var(--tn-good, #1E7735); }
.tn-kpi-neg .tn-kpi-v { color: var(--tn-stop, #9F1239); }
.tn-kpi-l {
  font-size: 11px; font-weight: 700; letter-spacing: .04em;
  text-transform: uppercase;              /* leaf: a short label, never a container */
  color: var(--tn-mute, #6B7280);
  margin-top: 4px;
}
.tn-kpi-s { font-size: 11.5px; color: var(--tn-mute, #6B7280); line-height: 1.4; margin-top: 3px; }

.tn-dashboard { padding: 0 0 6px; margin-bottom: 8px; }
.tn-dash-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  align-items: start;
}
.tn-dash-col { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.tn-dash-colhead {
  font-size: 12px; font-weight: 700; letter-spacing: .06em;
  text-transform: uppercase;              /* leaf: one word, never a container */
  color: var(--tn-mute, #6B7280);
  padding: 2px 2px 0;
}
.tn-dash-colhead-risk { color: var(--tn-stop, #9F1239); }
.tn-dash-colhead-reward { color: var(--tn-good, #1E7735); }

.tn-dash-section {
  background: #FFF;
  border: 1px solid var(--tn-line, #E5E7EB);
  border-radius: 14px;
  overflow: hidden;
}
.tn-dash-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 11px 16px 9px;
  border-bottom: 1px solid var(--tn-line, #E5E7EB);
}
.tn-dash-title {
  font-size: 11px; font-weight: 700; letter-spacing: .05em;
  text-transform: uppercase;              /* leaf: a section label */
  color: var(--tn-depth, #271257);
}
.tn-dash-see {
  font-size: 11px; font-weight: 600;
  color: var(--tn-indigo, #4330F5);
  background: none; border: none; cursor: pointer; padding: 0;
}
.tn-dash-see:hover { text-decoration: underline; }
.tn-dash-cards { padding: 10px 12px 12px; display: flex; flex-direction: column; gap: 8px; }

.tn-dash-card {
  position: relative;
  border-radius: 10px; padding: 10px 40px 10px 12px;
  background: var(--tn-wash, #F7F6FE);
  border: 1px solid var(--tn-line, #E5E7EB);
}
.tn-dash-card[role="button"] {
  cursor: pointer;
  transition: border-color .14s ease, box-shadow .14s ease;
}
.tn-dash-card[role="button"]:hover,
.tn-dash-card[role="button"]:focus-visible {
  border-color: var(--tn-indigo, #4330F5);
  box-shadow: 0 2px 8px rgba(67, 48, 245, .10);
  outline: none;
}
.tn-dash-card.tn-sev-danger { background: var(--tn-stop-bg, #FFF1F4); border-color: #FBC9D4; }
.tn-dash-card.tn-sev-warn { background: var(--tn-warn-bg, #FFFBEB); border-color: #FDE68A; }
.tn-dash-card.tn-sev-good { background: var(--tn-good-bg, #F1FCF3); border-color: #A7F3D0; }
.tn-dash-card.tn-sev-muted { opacity: .8; }

.tn-dash-label { font-size: 13.5px; font-weight: 700; color: var(--tn-ink, #14102A); line-height: 1.3; }
.tn-sev-danger .tn-dash-label { color: var(--tn-stop, #9F1239); }
.tn-sev-warn .tn-dash-label { color: var(--tn-warn, #B45309); }
.tn-sev-good .tn-dash-label { color: var(--tn-good, #1E7735); }
.tn-dash-label.tn-dash-amount {
  font-family: var(--font-head, 'Sansation', 'Poppins', sans-serif);
  font-size: 21px; font-weight: 700; letter-spacing: -.02em;
  color: var(--tn-good, #1E7735);
  font-variant-numeric: tabular-nums;
}
.tn-dash-sub { font-size: 12px; color: var(--tn-mute, #6B7280); line-height: 1.45; margin-top: 2px; }
.tn-dash-note { font-size: 11px; color: var(--tn-mute, #6B7280); margin-top: 4px; }
.tn-dash-date { font-size: 11.5px; font-weight: 600; color: var(--tn-depth, #271257); margin-top: 4px; }
.tn-dash-go {
  position: absolute; top: 10px; right: 12px;
  font-size: 10.5px; font-weight: 700;
  color: var(--tn-indigo, #4330F5);
  opacity: 0; transition: opacity .12s ease;
}
.tn-dash-card[role="button"]:hover .tn-dash-go,
.tn-dash-card[role="button"]:focus-visible .tn-dash-go { opacity: 1; }

.tn-ddl {
  display: flex; align-items: baseline; gap: 10px;
  padding: 8px 10px; border-radius: 8px;
  border: 1px solid var(--tn-line, #E5E7EB);
  background: #FFF;
  font-size: 12.5px;
}
.tn-ddl[role="button"] { cursor: pointer; transition: border-color .14s ease; }
.tn-ddl[role="button"]:hover,
.tn-ddl[role="button"]:focus-visible { border-color: var(--tn-indigo, #4330F5); outline: none; }
.tn-ddl-when {
  font-weight: 600; color: var(--tn-depth, #271257);
  white-space: nowrap; font-variant-numeric: tabular-nums;
}
.tn-ddl-what { flex: 1; color: var(--tn-ink, #14102A); min-width: 0; }
.tn-ddl-in {
  font-size: 10.5px; font-weight: 700; padding: 2px 8px; border-radius: 9999px;
  background: var(--tn-wash, #F7F6FE); color: var(--tn-mute, #6B7280); white-space: nowrap;
}
.tn-ddl.tn-sev-danger .tn-ddl-in { background: var(--tn-stop-bg, #FFF1F4); color: var(--tn-stop, #9F1239); }
.tn-ddl.tn-sev-warn .tn-ddl-in { background: var(--tn-warn-bg, #FFFBEB); color: var(--tn-warn, #B45309); }

@media (max-width: 960px) {
  .tn-kpis { grid-template-columns: repeat(2, 1fr); }
  .tn-dash-row { grid-template-columns: 1fr; }
}
@media (max-width: 580px) {
  .tn-kpis { grid-template-columns: 1fr; }
}

/* ---- WGS-120: collapsed analysis section ----------------------------------------------- */
.tn-more {
  margin-top: 16px;
  border: 1px solid var(--tn-line, #E5E7EB);
  border-radius: 12px;
  background: var(--lq-canvas, #f7f5fc);
}
.tn-more[open] {
  background: #fff;
}
.tn-more-sum {
  cursor: pointer;
  list-style: none;
  padding: 14px 20px;
  font-size: 13px;
  font-weight: 600;
  color: var(--tn-depth, #271257);
  border-radius: 12px;
  user-select: none;
}
.tn-more-sum::-webkit-details-marker { display: none; }
.tn-more-sum::before {
  content: "▸ ";
  font-size: 11px;
  color: var(--tn-mute, #6B7280);
}
.tn-more[open] .tn-more-sum::before { content: "▾ "; }
.tn-more-sum:hover { color: var(--tn-indigo, #4330F5); }
.tn-more > .tn-verdict,
.tn-more > #tnBody {
  padding-left: 20px;
  padding-right: 20px;
}