:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#121b31;background:#f7f9fd;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;line-height:1.6}a{color:#1d55d7}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid #2d64ff;outline-offset:4px;border-radius:3px}
.wrap{max-width:920px;margin:auto;padding:0 22px}.mast{border-bottom:1px solid #dbe3f1;background:#fff}.topbar{min-height:84px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px}
.logo{font-size:1.65rem;font-weight:800;letter-spacing:-.06em;text-decoration:none;color:#111a31}.logo span{color:#2962ff}
nav{display:flex;flex-wrap:wrap;gap:16px}nav a{font-size:.9rem;text-decoration:none}.crumb{padding:30px 0 0;font-size:.85rem;color:#64748b}
main article,main>.directory{max-width:820px}h1{font-size:clamp(2rem,4.6vw,3.1rem);letter-spacing:-.045em;line-height:1.14;margin:10px 0 20px}h2{font-size:1.4rem;letter-spacing:-.025em;line-height:1.25;margin:28px 0 8px}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:750;font-size:.78rem;color:#2458d9;margin:25px 0 9px}
.lede{font-size:1.14rem;color:#35455f;max-width:740px}.ranking{margin:26px 0;background:#fff;border:1px solid #dbe4f1;box-shadow:0 12px 28px rgba(23,39,69,.07);border-radius:22px;padding:28px}
.rank-label{font-size:.93rem;color:#627086;margin:0}.rank-value{font-size:clamp(1.75rem,5vw,3.4rem);letter-spacing:-.05em;font-weight:780;line-height:1.17;margin:9px 0 8px;overflow-wrap:anywhere}
.outranks{font-size:1.08rem;font-weight:650;color:#2458d9;margin:5px 0}.date{font-size:.85rem;color:#64748b}
.notice{color:#485c75;font-size:.92rem;max-width:700px;line-height:1.65}.primary{display:inline-block;background:#2458df;color:#fff;text-decoration:none;padding:11px 17px;border-radius:11px;font-weight:650;margin-top:10px}
section{padding:8px 0;color:#35455f}.related{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;padding:0;list-style:none}
.related li a{display:block;border:1px solid #dbe4f1;border-radius:12px;padding:13px;background:white;text-decoration:none;height:100%}
.category{border-bottom:1px solid #dce5f2;padding-bottom:17px}.category ul{padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.category li{background:#fff;border:1px solid #dce5f2;border-radius:14px;padding:15px}
.category li a{font-weight:700;text-decoration:none}.category li p{color:#56657a;font-size:.87rem;margin:6px 0 0}
.sitefoot{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;color:#64748b;font-size:.84rem;border-top:1px solid #dbe4f1;margin:48px auto 0;padding-top:24px;padding-bottom:30px}
@media(max-width:560px){.topbar{padding:15px 20px}h1{font-size:2rem}.ranking{padding:19px}.related{grid-template-columns:1fr}.sitefoot{padding-bottom:40px}}

/* A profile is already a ranking page: use low-friction links, not a fake primary CTA. */
.profile-actions {display:flex;flex-wrap:wrap;gap:12px 23px;align-items:center;margin-top:19px;}
.profile-actions a {font-weight:650;text-decoration:none;font-size:.94rem;color:#2458d9;}
.profile-actions a:hover {text-decoration:underline;}
@media(max-width:540px) {.profile-actions {gap:12px 18px;}}
