/* S/A/B is comparison data. Real class marks and text grades remain useful without color or JS. */
.portal-site .tier-page .breadcrumbs{margin-bottom:24px}
.portal-site .tier-page .article-title{padding:8px 0 8px;background:none;margin:0}
.portal-site .tier-page .article-title h1{font-size:48px;max-width:none;margin:0}
.portal-site .tier-page .article-title>div>p{margin-top:16px;max-width:75ch;font-size:18px}
.portal-site .tier-page .article-title .article-meta{margin-top:16px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
.tier-page .save-guide{margin:0;padding:4px 0;min-height:32px}
.portal-site .tier-page .article-layout{grid-template-columns:160px minmax(0,1fr);gap:32px;margin-top:12px}
.portal-site .tier-page .contents h2{font-size:20px}.portal-site .tier-page .contents a{font-size:14px}
.portal-site .tier-page .article-body>section>h2{font-size:30px;margin-bottom:20px;max-width:none}
.class-tier-list{font-size:16px;line-height:1.7;font-variant-numeric:tabular-nums}
.class-tier-list a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.class-tier-list a:hover{text-decoration:underline;text-underline-offset:4px}
.class-tier-list .tier-icon{display:block;flex:none;object-fit:contain;border-radius:0}
.tier-shortlist{display:grid;gap:8px;scroll-margin-top:24px}
.tier-color-s{--tier-color:#d2b16f;--tier-ink:#171b1f}
.tier-color-a{--tier-color:#a9c6ce;--tier-ink:#162125}
.tier-color-b{--tier-color:#b4b7bc;--tier-ink:#1c2025}
.portal-site .article-body .tier-band{display:grid;grid-template-columns:76px minmax(0,1fr);gap:0;background:var(--surface);margin:0}
.portal-site .article-body .tier-band-grade{display:flex;align-items:center;justify-content:center;background:var(--tier-color);color:var(--tier-ink);font:600 44px/1 'Bricolage Grotesque',sans-serif;letter-spacing:0;margin:0;padding:18px 8px}
.portal-site .article-body .tier-band ul{list-style:none;padding:12px;margin:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.portal-site .article-body .tier-band li{margin:0;padding:0;min-width:0}
.tier-band li>a{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;text-decoration:none;color:var(--ink);padding:4px 2px;min-height:100%;height:100%}
.tier-band li>a:hover{background:var(--surface-raised)}
.tier-band strong{font-size:16px;font-weight:500;display:block;line-height:1.25}
.tier-band small{display:block;font-size:13px;line-height:1.4;color:var(--muted)}
.portal-site .article-body .tier-scope{font-size:14px;line-height:1.6;margin:16px 0 28px;color:var(--muted)}
.tier-scope a{display:inline-block;margin-right:16px}
.portal-site .tier-page .article-body>section>p,.portal-site .tier-page .article-body>section>ul{max-width:64ch}
.tier-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0 0 40px}
.tier-legend>div{min-width:0}.tier-legend dt{display:flex;gap:10px;align-items:center;font-size:16px;font-weight:600;line-height:1.35;margin-bottom:12px}
.tier-legend-letter{display:grid;place-items:center;flex:none;width:30px;height:30px;background:var(--tier-color);color:var(--tier-ink);font-size:18px}
.tier-legend dd{font-size:16px;line-height:1.65;color:var(--muted);margin:0}
.tier-entries{display:grid;gap:44px}
.tier-entry{padding:0;scroll-margin-top:24px}
.tier-entry:target{outline:2px solid var(--accent);outline-offset:4px}
.tier-entry-heading{display:flex;align-items:center;gap:16px;min-width:0;margin-bottom:20px;padding:16px;background:var(--surface)}
.tier-entry-rank{display:grid;place-items:center;flex:none;width:44px;height:48px;font-size:28px;font-weight:600;background:var(--tier-color);color:var(--tier-ink)}
.tier-entry-heading>div{min-width:0}
.portal-site .article-body .tier-entry h3{font:500 30px/1.15 Georgia,serif;letter-spacing:-.025em;margin:0 0 6px}
.portal-site .article-body .tier-entry-heading p{font-size:16px;line-height:1.5;margin:0;color:var(--muted)}
.class-tier-list .tier-back{margin-left:auto;flex:none;display:flex;align-items:center;min-height:44px;font-size:14px;color:var(--muted)}
.tier-verdict{margin:0 0 24px}
.portal-site .article-body .tier-verdict h4{font-size:18px;font-weight:600;line-height:1.5;margin:0 0 8px;color:var(--accent)}
.portal-site .article-body .tier-verdict p{font-size:16px;line-height:1.75;max-width:64ch;margin:0}
.portal-site .article-body .tier-entry>p{font-size:16px;line-height:1.75;max-width:64ch;margin:0}
.portal-site .article-body .tier-entry .tier-pick{font-weight:600;font-size:18px;line-height:1.5;color:var(--ink);margin:0 0 10px}
.tier-reasons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px;margin:26px 0}
.tier-reasons>div{min-width:0}
.tier-reasons dt{font-size:16px;font-weight:600;line-height:1.5;margin:0 0 8px}
.tier-reasons dd{font-size:16px;line-height:1.7;margin:0;color:var(--ink)}
.tier-skills{background:var(--surface);padding:18px 20px}
.portal-site .article-body .tier-skills>p{font-size:14px;line-height:1.5;color:var(--muted);margin:0 0 12px}
.portal-site .article-body .tier-skills ul{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;margin:0;padding:0}
.portal-site .article-body .tier-skills li{margin:0;padding:0;min-width:0}
.tier-skills a{display:flex;align-items:center;gap:10px;min-height:36px;font-size:16px;line-height:1.45;text-decoration:none;color:var(--ink)}
.tier-plan-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;margin-top:20px}
.tier-plan-links a{display:flex;align-items:center;min-height:44px;font-size:16px;line-height:1.5}
.tier-plan-links .tier-guide{color:var(--ink);font-weight:600}
.portal-site .article-body .tier-entry .tier-alternative{margin-top:18px;font-size:16px;line-height:1.7;color:var(--ink)}
@media(max-width:1100px){.portal-site .tier-page .article-layout{grid-template-columns:1fr}.portal-site .tier-page .contents{display:none}.tier-page .article-body{min-width:0}.tier-legend{gap:22px}}
@media(max-width:700px){.portal-site .article-body .tier-band ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px;padding:14px}.tier-legend{grid-template-columns:1fr;gap:20px}.tier-legend dt{margin-bottom:8px}.tier-legend dd{margin-left:40px}.tier-reasons{grid-template-columns:1fr}.tier-entry-heading{flex-wrap:wrap;gap:12px}.tier-entry-heading>div{flex:1}.class-tier-list .tier-back{margin-left:0;flex-basis:100%;min-height:32px}}
@media(max-width:600px){.portal-site .tier-page .article-title{padding:0 0 8px;margin:0}.portal-site .tier-page .article-title h1{font-size:34px;line-height:1.1;max-width:18ch}.portal-site .tier-page .article-title>div>p{font-size:16px;line-height:1.6;margin-top:14px}.portal-site .tier-page .article-title .article-meta{gap:8px 18px;margin-top:14px}.tier-page .article-meta>span+span{margin-top:0}.tier-page .breadcrumbs{margin-top:0;margin-bottom:16px;font-size:13px}.portal-site .tier-page .article-layout{gap:20px;margin-top:0}.portal-site .tier-page .article-body>section>h2{font-size:24px;margin-bottom:16px}.portal-site .article-body .tier-band{grid-template-columns:48px minmax(0,1fr)}.portal-site .article-body .tier-band-grade{font-size:32px;padding:12px 4px}.tier-band .tier-icon{width:40px;height:40px}.tier-band strong{font-size:14px}.tier-band small{display:none}.tier-band li>a{gap:8px;padding:4px 0}.tier-scope{font-size:14px}.tier-entry-heading{gap:10px;padding:14px}.tier-entry-rank{width:34px;height:40px;font-size:26px}.tier-entry-heading>.tier-icon{width:36px;height:36px}.portal-site .article-body .tier-entry h3{font-size:28px}.class-tier-list .tier-back{min-height:32px}.tier-reasons{gap:22px;margin:24px 0}.tier-skills{padding:16px}.portal-site .article-body .tier-skills ul{grid-template-columns:1fr;gap:8px}.tier-skills a{min-height:44px}.tier-plan-links{display:grid;grid-template-columns:1fr;gap:2px;margin-top:16px}.tier-plan-links a{min-height:44px}.tier-entries{gap:36px}}