/* Article-style pages (comparisons, lead-cost guides) on the v4 site style.
   Loaded after /css/v4.css and uses its tokens, so light and dark follow the
   device. Styles the markup those pages already carry: comparison tables,
   pros/cons boxes, the verdict, FAQ items and callout boxes. */
.prose4{max-width:820px;margin:0 auto;font-size:17px;color:var(--ink-2)}
.prose4 > * + *{margin-top:16px}
.prose4 h2{font-size:clamp(26px,3vw,36px);font-weight:900;color:var(--ink);margin-top:48px;letter-spacing:-.01em}
.prose4 h2:first-child{margin-top:0}
.prose4 h3{font-size:21px;font-weight:700;color:var(--ink);margin-top:34px}
.prose4 h4{font-size:18px;color:var(--ink);margin-top:22px}
.prose4 p{margin:0}
.prose4 p + p{margin-top:14px}
.prose4 ul,.prose4 ol{padding-left:22px;margin:12px 0 0}
.prose4 li{margin-bottom:8px}
.prose4 li::marker{color:var(--brand-deep)}
.prose4 strong{color:var(--ink)}
.prose4 a{color:var(--brand-deep);font-weight:700}
.prose4 .btn{color:var(--on-brand);text-decoration:none}
/* tables */
.prose4 .comparison-table,.prose4 .table-wrap,.prose4 .compare-wrap,.prose4 .scroll{overflow-x:auto;margin:26px 0;border-radius:var(--r-soft-2);box-shadow:var(--shadow)}
.prose4 table{width:100%;border-collapse:collapse;background:var(--paper);font-size:15px;min-width:560px}
.prose4 th,.prose4 td{padding:13px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--hair)}
.prose4 thead th{font-family:var(--display);background:var(--band);color:#fff}
.prose4 thead th.gigngo-col{background:var(--brand-deep)}
.prose4 tbody tr:nth-child(2n) td{background:var(--paper-2)}
.prose4 td.feature-col,.prose4 td:first-child{font-weight:700;color:var(--ink)}
.prose4 td.gigngo-col{color:var(--ink)}
.prose4 .checkmark{color:var(--brand-deep);font-weight:900;margin-right:4px}
.prose4 .xmark{color:#C0492F;font-weight:900;margin-right:4px}
.prose4 table:has(th:nth-child(4)){min-width:700px}
.prose4 table:has(th:nth-child(5)){min-width:860px}
.prose4 .table-note{font-size:14px}
.prose4 > table{display:block;overflow-x:auto;min-width:0}
/* callouts */
.prose4 .gng-not-sold,.prose4 .definition-box,.prose4 .note-box,.prose4 .honest-box{background:var(--surface);border-radius:var(--r-soft-1);padding:24px 28px;margin:30px 0;color:var(--ink)}
.prose4 .gng-not-sold h3,.prose4 .definition-box h3,.prose4 .note-box h3,.prose4 .honest-box h3{margin-top:0}
/* pros / cons */
.prose4 .pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0}
.prose4 .pros-box,.prose4 .cons-box{background:var(--paper);box-shadow:var(--shadow);padding:24px 26px}
.prose4 .pros-box{border-radius:var(--r-card-1)}.prose4 .cons-box{border-radius:var(--r-card-3)}
.prose4 .pros-box h3,.prose4 .cons-box h3{margin-top:0;font-size:19px}
.prose4 .pros-box ul,.prose4 .cons-box ul{list-style:none;padding:0}
.prose4 .pros-box li,.prose4 .cons-box li{position:relative;padding-left:22px}
.prose4 .pros-box li::before{content:"\2713";position:absolute;left:0;color:var(--brand-deep);font-weight:900}
.prose4 .cons-box li::before{content:"\2013";position:absolute;left:2px;color:var(--ink-2);font-weight:900}
/* verdict */
.prose4 .verdict{background:var(--band);color:var(--band-ink-2);border-radius:var(--r-card-2);padding:32px 34px;margin:40px 0}
.prose4 .verdict h2,.prose4 .verdict h3,.prose4 .verdict strong{color:#fff}
.prose4 .verdict h2{margin-top:0}
.prose4 .verdict a:not(.btn){color:#9FDA8F}
.prose4 .verdict .btn{margin-top:18px}
/* FAQ items */
.prose4 .faq-item{background:var(--paper);box-shadow:var(--shadow);border-radius:var(--r-soft-3);padding:20px 24px;margin-top:12px}
.prose4 .faq-item:nth-child(2n){border-radius:var(--r-soft-2)}
.prose4 .faq-item h3,.prose4 .faq-item h4{margin-top:0;font-size:18px}
.prose4 .faq-item p{margin-top:8px}
.jobcap{display:flex;justify-content:center;padding:0 16px 60px}
.closing .apps{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:18px;font-size:14px}
.closing .apps a{color:var(--band-ink-2);font-weight:700}
@media (max-width:760px){.prose4 .pros-cons{grid-template-columns:1fr}.prose4{font-size:16px}.prose4 .verdict{padding:24px 22px}}