/* BizGrip — topic and comparison pages (/tally-on-mobile/ …). Builds on landing.css. */

/* Breadcrumbs */
.crumbs{border-bottom:1px solid var(--line);background:#fff}
.crumbs__in{max-width:1200px;margin:0 auto;padding:12px 28px;font-size:13px;color:var(--mut);display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.crumbs a{color:var(--em-d);font-weight:600}
.crumbs a:hover{text-decoration:underline}
.crumbs i{font-style:normal;color:var(--mut2)}
.crumbs span{color:var(--ink);font-weight:600}

/* Page hero */
.phero{background:radial-gradient(60% 80% at 90% 0%,rgba(16,185,129,.12),transparent 70%),var(--bg)}
.phero__in{max-width:1200px;margin:0 auto;padding:64px 28px 56px}
.phero h1{font-size:clamp(34px,4.6vw,60px);margin:16px 0 20px;max-width:900px}
.phero__lead{font-size:clamp(17px,1.4vw,20px);color:var(--mut);line-height:1.65;max-width:760px;margin-bottom:30px}

/* Article body */
.art{max-width:1200px;margin:0 auto;padding:24px 28px 88px;display:grid;gap:56px}
.art section{max-width:780px;min-width:0}
.art section.wide{max-width:none}
.art h2{font-size:clamp(26px,2.8vw,36px);margin-bottom:16px}
.art h3{font-size:19px;margin:22px 0 8px;letter-spacing:-.02em}
.art p{color:#334155;font-size:16.5px;line-height:1.72;margin-bottom:14px}
.art p:last-child{margin-bottom:0}
.art ul,.art ol{color:#334155;font-size:16.5px;line-height:1.7;padding-left:22px;display:grid;gap:8px;margin-bottom:14px}
.art li::marker{color:var(--em-d)}
.art b,.art strong{color:var(--ink)}
.art a:not(.btn){color:var(--em-d);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.art .muted{color:var(--mut);font-size:14px}

/* Tables */
.tbl{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:#fff;box-shadow:var(--shadow)}
.cmpt{width:100%;border-collapse:collapse;font-size:15px;min-width:560px}
.cmpt th,.cmpt td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.5}
.cmpt thead th{background:var(--tint);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);font-weight:700}
.cmpt tbody tr:last-child td{border-bottom:0}
.cmpt td:first-child{color:var(--ink);font-weight:600;width:28%}
.cmpt td{color:#334155}
.cmpt .us{background:#F3FBF7}
.cmpt thead th.us{color:var(--em-d)}
.tbl__note{font-size:13.5px;color:var(--mut);margin-top:10px;line-height:1.6}

/* Callout and step list reuse .safe and .steps from landing.css */
.art .steps{margin-top:6px}
.art .safe{margin-top:0}
.guides--compact{margin-top:8px}

@media(max-width:900px){
  .phero__in{padding:44px 20px 40px}
  .art{padding:16px 20px 64px;gap:44px}
  .crumbs__in{padding:10px 20px}
}