/* startupscost.com — visual hierarchy layer.
   Loaded AFTER each page's inline CSS so it augments/overrides. Uses the shared :root palette. */

/* ---------- Eyebrow labels: red tick ---------- */
.eyebrow{position:relative;padding-left:14px}
.eyebrow::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:7px;height:7px;background:var(--red);border-radius:1px;box-shadow:0 0 0 3px rgba(163,50,41,.12)}

/* ---------- Section titles: red underline accent ---------- */
.s-title,main h2,article h2{position:relative}
.s-title::after,main h2::after,article h2::after{
  content:"";display:block;width:48px;height:4px;margin-top:11px;
  background:linear-gradient(90deg,var(--red),var(--red-deep,#76231e));border-radius:2px}

/* highlighter sweep behind sub-headings inside prose */
.guide h3,.narr h3,article.prose h3{
  display:inline;background-image:linear-gradient(transparent 62%, rgba(154,116,53,.22) 62%);
  -webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 1px}

/* ---------- Tables: red header + zebra + hover ---------- */
table thead th{background:var(--red);color:#fbeee9;border-bottom:0;letter-spacing:.07em}
table thead th[data-k]{cursor:pointer}
table thead th[data-k]:hover{background:var(--red-deep,#76231e)}
table tbody tr:nth-child(even){background:rgba(163,50,41,.05)}
table tbody tr:hover{background:rgba(163,50,41,.11)}
table td.amt{background:rgba(163,50,41,.07)}

/* ---------- Rank lists: alternating tint + red index chip ---------- */
.rank .r:nth-child(even){background:rgba(163,50,41,.045)}
.rank .r{padding-left:8px;padding-right:8px;border-radius:6px}
.rank .r .n{display:inline-grid;place-items:center;min-width:26px;height:26px;
  background:rgba(163,50,41,.1);color:var(--red);border-radius:6px;font-size:12px}

/* ---------- Financial panel: tint money rows (advanced :has) ---------- */
.fin .row:has(.val.money){background:rgba(163,50,41,.05)}
.biz .b:first-child{background:rgba(163,50,41,.06)}

/* ---------- Driver cards: red index, stronger separation ---------- */
.drivers .d:hover{background:rgba(163,50,41,.05)}

/* ---------- Prose: drop cap + first-line indents (editorial) ---------- */
.guide article>p:first-of-type::first-letter,
.narr>p:first-of-type::first-letter,
article.prose>p:first-of-type::first-letter{
  float:left;font-family:"Archivo",sans-serif;font-weight:900;font-size:3.3em;line-height:.74;
  color:var(--red);margin:9px 12px -4px 0}
.guide article p+p,.narr p+p,article.prose p+p{text-indent:1.5em}

/* itemized/list rows in prose get a faint rule rhythm */
.guide article ul li,article.prose ul li,.narr ul li{padding-left:2px}

/* pull-tint the hero summary card / range bar emphasis */
.range-viz{background:linear-gradient(180deg,rgba(163,50,41,.04),transparent)}