/* KlientsGrowth refresh 2026-11-03: additions only, on top of site.css tokens. */

/* Figures (design note: .cmp-figure on the homepage, .prose figure on the field notes) */
.cmp-figure{margin:32px 0}
.cmp-figure img{width:100%;height:auto}
.prose figure{margin:28px 0}
.prose figure img{width:100%;height:auto;border-radius:14px}

/* Hero answer block: plain paragraph under the lede */
.hero .hero-answer{margin:-12px 0 36px;max-width:56ch;color:var(--text-2);font-size:17px;line-height:1.65}

/* Comparison table */
.cmp-wrap{overflow-x:auto;margin:0 0 28px}
.cmp{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--rule);border-radius:var(--r);overflow:hidden;font-size:16px;line-height:1.55}
.cmp th,.cmp td{text-align:left;vertical-align:top;padding:16px 20px;border-bottom:1px solid var(--rule-2)}
.cmp tr:last-child th,.cmp tr:last-child td{border-bottom:0}
.cmp thead th{font:600 11px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);background:var(--paper-2)}
.cmp thead th:last-child{color:var(--indigo)}
.cmp tbody th{font:700 16px/1.35 var(--display);letter-spacing:-.01em;color:var(--ink);width:22%}
.cmp td{color:var(--text-2)}
.cmp td:last-child{color:var(--ink)}
.cmp-note{color:var(--text-2);margin:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* FAQ blocks */
.faq{max-width:760px}
.article.faq{padding-top:0}
.prose .src-line,.prose .disclaimer{font:500 12.5px/1.6 var(--mono);color:var(--text-3)}
.prose .src-line a{color:var(--text-2)}

/* Case modals: headings moved from h2 to h3, same look as before */
.case-top h3{font:700 clamp(28px,3.4vw,42px)/1.05 var(--display);letter-spacing:-.03em;margin:14px 0 14px;max-width:22ch}
.case .prose h3{font:700 clamp(21px,2vw,26px)/1.15 var(--display);letter-spacing:-.025em;margin:40px 0 12px}
.case .prose>h3:first-child{margin-top:0}

@media (max-width:560px){
  .cmp th,.cmp td{padding:12px 14px;font-size:15px}
}