/* Crawlable content pages (benchmarks, models, rankings, guide) and the text section under the leaderboard. Uses app.css variables. */
body.page{height:auto;min-height:100%}
.topnav{display:flex;gap:14px;flex-wrap:wrap}
.topnav a,.seo-foot a{color:var(--atext);text-decoration:none;font-weight:600}
.topnav a:hover,.seo-foot a:hover,.seo-article a:hover,.seo-home a:hover{text-decoration:underline}
a.brand{color:inherit;text-decoration:none}
.seo-main{max-width:min(100%,1240px);margin:18px auto 0}
.crumbs{font-size:.78rem;color:var(--muted);margin:0 2px 10px}
.crumbs a{color:var(--atext);text-decoration:none}
.seo-article,.seo-home{border-radius:16px;padding:clamp(16px,2.4vw,30px);line-height:1.65;font-size:.95rem}
.seo-home{margin-top:18px}
.seo-article h1{font-size:clamp(1.35rem,2.4vw,1.9rem);line-height:1.2;margin-bottom:.7em;letter-spacing:-.3px}
.seo-article h2,.seo-home h2{font-size:clamp(1.05rem,1.6vw,1.3rem);margin:1.5em 0 .5em;letter-spacing:-.2px}
.seo-home>h2:first-child{margin-top:0}
.seo-article h3{font-size:1rem;margin:1.1em 0 .3em}
.seo-article p,.seo-home p,.seo-article li{margin:.55em 0;color:var(--fg)}
.seo-article ul,.seo-article ol{padding-left:1.3em}
.seo-article a,.seo-home a{color:var(--atext)}
.lede{font-size:1.02rem}
.meta,.more{font-size:.85rem;color:var(--muted)}
.more a{font-weight:600}
.tw{overflow-x:auto;margin:.9em 0;border:1px solid var(--stroke);border-radius:12px}
.seo-table{border-collapse:collapse;width:100%;min-width:560px;font-size:.84rem}
.seo-table caption{text-align:left;padding:.6em .8em;font-weight:600;color:var(--muted);font-size:.78rem}
.seo-table th,.seo-table td{padding:.5em .65em;text-align:left;border-top:1px solid var(--stroke);vertical-align:top}
.seo-table thead th{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}
.seo-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.seo-table tbody tr:nth-child(even){background:var(--row-alt)}
.seo-table tbody tr:hover{background:var(--row-hover)}
.plain{list-style:none;padding:0!important}
.plain li{margin:.45em 0}
.plain.inline{display:flex;flex-wrap:wrap;gap:.4em 1.2em}
.pop{line-height:1.9}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px;margin:1em 0}
.facts div{border:1px solid var(--stroke);border-radius:12px;padding:.6em .8em;background:var(--glass-2)}
.facts dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}
.facts dd{margin:.15em 0 0;font-weight:600}
.faq details{border-top:1px solid var(--stroke);padding:.5em 0}
.faq summary{cursor:pointer;font-weight:600}
.seo-foot{border-radius:16px;margin-top:22px;padding:14px 18px;font-size:.8rem;color:var(--muted)}
.seo-foot nav{display:flex;flex-wrap:wrap;gap:6px 16px;margin-bottom:8px}
.foot-nav{display:flex;flex-wrap:wrap;gap:6px 16px;width:100%}
.foot-nav a{color:var(--atext);font-weight:600;text-decoration:none}
@media (max-width:900px){.wide-only{display:none}}
@media (max-width:600px){.seo-main{margin-top:12px}.seo-table{font-size:.78rem}}