.grade-counts,.grade-myths{margin:30px 0;padding:28px;border:1px solid #4b454d;border-radius:6px;background:#121216}
.grade-counts h2,.grade-myths h2{margin:.12em 0;color:#fff8e9;font-size:clamp(2rem,4vw,3.5rem);line-height:1}
.grade-counts>header,.grade-myths>header{max-width:860px}
.grade-counts>header>p:last-child{color:#b4adb5;line-height:1.6}
.grade-counts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}
.grade-counts-grid article{--tone:var(--green);display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:17px;border:1px solid color-mix(in srgb,var(--tone) 45%,#403e43);border-top:4px solid var(--tone);border-radius:4px;background:color-mix(in srgb,var(--tone) 6%,#101115)}
.grade-counts-grid .is-review{--tone:var(--gold)}.grade-counts-grid .is-private{--tone:var(--rose)}
.grade-counts-grid i{color:var(--tone);font-size:1.35rem}.grade-counts-grid small{color:var(--tone);font-weight:850;text-transform:uppercase}.grade-counts-grid h3{margin:5px 0;color:#fff}.grade-counts-grid p{color:#aaa5ab;line-height:1.55}
.grade-role-review{margin-top:12px;padding:18px;border:1px solid #5d4a6a;border-radius:5px;background:#17111d}
.grade-role-review>header{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:center}.grade-role-review>header i{color:var(--violet);font-size:1.35rem}.grade-role-review>header div{display:grid;gap:3px}.grade-role-review>header small{color:#c5a2e1;text-transform:uppercase}.grade-role-review>header strong{color:#fff}
.grade-role-review>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:15px}.grade-role-review article{padding:14px;border-left:3px solid var(--violet);background:#101115}.grade-role-review article:nth-child(2){border-color:var(--green)}.grade-role-review article:nth-child(3){border-color:var(--orange)}.grade-role-review span{color:#eee7f1;font-weight:850}.grade-role-review p{margin:6px 0 0;color:#aaa4ae;line-height:1.5}
.grade-myths{border-color:#63414c;background:#191115}.grade-myths>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:20px}.grade-myths article{padding:16px;border:1px solid #5e3d47;border-bottom:3px solid var(--rose);border-radius:4px;background:#111216}.grade-myths strong{color:#ffb1c4}.grade-myths p{color:#aaa4aa;line-height:1.5}
@media(max-width:900px){.grade-counts-grid,.grade-role-review>div{grid-template-columns:1fr}.grade-myths>div{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.grade-counts,.grade-myths{padding:18px}.grade-myths>div{grid-template-columns:1fr}}
.grade-ladder>.grade-scale-summary{display:grid!important;grid-template-columns:minmax(150px,220px) minmax(54px,1fr) minmax(150px,220px)!important;gap:12px!important;align-items:stretch;margin:20px 0 14px}.grade-scale-summary>article{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:center;min-width:0;min-height:72px;padding:12px 14px;border:1px solid #675833;border-left:4px solid #f1c65d;border-radius:6px;background:linear-gradient(115deg,#211b0e,#111216)}.grade-scale-summary>article.is-low{grid-template-columns:minmax(0,1fr) 42px;border-color:#6d3949;border-right:4px solid #ec7899;border-left-width:1px;background:linear-gradient(245deg,#241018,#111216);text-align:right}.grade-scale-summary article>i{display:grid;width:40px;height:40px;place-items:center;border:1px solid currentColor;border-radius:50%;color:#f1c65d;font-size:1rem}.grade-scale-summary article.is-low>i{color:#ec7899}.grade-scale-summary article>div{display:grid;min-width:0;gap:4px}.grade-scale-summary small{overflow-wrap:anywhere;color:#bcb5b7;font-size:.66rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.grade-scale-summary strong{color:#fff6d8;font-size:1.55rem;line-height:1}.grade-scale-summary .is-low strong{color:#ffd9e3}.grade-scale-rail{display:grid;grid-template-columns:minmax(0,1fr) 18px;gap:0;align-items:center;min-width:0}.grade-scale-rail>b{display:block;height:3px;border-radius:3px;background:linear-gradient(90deg,#f1c65d,#62d69e,#64b7dc,#c59af1,#ec7899)}.grade-scale-rail>i{margin-left:-3px;color:#ec7899;font-size:1rem}
.grade-family-grid{position:relative;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding-left:18px!important}.grade-family-grid::before{position:absolute;top:27px;bottom:27px;left:5px;width:3px;border-radius:3px;background:linear-gradient(#f1c65d,#62d69e,#64b7dc,#c59af1,#ec7899);content:""}.grade-family{--family-tone:#f1c65d;position:relative;display:grid!important;grid-template-columns:48px minmax(130px,.8fr) minmax(240px,1.5fr);gap:14px;align-items:center;min-width:0;min-height:82px;padding:12px 14px!important;border:1px solid color-mix(in srgb,var(--family-tone) 42%,#37343a)!important;border-left:4px solid var(--family-tone)!important;border-radius:6px!important;background:linear-gradient(90deg,color-mix(in srgb,var(--family-tone) 10%,#111216),#111216 48%)!important;box-shadow:none!important}.grade-family::before{position:absolute;top:50%;left:-22px;width:12px;height:12px;border:3px solid #101115;border-radius:50%;background:var(--family-tone);box-shadow:0 0 0 1px var(--family-tone);content:"";transform:translateY(-50%)}.grade-family.is-a{--family-tone:#62d69e}.grade-family.is-b{--family-tone:#64b7dc}.grade-family.is-c{--family-tone:#c59af1}.grade-family.is-d{--family-tone:#ec7899}.grade-family-rank{display:grid;width:42px;height:42px;place-items:center;border:1px solid color-mix(in srgb,var(--family-tone) 55%,#4d4850);border-radius:50%;color:var(--family-tone);font-size:.82rem;font-weight:900}.grade-family>header{display:grid;gap:4px;min-width:0;padding:0!important;border:0!important}.grade-family>header strong{color:var(--family-tone);font-size:1rem;text-transform:uppercase}.grade-family>header small{color:#c3bcc3;font-size:.8rem}.grade-family-grades{display:grid!important;grid-template-columns:repeat(3,minmax(64px,1fr));gap:8px}.grade-family-grades>span{display:grid!important;min-width:0;min-height:52px!important;place-items:center;border:1px solid color-mix(in srgb,var(--family-tone) 28%,#49444b)!important;border-radius:4px;color:#f3eef2!important;background:#0d0f13!important}.grade-family-grades b{font-size:clamp(1.1rem,2vw,1.45rem)}.grade-family-grades>span.is-highest{border-color:#f1c65d!important;color:#1b1508!important;background:#f1c65d!important;box-shadow:inset 0 0 0 2px #fff0b3}.grade-family-grades>span.is-lowest{border-color:#87485b!important;background:#201117!important}.grade-order-note{display:flex;gap:10px;align-items:flex-start;margin:12px 0 0 18px;padding:12px 14px;border:1px solid #51462e;border-radius:4px;color:#c3bcc2;background:#17150f}.grade-order-note i,.grade-order-note strong{color:#f1c65d}.grade-order-faq{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;align-items:start;margin:30px 0;padding:24px;border:1px solid #5c4931;border-left:5px solid #ed9859;border-radius:5px;background:#19140f}.grade-order-faq>i{display:grid;width:50px;height:50px;place-items:center;border:1px solid #a16a39;border-radius:50%;color:#ffb876;font-size:1.35rem}.grade-order-faq h2{margin:3px 0 8px;color:#fff1df;font-size:clamp(1.6rem,3vw,2.5rem)}.grade-order-faq p:last-child{margin:0;color:#bbb0a7;line-height:1.6}.grade-order-faq p:last-child strong{color:#ffc784}
@media(max-width:760px){.grade-family{grid-template-columns:38px minmax(0,1fr);gap:10px;padding:11px!important}.grade-family-rank{width:34px;height:34px}.grade-family-grades{grid-column:1/-1}.grade-ladder>.grade-scale-summary{grid-template-columns:minmax(112px,1fr) 36px minmax(112px,1fr)!important;gap:7px!important}.grade-scale-summary>article{grid-template-columns:30px minmax(0,1fr);gap:8px;padding:10px}.grade-scale-summary>article.is-low{grid-template-columns:minmax(0,1fr) 30px}.grade-scale-summary article>i{width:28px;height:28px;font-size:.78rem}.grade-scale-summary small{font-size:.56rem}.grade-scale-summary strong{font-size:1.28rem}.grade-scale-rail{grid-template-columns:minmax(0,1fr) 12px}.grade-order-faq{grid-template-columns:1fr;padding:18px}.grade-order-faq>i{width:42px;height:42px}}
@media(max-width:430px){.grade-family-grid{padding-left:12px!important}.grade-family-grid::before{left:3px}.grade-family::before{left:-17px}.grade-family-grades{gap:5px}.grade-family-grades>span{min-height:46px!important}.grade-ladder>.grade-scale-summary{grid-template-columns:1fr 22px 1fr!important}.grade-scale-summary>article{grid-template-columns:1fr;min-height:70px;text-align:center}.grade-scale-summary>article.is-low{grid-template-columns:1fr;text-align:center}.grade-scale-summary article>i{display:none}.grade-scale-summary article>div{place-items:center}.grade-order-note{margin-left:12px}}