.grade-entry-card{margin:0 0 28px;padding:17px 18px 16px;border:2px solid #899995;border-radius:9px;background:var(--paper);box-shadow:0 2px 6px rgba(32,39,40,.06)}
.grade-entry-heading{display:flex;align-items:center;gap:13px;margin-bottom:13px}
.grade-symbol{flex:none;width:52px;height:48px;display:grid;place-items:center;border:2px solid #596b67;border-radius:4px;background:#f4f6f4;box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 4px #c4cfcb}
.grade-symbol svg{width:35px;height:31px;display:block}
.grade-entry-title{margin:0;font-size:14px;line-height:1.5}
.grade-entry-copy{margin:3px 0 0;color:var(--muted);font-size:10px;line-height:1.65}
.grade-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-left:65px}
.grade-link{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:45px;padding:0 11px;border:1px solid #cbd8d1;border-radius:6px;background:#f2f6f3;color:#315b49;font-size:11px;font-weight:800;transition:background .15s,border-color .15s,transform .15s}
.grade-link:hover,.grade-link:focus-visible{border-color:#81988d;background:#e8f0eb;transform:translateY(-1px);outline:none}
.grade-link span:last-child{flex:none;color:#768780;font-size:14px;line-height:1}
.grade-link .grade-long{font-size:10px;line-height:1.35}
.public-page .grade-entry-link{margin-top:-6px}
.public-page .grade-entry-icon svg{position:relative;z-index:1;width:35px;height:31px;display:block}
.grade-index-page .grade-main{padding-top:18px;padding-bottom:26px}
.grade-index-page .grade-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;color:#64716d;font-size:10px}
.grade-index-page .grade-breadcrumb a{color:#426357;text-decoration:underline;text-underline-offset:2px}
.grade-index-page .grade-breadcrumb [aria-current=page]{color:#273632;font-weight:700}
.grade-index-page .series-hero{grid-template-columns:minmax(0,1fr) 205px}
.grade-index-page .series-as-of{margin-bottom:14px}
.grade-index-page .grade-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.grade-index-page .grade-index-card{display:grid;grid-template-columns:minmax(0,1fr) auto 16px;align-items:center;gap:10px;min-height:76px;padding:12px 13px;border:1px solid #cbd8d1;border-radius:7px;background:#fff;color:#273632;transition:border-color .15s,background .15s,transform .15s}
.grade-index-page .grade-index-card:hover,.grade-index-page .grade-index-card:focus-visible{border-color:#81988d;background:#f5f8f5;transform:translateY(-1px);outline:none}
.grade-index-page .grade-index-name{display:grid;gap:5px;min-width:0}
.grade-index-page .grade-index-name strong{font-size:16px;line-height:1.2;overflow-wrap:anywhere}
.grade-index-page .grade-index-name small{color:#71807a;font-size:9px;line-height:1.4}
.grade-index-page .grade-index-count{display:grid;justify-items:end;gap:3px;white-space:nowrap}
.grade-index-page .grade-index-count strong{color:#277357;font:800 19px/1 Consolas,monospace}
.grade-index-page .grade-index-count small{color:#6c7973;font-size:8px}
.grade-index-page .grade-index-arrow{color:#71847a;font-size:17px;text-align:right}
.grade-index-page .grade-index-other-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}
.grade-index-page .grade-index-other-links a{display:flex;align-items:center;gap:11px;min-height:40px;padding:0 12px;border:1px solid #cbd8d1;border-radius:6px;background:#f5f7f5;color:#315b49;font-size:10px;font-weight:700}
.grade-index-page .grade-index-other-links a:hover{border-color:#81988d;background:#eaf1ec}
.grade-detail-page .grade-main{padding-top:18px;padding-bottom:26px}
.grade-detail-page .grade-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;color:#64716d;font-size:10px}
.grade-detail-page .grade-breadcrumb a{color:#426357;text-decoration:underline;text-underline-offset:2px}
.grade-detail-page .grade-breadcrumb [aria-current=page]{color:#273632;font-weight:700}
.grade-detail-page .grade-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 0 14px}
.grade-detail-page .grade-tab{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:42px;padding:0 8px;border:1px solid #cbd8d1;border-radius:6px;background:var(--paper);color:#315b49;font-size:11px;font-weight:800;text-align:center;transition:background .15s,border-color .15s}
.grade-detail-page .grade-tab:hover{border-color:#81988d;background:#f3f7f4}
.grade-detail-page .grade-tab[aria-current=page]{border-color:#607c70;background:#e8f0eb;box-shadow:inset 0 0 0 1px #607c70;color:#244d3c}
.grade-detail-page .grade-tab small{color:#77867f;font-size:9px;font-weight:500}
@media(max-width:700px){.grade-links{grid-template-columns:repeat(3,minmax(0,1fr))}.grade-detail-page .grade-tab{flex-direction:column;gap:2px;padding:5px 4px;font-size:10px}.grade-detail-page .grade-tab small{font-size:8px;line-height:1.2}}
@media(max-width:560px){.grade-entry-card{margin-bottom:23px;padding:12px}.grade-entry-heading{gap:9px;margin-bottom:10px}.grade-symbol{width:42px;height:42px}.grade-symbol svg{width:30px;height:27px}.grade-entry-title{font-size:12px}.grade-entry-copy{font-size:9px;line-height:1.5}.grade-links{gap:6px;margin-left:0}.grade-link{min-height:44px;padding:0 6px;font-size:9px}.grade-link .grade-long{font-size:8px;line-height:1.3}.grade-detail-page .grade-main{padding-top:13px;padding-bottom:20px}.grade-detail-page .grade-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:11px}.grade-detail-page .grade-tab{min-height:42px;padding:3px 2px;font-size:9px}.grade-detail-page .grade-tab small{font-size:7px}}
@media(max-width:700px){.grade-index-page .grade-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grade-index-page .series-hero{grid-template-columns:minmax(0,1fr) 150px}}
@media(max-width:560px){.grade-index-page .grade-main{padding-top:13px;padding-bottom:20px}.grade-index-page .series-hero{grid-template-columns:minmax(0,1fr) 94px;gap:8px;padding:13px 11px}.grade-index-page .series-hero h1{font-size:18px;line-height:1.5}.grade-index-page .series-stat{padding:9px 3px}.grade-index-page .series-stat>span:first-child{font-size:8px}.grade-index-page .series-stat strong{font-size:23px}.grade-index-page .series-stat b{font-size:8px}.grade-index-page .series-stat small{font-size:7px}.grade-index-page .series-as-of{display:block;padding:9px;font-size:9px}.grade-index-page .series-as-of i{display:inline-block;margin-right:6px}.grade-index-page .grade-index-grid{gap:6px}.grade-index-page .grade-index-card{grid-template-columns:minmax(0,1fr) auto 10px;gap:5px;min-height:65px;padding:8px 7px}.grade-index-page .grade-index-name strong{font-size:12px}.grade-index-page .grade-index-name small{font-size:7px}.grade-index-page .grade-index-count strong{font-size:15px}.grade-index-page .grade-index-count small{font-size:6px}.grade-index-page .grade-index-arrow{font-size:13px}.grade-index-page .grade-index-other-links{gap:6px}.grade-index-page .grade-index-other-links a{min-height:36px;padding:0 9px;font-size:9px}}