.league-grades-page{--gold:#f1c65d;--green:#62d69e;--violet:#c59af1;--rose:#ed7997;--orange:#f09a58;overflow-x:clip;color:#ece9e5;background:#090a0d;background-image:linear-gradient(135deg,rgba(241,198,93,.04) 0 1px,transparent 1px 42px),linear-gradient(180deg,#090a0d,#120d14 55%,#090a0d);background-size:42px 42px,auto}.league-grades-page main{width:min(100% - 30px,1180px)}.grade-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:34px;align-items:center;min-height:440px;padding:44px;border:1px solid #655438;border-left:6px solid var(--gold);border-radius:6px;background:linear-gradient(115deg,#17140e 0 57%,#1b1120 57%);box-shadow:0 28px 80px rgba(0,0,0,.35)}.grade-hero h1,.grade-ladder h2,.grade-context h2,.grade-differences h2,.grade-history h2,.grade-sources h2{margin:.12em 0;color:#fff8e9;font-size:clamp(2rem,5vw,4.7rem);line-height:1}.grade-hero>div>p{max-width:760px;color:#c9c0b4;font-size:1.08rem;line-height:1.65}.grade-hero nav{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.grade-hero nav a,.grade-history>a{display:inline-flex;gap:8px;align-items:center;min-height:46px;padding:10px 14px;border:1px solid #735f34;border-radius:4px;color:#ffe4a5;background:#28200f;text-decoration:none}.grade-hero nav a:nth-child(2){border-color:#456755;color:#a9edc6;background:#112218}.grade-hero nav a:nth-child(3){border-color:#684a75;color:#dec4f4;background:#21162a}.grade-hero aside{display:grid;grid-template-columns:116px minmax(0,1fr);gap:18px;align-items:center;padding:20px;border:1px solid #755888;border-radius:6px;background:#18101e}.grade-hero aside img{width:116px;height:116px;border:2px solid var(--violet);border-radius:50%;object-fit:cover}.grade-hero aside div{display:grid;gap:5px}.grade-hero aside small{color:#c8a7e4;text-transform:uppercase}.grade-hero aside strong{color:#fff;font-size:1.2rem}.grade-hero aside span{width:fit-content;color:#231903;background:var(--gold);padding:4px 11px;border-radius:4px;font-size:2rem;font-weight:950}.grade-hero aside p{margin:0;color:#aea3b1}.grade-answer{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:center;margin:18px 0 34px;padding:17px;border:1px solid #3f674f;border-left:5px solid var(--green);border-radius:4px;background:#0e1b14}.grade-answer i{color:var(--green);font-size:1.5rem}.grade-answer strong{color:#b4f0cf}.grade-answer p{margin:4px 0 0;color:#b5beb8}.grade-ladder,.grade-context,.grade-differences,.grade-history,.grade-sources{margin:30px 0;padding:28px;border:1px solid #454148;border-radius:6px;background:#111216}.grade-ladder h2,.grade-context h2,.grade-differences h2,.grade-history h2,.grade-sources h2{font-size:clamp(2rem,4vw,3.5rem)}.grade-ladder header>p:last-child{color:#aaa5ab;line-height:1.6}.grade-ladder>div{display:grid;grid-template-columns:repeat(15,minmax(48px,1fr));gap:7px;margin-top:22px}.grade-ladder>div span{display:grid;min-height:62px;place-items:center;border:1px solid currentColor;border-radius:4px;font-size:1.15rem;font-weight:950;background:#17171a}.grade-ladder .is-s{color:var(--gold)}.grade-ladder .is-a{color:var(--green)}.grade-ladder .is-b{color:#84bfe7}.grade-ladder .is-c{color:var(--orange)}.grade-ladder .is-d{color:var(--rose)}.grade-context{border-color:#59466a;background:#17121d}.grade-context>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px}.grade-context article,.grade-differences article{--tone:var(--violet);min-width:0;padding:17px;border:1px solid color-mix(in srgb,var(--tone) 42%,#414047);border-bottom:4px solid var(--tone);border-radius:4px;background:color-mix(in srgb,var(--tone) 6%,#111216)}.grade-context article:nth-child(2),.grade-differences article:nth-child(2){--tone:var(--green)}.grade-context article:nth-child(3),.grade-differences article:nth-child(3){--tone:var(--orange)}.grade-context article:nth-child(4){--tone:var(--rose)}.grade-context i,.grade-differences i{color:var(--tone);font-size:1.35rem}.grade-context small{display:block;margin-top:12px;color:var(--tone);font-weight:850;text-transform:uppercase}.grade-context h3{margin:5px 0;color:#fff}.grade-context p,.grade-differences p{color:#aaa5ab;line-height:1.55}.grade-differences{border-color:#41604f;background:#101814}.grade-differences>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}.grade-differences article{display:grid;gap:8px}.grade-differences strong{color:#f6f0f3}.grade-differences a{color:#e4caff}.grade-history{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:25px;align-items:center;border-color:#67552f;background:linear-gradient(110deg,#18150e,#17101c)}.grade-history p{color:#bcb4aa;line-height:1.6}.grade-sources{border-color:#59466b;background:#15111b}.grade-sources>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:20px}.grade-sources a{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:15px;border:1px solid #54445f;border-radius:4px;color:#eee7f2;background:#101115;text-decoration:none}.grade-sources a i{color:var(--violet)}.grade-sources a span{display:grid;gap:3px}.grade-sources small{color:#aaa2ad}@media(max-width:900px){.grade-hero{grid-template-columns:1fr}.grade-context>div{grid-template-columns:1fr 1fr}.grade-ladder>div{grid-template-columns:repeat(5,1fr)}.grade-sources>div{grid-template-columns:1fr}}@media(max-width:620px){.league-grades-page main{width:min(100% - 16px,1180px)}.grade-hero,.grade-ladder,.grade-context,.grade-differences,.grade-history,.grade-sources{padding:18px}.grade-hero aside{grid-template-columns:78px minmax(0,1fr)}.grade-hero aside img{width:78px;height:78px}.grade-context>div,.grade-differences>div,.grade-history{grid-template-columns:1fr}.grade-ladder>div{grid-template-columns:repeat(3,1fr)}}