/* Article-specific data graphics. Data and labels remain readable without JavaScript. */
.conversion-figure{background:#f5f8fd;border-color:#d7e2f0}
.conversion-figure .figure-title{font-size:clamp(1.2rem,2.4vw,1.65rem);line-height:1.25;letter-spacing:-.035em;color:#092c4b;margin:0 0 .8rem}
.conversion-figure .figure-sub{font-size:.87rem;line-height:1.6;margin-bottom:1.5rem}
.conversion-chart{list-style:none!important;padding:0!important;margin:1.4rem 0!important}
.conversion-chart-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 92px;gap:.8rem;align-items:center;margin:1rem 0!important}
.conversion-chart-label{font-size:.83rem;line-height:1.45;color:#173651}
.conversion-chart-track{height:25px;display:block;background:#dce6f2;border-radius:5px;overflow:hidden}
.conversion-chart-track>span{display:block;height:100%;background:#1647d8;border-radius:5px}
.conversion-chart-row:first-child .conversion-chart-track>span{background:#087b86}
.conversion-chart-value{font-size:.87rem;line-height:1.4;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;color:#102d4b}
.conversion-callout{background:#092c4b;border-radius:12px;padding:1rem 1.2rem;color:#e7f0f8;display:flex;align-items:center;gap:1rem;font-size:.9rem;line-height:1.5}
.conversion-callout strong{font-size:2.6rem;color:#fff;line-height:1}
.conversion-data{margin:-1.4rem 0 2.5rem;border:1px solid #d7e2f0;border-radius:12px;background:#fff;padding:.9rem 1rem}
.conversion-data summary,.article-toc summary{cursor:pointer;font-weight:750;font-size:.83rem;color:#1647d8;min-height:32px;align-content:center}
.conversion-data summary:focus-visible,.article-toc summary:focus-visible{outline:3px solid #1647d8;outline-offset:5px;border-radius:3px}
.conversion-table-wrap{overflow-x:auto}
.conversion-data-table{width:100%;border-collapse:collapse;font-size:.85rem;margin:1rem 0}
.conversion-data-table caption{text-align:left;font-weight:750;padding:0 0 .7rem}
.conversion-data-table th,.conversion-data-table td{text-align:left;border-bottom:1px solid #dde5ee;padding:.75rem .4rem;line-height:1.5}
.conversion-data-table tbody th{font-weight:500}
.conversion-data-table th:last-child,.conversion-data-table td:last-child{text-align:right}
.vitals-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.vitals-grid>div{background:#fff;border:1px solid #cbdde8;border-top:4px solid #087b86;border-radius:10px;padding:1.15rem .9rem}
.vitals-grid span{font-size:.72rem;color:#3b556b;font-weight:750;display:block}
.vitals-grid strong{font-size:clamp(1.5rem,3vw,2.1rem);letter-spacing:-.06em;display:block;line-height:1.3;color:#092c4b;white-space:nowrap;margin:.6rem 0}
.vitals-grid p{font-size:.79rem;line-height:1.5;margin:0;color:#4e6074}
.scenario-tag{display:inline-block;font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;font-weight:800;background:#fff2cd;border:1px solid #e9d59c;color:#624800;border-radius:5px;padding:.3rem .6rem;margin-bottom:1rem}
.scenario-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0 1rem}
.scenario-comparison>div{background:#fff;border:1px solid #d3deeb;border-radius:12px;padding:1.3rem}
.scenario-comparison>div:last-child{background:#e9f6f5;border-color:#86c7c2}
.scenario-comparison span{display:block;font-size:.8rem;line-height:1.5;color:#39576b}
.scenario-comparison strong{display:block;font-size:clamp(2.7rem,6vw,4.4rem);letter-spacing:-.07em;line-height:1.2;margin:.5rem 0;color:#092c4b;font-variant-numeric:tabular-nums}
.scenario-lift{font-size:.9rem;color:#174962;line-height:1.5}
.scenario-equation{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:1.4rem 0;border-top:1px solid #cbdce9;border-bottom:1px solid #cbdce9;font-size:.78rem;line-height:1.45}
.scenario-equation b{display:block;color:#092c4b;font-size:1.45rem}
.scenario-total{background:#092c4b;color:#e5eff6;border-radius:14px;padding:1.5rem;margin:1.5rem 0 0!important;font-size:.78rem;line-height:1.6}
.scenario-total strong{font-size:clamp(2.5rem,6vw,4rem);letter-spacing:-.06em;display:block;color:#ffd04b;line-height:1.3;font-variant-numeric:tabular-nums}
.conversion-journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;list-style:none;counter-reset:journey;padding:0!important;margin:1.4rem 0!important}
.conversion-journey li{counter-increment:journey;background:#fff;border:1px solid #d3deeb;border-radius:10px;padding:1rem .7rem;margin:0!important;font-size:.8rem;line-height:1.5;color:#18374e}
.conversion-journey li::before{content:counter(journey,decimal-leading-zero);display:block;font-size:.74rem;font-weight:800;color:#1647d8;margin-bottom:.5rem}
.conversion-journey li:last-child{background:#092c4b;color:#fff}
.conversion-journey li:last-child::before{color:#ffd04b}
.article-toc summary{color:#12223b;text-transform:uppercase;letter-spacing:.04em}
.post-aside{max-height:calc(100vh - 2rem);overflow-y:auto}
.post-content hr{border:0;border-top:1px solid #d9e2ed;margin:3rem 0}
.post-content #research-sources~ol{font-size:.9rem;overflow-wrap:anywhere}
.post-content h2,.post-content h3{overflow-wrap:anywhere}
.post-share button{max-width:100%;overflow-wrap:anywhere}
.traffic-card-image{display:flex;align-items:center;min-width:0}
@media(max-width:1000px){.post-aside{max-height:none;overflow:visible}.article-toc nav{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.article-toc nav a{min-height:36px;align-content:center}}
@media(max-width:700px){.conversion-chart-row{grid-template-columns:minmax(0,1fr) auto;gap:.45rem .7rem;margin:1.3rem 0!important}.conversion-chart-label{font-size:.81rem}.conversion-chart-value{grid-column:2;grid-row:1;font-size:.8rem}.conversion-chart-track{grid-column:1/-1;grid-row:2;height:19px}.vitals-grid{grid-template-columns:1fr}.vitals-grid>div{display:grid;grid-template-columns:1fr auto;gap:.3rem 1rem;align-items:center}.vitals-grid strong{grid-column:2;grid-row:1/3;margin:0;font-size:1.7rem}.vitals-grid p{grid-column:1}.conversion-journey{grid-template-columns:1fr 1fr}.scenario-comparison{gap:.65rem}.scenario-comparison>div{padding:1rem .8rem}.scenario-equation{gap:.3rem;font-size:.7rem}.scenario-equation b{font-size:1.3rem}.scenario-total{padding:1.2rem}.post-hero-art figcaption{font-size:.73rem}.post-aside{padding:1rem}.article-toc nav{grid-template-columns:1fr}.post-hero h1{font-size:clamp(2.4rem,9.5vw,3.4rem)}}
@media print{.conversion-data{display:none}.conversion-chart-track{print-color-adjust:exact}.conversion-figure{break-inside:avoid}.post-aside{display:none}}