/* Orwell Lab insights layer. Additive styles for the /insights/ article
   template, kept separate from sections.css so the shared site stylesheet
   is never touched by the publishing engine. */

/* In brief box: the summary callout after the H1 on every article */
.ol-brief{background:var(--surface2);border:1px solid var(--border);border-radius:18px;padding:22px 26px;margin:0 0 30px}
.ol-brief-h{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--indigo);margin-bottom:12px}
.ol-brief ul{margin:0 0 0 20px}
.ol-brief li{font-size:15.5px;line-height:1.62;margin-bottom:7px}
.ol-brief-cta{margin-top:14px;font-weight:700;font-size:15px}

/* Data tables inside prose, for cost and comparison content */
.prose table{width:100%;border-collapse:collapse;margin:6px 0 24px;font-size:15.5px}
.prose thead th{text-align:left;padding:11px 14px;font-weight:700;color:var(--ink);border-bottom:2px solid var(--tint)}
.prose tbody td{padding:11px 14px;border-bottom:1px solid var(--border);vertical-align:top;line-height:1.5}
.prose tbody tr:last-child td{border-bottom:none}
@media(max-width:640px){.prose table{font-size:14px}.prose thead th,.prose tbody td{padding:9px 8px}}

/* FAQ block: give question headings room to breathe */
.prose .faq h3{font-size:18px;margin:28px 0 8px}
.prose .faq p{margin-bottom:0}

/* Visible breadcrumb: the on-page link path at the top of every article.
   Separate from the BreadcrumbList JSON-LD; this one is for humans and gives
   every page upward links to Home and the Insights hub. */
.ol-crumbs{font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--muted);margin-bottom:20px}
.ol-crumbs a{color:var(--indigo)}
.ol-crumbs a:hover{color:var(--indigo-deep)}
.ol-crumbs span[aria-hidden]{margin:0 8px;color:var(--border)}
.ol-crumbs-here{color:var(--muted)}