/* v2 additions */
.nav a.hot{color:var(--accent);font-weight:600}
.xlink{font-size:14px;font-weight:500;text-decoration:none}
.xlink:hover{text-decoration:underline}
.hero-cta{display:grid;gap:4px;background:var(--accent);color:var(--accent-ink);border-radius:14px;padding:20px 22px;text-decoration:none}
.hero-cta .eyebrow{color:var(--accent-ink);opacity:.8;margin:0}
.hero-cta strong{font-family:var(--display);font-size:clamp(20px,4vw,26px)}
.hero-cta span{opacity:.9}
.hero-cta em{font-style:normal;font-weight:600;margin-top:6px}
.ghead{font-family:var(--display);font-weight:600;font-size:18px;margin:22px 0 12px;color:var(--muted)}
#tools .ghead:first-child{margin-top:0}
.cmpgrid{grid-template-columns:1fr}
@media(min-width:900px){.cmpgrid{grid-template-columns:.8fr 1.2fr}}
.tablewrap{overflow-x:auto}
.rank th{text-align:left;font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:0 8px 8px 0;border-bottom:1px solid var(--line)}
.rank th:not(:first-child),.rank td:not(:first-child){text-align:right;font-family:var(--mono);white-space:nowrap;padding-left:10px}
.rank td:first-child{position:relative;padding-bottom:10px}
.rank td a{color:var(--ink);text-decoration:none;font-weight:500}
.rank td a:hover{text-decoration:underline}
.pbar{position:absolute;left:0;bottom:3px;height:3px;border-radius:2px;background:var(--good);opacity:.55}
.rank tr.top td{font-weight:600}
.rank tr.top td:first-child a{color:var(--good)}
.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.btn{font:600 14px var(--body);background:var(--surface);color:var(--accent);border:1px solid var(--accent);border-radius:8px;padding:10px 14px;cursor:pointer}
.btn:hover{background:var(--soft)}
.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
footer nav{row-gap:6px}
.crumbs{font-size:13px;color:var(--muted);margin-bottom:10px}
.crumbs a{color:var(--muted)}
.guide.wide{max-width:none}
table.static{max-width:520px;margin-top:4px}
table.static th{text-align:left;font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding-bottom:6px;border-bottom:1px solid var(--line)}
table.static th:last-child{text-align:right}
.src{font-size:13px;color:var(--muted);margin-top:10px}
.why{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:20px}
.why div{display:grid;gap:4px;min-width:0}
.why strong{font-family:var(--display);font-size:18px;color:var(--accent)}
.why span{color:var(--muted);font-size:14px}
.langs{display:flex;gap:4px 12px;flex-wrap:wrap;margin-inline-start:auto;font-size:13px}
.langs a{color:var(--muted);text-decoration:none}
.langs a[aria-current]{color:var(--ink);font-weight:600}
[dir=rtl]{--display:"IBM Plex Sans Arabic","Bricolage Grotesque",system-ui,sans-serif;--body:"IBM Plex Sans Arabic","IBM Plex Sans",system-ui,sans-serif}
[dir=rtl] h1{letter-spacing:0;line-height:1.3}
[dir=rtl] .eyebrow,[dir=rtl] .big .label,[dir=rtl] th,[dir=rtl] .rank th,[dir=rtl] table.static th{letter-spacing:0;text-transform:none}
[dir=rtl] .money span{left:auto;right:12px}
[dir=rtl] .money input{padding-left:12px;padding-right:26px}
[dir=rtl] .pct span{right:auto;left:12px}
[dir=rtl] .pct input{padding-right:12px;padding-left:30px}
[dir=rtl] input[type=number]{text-align:right;direction:ltr}
[dir=rtl] td:last-child{text-align:left;padding-left:0;padding-right:10px}
[dir=rtl] .rank th,[dir=rtl] table.static th{text-align:right}
[dir=rtl] .rank th:not(:first-child),[dir=rtl] .rank td:not(:first-child),[dir=rtl] table.static th:last-child{text-align:left;padding-left:0;padding-right:10px}
[dir=rtl] .pbar{left:auto;right:0}
[dir=rtl] .legend b{margin-right:0;margin-left:5px}
[dir=rtl] .guide ul{padding-left:0;padding-right:20px}
[dir=rtl] .val,[dir=rtl] .tval,[dir=rtl] td:last-child,[dir=rtl] .rank td:not(:first-child){direction:ltr;unicode-bidi:isolate}
[dir=rtl] .chip{unicode-bidi:plaintext}