/* Generated by ventures/checker/scripts/gen_compare.py. Paper mood; tokens from /assets/cowerx.css. */
main>section:last-child{border-bottom:0}
.compare-hero{padding-block:var(--s8) var(--s7)}
.compare-hero h1{max-width:16ch}
.compare-hero .eyebrow a{min-width:0;color:var(--muted)}
.compare-hero .metric .label{display:block;margin:0 0 var(--s2)}
.compare-hero .metric .caption{margin:var(--s2) 0 0}
.sample{color:var(--muted);font-size:var(--t3);margin:0 0 var(--s5)}
.sample .mono,.sample time{color:var(--ink)}
.compare-hero .eyebrow a{display:inline-flex;align-items:center;min-height:44px}
.foot>span,.foot nav a{display:inline-flex;align-items:center;min-height:44px}
time,.mono{white-space:nowrap}
.hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s7) var(--s8)}
.hub-grid h2{font-size:var(--t7)}
.hub-list li.skipped .meta{padding-right:calc(1em + var(--s5))}
.compare-table{margin:0}
.compare-table th[scope=row]{font-weight:400;width:100%}
.compare-table thead th:last-child,.compare-table td.numeric{text-align:right;white-space:nowrap}
.check-name{display:block;font-weight:600}
.check-meaning{display:block;color:var(--muted);font-size:var(--t3);margin-top:var(--s1)}
.compare-table .bar-track{display:block;margin-top:var(--s3);max-width:420px;height:6px;border-radius:0 4px 4px 0}
.compare-table .bar-track i{border-radius:0 4px 4px 0}
.compare-table .count{display:block;font:500 var(--t5)/1.3 JetBrains,monospace;color:var(--ink)}
.compare-table .percent{display:block;color:var(--muted);font-size:var(--t2)}
.note{color:var(--muted);font-size:var(--t3);margin:0 0 var(--s5)}.note .status{margin-right:var(--s2);color:var(--ink)}
.takeaways{margin:0;padding:0;list-style:none;counter-reset:take;max-width:var(--measure)}
.takeaways li{counter-increment:take;position:relative;padding:var(--s4) 0 var(--s4) var(--s7);border-top:1px solid var(--rule);font-size:var(--t5);line-height:1.5}
.takeaways li:last-child{border-bottom:1px solid var(--rule)}
.takeaways li::before{content:counter(take,decimal-leading-zero);position:absolute;left:0;top:calc(var(--s4) + 4px);font:var(--t2) JetBrains,monospace;color:var(--accent)}
.cta-block .card{padding:var(--s6)}
.cta-block h2{font-size:clamp(34px,4vw,48px)}
.check-form label{display:block;font-weight:600;margin:var(--s5) 0 var(--s2)}
.check-form .row{display:flex;gap:var(--s2);flex-wrap:wrap}
.check-form input{flex:1;min-width:min(240px,100%);min-height:44px;padding:var(--s3);border:1px solid var(--rule);border-radius:var(--radius);background:var(--bg);color:var(--ink)}
.check-form button{flex:0 0 auto}
.rival{margin:var(--s5) 0 0;color:var(--muted)}
.rival a{min-height:0;min-width:0;display:inline;padding-block:var(--s3)}
.more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s6)}
.more-grid h3{font-size:var(--t6)}
.hub-list li.skipped{display:flex;align-items:center;justify-content:space-between;gap:var(--s5);min-height:52px;padding:var(--s3) 0;color:var(--muted)}
.method p{color:var(--muted);font-size:var(--t3)}
.method h2{font-size:var(--t6)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.compare-hero{display:grid;gap:var(--s7);align-items:end}
.hero-text>:last-child{margin-bottom:0}
.hero-metric{margin:0;padding-top:var(--s4);border-top:1px solid var(--ink)}
.hero-metric .value{font-size:clamp(44px,5.4vw,72px);line-height:1.05}
.waffle{display:grid;grid-template-columns:repeat(auto-fill,10px);gap:4px;margin:var(--s5) 0 var(--s3);max-width:420px}
.waffle i{display:block;width:10px;height:10px;border-radius:2px;background:var(--rule)}
.waffle i.on{background:var(--accent)}
.waffle.matrix{gap:5px;max-width:360px}
.waffle.matrix i{width:auto;height:auto;aspect-ratio:1;border-radius:3px}
.motion .waffle.matrix i.on{transition-delay:calc(var(--k) * 30ms + .35s)}
.motion .waffle i.on{background:var(--rule);transition:background .35s ease-out calc(var(--k) * 12ms + .35s)}
.motion .in .waffle i.on{background:var(--accent)}
.ex-controls{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--s4) var(--s5);margin:0 0 var(--s5);padding:var(--s4);border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface)}
.ex-controls[hidden],.explorer [hidden]{display:none}
.ex-trades{display:flex;flex-wrap:wrap;gap:var(--s2)}
.ex-trade{min-height:44px;padding:0 var(--s4);border:1px solid var(--rule);border-radius:var(--pill);background:transparent;color:var(--ink);font:500 var(--t3)/1.2 Inter,Arial,sans-serif;transition:background .2s ease-out,color .2s ease-out,border-color .2s ease-out}
.ex-trade:hover{border-color:var(--ink)}
.ex-trade[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.ex-county label{display:block;margin:0 0 var(--s1);font:600 var(--t1)/1.4 Inter,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.ex-county select{min-height:44px;min-width:220px;padding:0 var(--s6) 0 var(--s3);border:1px solid var(--ink);border-radius:var(--radius);background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23111312' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 12px center;color:var(--ink);font:500 var(--t3)/1.2 Inter,Arial,sans-serif;appearance:none;-webkit-appearance:none}
.compare-table .bar-track{position:relative}
.compare-table .bar-track i{transition:width .8s cubic-bezier(.3,.7,.2,1)}
.motion .compare-table .bar-track i[data-fill]{transition:transform var(--dur,1.2s) cubic-bezier(.25,.8,.25,1) var(--d,.15s),width .8s cubic-bezier(.3,.7,.2,1)}
.compare-table .bar-track .ref{position:absolute;top:-5px;bottom:-5px;width:2px;margin-left:-1px;background:var(--ink);transition:left .8s cubic-bezier(.3,.7,.2,1)}
.ex-ref{margin:var(--s3) 0 0;color:var(--muted);font-size:var(--t3)}
.ex-open{margin:var(--s4) 0 0}
.ex-open a{display:inline-flex;align-items:center;gap:var(--s2);font-weight:600}
.ex-open a::after{content:'\2192'}
.takeaways li{background:linear-gradient(var(--accent),var(--accent)) no-repeat left top / 0 1px}
.motion .takeaways li.in{background-size:100% 1px;transition:opacity .7s cubic-bezier(.2,.7,.2,1) var(--d,0s),transform .8s cubic-bezier(.2,.7,.2,1) var(--d,0s),background-size 1s cubic-bezier(.3,.7,.2,1) calc(var(--d,0s) + .2s)}
.takeaways li{background-size:100% 1px}
.motion .takeaways li{background-size:0 1px}
@media(min-width:900px){.compare-hero{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:var(--s8)}}
@media(max-width:600px){.ex-controls{padding:var(--s3)}.ex-trades{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.ex-county{width:100%}.ex-county select{width:100%;min-width:0}.waffle{grid-template-columns:repeat(auto-fill,8px);gap:3px}.waffle i{width:8px;height:8px}}
@media(max-width:760px){.hub-grid{grid-template-columns:1fr}.compare-hero{padding-block:var(--s7) var(--s6)}.more-grid{grid-template-columns:1fr}.compare-table th,.compare-table td{padding-inline:0 var(--s3)}.compare-table td.numeric{padding-right:0}.takeaways li{font-size:var(--t4);padding-left:var(--s6)}.cta-block .card{padding:var(--s5)}}