.lead-guide { --lead-accent:#a64822; --lead-surface:#f1f5f1; --lead-border:#c3d1c8; --lead-ink:#193c30; }
html.theme-dark .lead-guide { --lead-accent:#ffc194; --lead-surface:#18392f; --lead-border:#527365; --lead-ink:#f4f5ec; }
html.reading-mode .lead-guide { --lead-accent:#924019; --lead-surface:#eee4d0; --lead-border:#bcb09a; --lead-ink:#332d24; }
.lead-guide .lead-deck { max-width:620px; margin:18px auto; font-size:1.2rem; }
.lead-guide .blog-post-content { min-width:0; }
.lead-guide .blog-featured-image img { display:block; width:100%; height:auto; }
.lead-guide .blog-post-content figcaption { padding:12px 2px; font-size:.875rem; line-height:1.6; }
.lead-guide .lead-toc { display:grid; grid-template-columns:1fr 1fr; gap:12px 18px; padding:24px; margin:30px 0; border:1px solid var(--lead-border); border-radius:16px; }
.lead-guide .lead-toc strong { grid-column:1/-1; }
.lead-guide .lead-toc a { font-size:1rem; }
.lead-guide :is(h2,h3,li[id]) { scroll-margin-top:110px; }
.lead-guide .lead-funnel { margin:28px 0; padding:24px; border:1px solid var(--lead-border); border-radius:18px; background:var(--lead-surface); }
.lead-guide .lead-funnel figcaption strong,.lead-guide .lead-funnel figcaption span { display:block; }
.lead-guide .lead-funnel figcaption strong { font-size:1.3rem; color:var(--lead-ink); }
.lead-guide .funnel-row { display:grid; grid-template-columns:90px 1fr 35px; align-items:center; gap:12px; padding:9px 0; color:var(--lead-ink); font-size:.95rem; }
.lead-guide .funnel-track { background:color-mix(in srgb,var(--lead-ink) 10%,transparent); border-radius:4px; overflow:hidden; }
.lead-guide .funnel-track i { display:block; min-width:3px; height:25px; background:var(--lead-accent); }
.lead-guide .funnel-row b { text-align:right; }
.lead-guide .lead-table-wrap { max-width:100%; overflow-x:auto; margin:25px 0; }
.lead-guide .lead-table-wrap table { width:100% !important; max-width:none !important; margin:0; table-layout:fixed; }
.lead-guide .lead-table-wrap--comparison th:first-child { width:42%; }
.lead-guide .lead-table-wrap--scorecard th:first-child { width:24%; }
.lead-guide .lead-table-wrap :is(th,td) { overflow-wrap:anywhere; }
.lead-guide .lead-table-wrap caption { text-align:left; padding:0 0 12px; font-size:.9rem; line-height:1.6; }
.lead-guide .lead-table-wrap tbody th { background:var(--lead-surface); color:var(--lead-ink); font-size:.95rem; text-align:left; padding:14px; }
.lead-guide .lead-calculator,.lead-guide .lead-message { border:1px solid var(--lead-border); background:var(--lead-surface); border-radius:18px; padding:26px; margin:32px 0; }
.lead-guide .lead-eyebrow { display:block; color:var(--lead-accent); font-size:.8rem; font-weight:800; letter-spacing:.1em; }
.lead-guide .lead-input-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:20px 0; }
.lead-guide .lead-input-grid label { display:flex; flex-direction:column; gap:8px; font-size:.95rem; font-weight:600; color:var(--lead-ink); }
.lead-guide .lead-input-grid input { width:100%; box-sizing:border-box; min-width:0; padding:12px; border:1px solid var(--lead-border); border-radius:8px; background:var(--lead-surface); color:var(--lead-ink); font:inherit; font-size:1.125rem; }
.lead-guide :is(input,button,a,summary,[tabindex]):focus-visible { outline:3px solid var(--lead-accent); outline-offset:4px; }
.lead-guide .lead-result-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:25px; padding-top:24px; border-top:1px solid var(--lead-border); }
.lead-guide .lead-result-grid span { display:block; font-size:.9rem; margin-bottom:6px; color:var(--lead-ink); }
.lead-guide .lead-result-grid strong { font-size:clamp(1.25rem,2.5vw,1.8rem); color:var(--lead-accent); overflow-wrap:anywhere; }
.lead-guide .blog-post-content .lead-small { font-size:.875rem; line-height:1.6; }
.lead-guide #lead-calc-error { font-weight:700; color:var(--lead-accent); }
.lead-guide .lead-plan { padding-left:25px; }
.lead-guide .lead-plan li { padding:0 0 16px 8px; }
.lead-guide .lead-faq details { border-bottom:1px solid var(--lead-border); padding:18px 0; }
.lead-guide .lead-faq summary { font-weight:700; cursor:pointer; color:var(--lead-ink); font-size:1.05rem; }
.lead-guide .lead-sources { font-size:.95rem; }
.lead-guide .lead-sources li { margin-bottom:14px; overflow-wrap:anywhere; }
@media(max-width:600px) { .lead-guide .lead-toc,.lead-guide .lead-input-grid { grid-template-columns:1fr; } .lead-guide .lead-calculator,.lead-guide .lead-funnel,.lead-guide .lead-message { padding:18px; } .lead-guide .funnel-row { grid-template-columns:74px 1fr 30px; gap:8px; font-size:.875rem; } .lead-guide .lead-result-grid { grid-template-columns:1fr; gap:16px; } .lead-guide .lead-table-wrap { overflow-x:auto; } .lead-guide .lead-table-wrap table { min-width:560px; table-layout:auto; } }
.lead-guide .lead-sources { padding:24px; border:1px solid var(--lead-border); border-radius:16px; background:var(--lead-surface); }
.lead-guide .blog-post-content .lead-sources :is(h2,p,li) { color:var(--lead-ink); }
.lead-guide .blog-post-content .lead-sources a { color:var(--lead-accent); }