/* ---------- standards pages ---------- */
.grade-list{
  columns:3; column-gap:32px; list-style:none; margin:26px 0 0; padding:0;
  border-top:1px solid var(--line); padding-top:22px;
}
.grade-list li{
  font-size:13px; line-height:1.5; color:#33475B; padding:5px 0;
  break-inside:avoid; font-variant-numeric:tabular-nums;
}
.grade-list li::before{content:"·"; color:#9FB2C4; margin-right:6px}
@media (max-width:1000px){ .grade-list{columns:2} }
@media (max-width:620px){ .grade-list{columns:1} }

.std-region{
  font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:#7A8A99;
  font-weight:700; margin:34px 0 14px; padding-bottom:8px; border-bottom:1px solid var(--line);
}
.std-region:first-of-type{margin-top:8px}

.std-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media (max-width:820px){ .std-grid{grid-template-columns:1fr} }

.std-card{
  display:block; padding:16px 18px; border:1px solid var(--line); border-radius:10px;
  background:#fff; text-decoration:none; transition:box-shadow .2s, border-color .2s;
}
.std-card:hover{border-color:#C3D3E2; box-shadow:0 4px 18px rgba(14,34,55,.07)}
.std-card b{display:block;font-size:15.5px;color:var(--navy);margin-bottom:3px}
.std-card i{display:block;font-style:normal;font-size:11.5px;font-weight:700;letter-spacing:.08em;color:#8FA6BA;text-transform:uppercase;margin-bottom:6px}
.std-card span{display:block;font-size:12.8px;color:#5A6C7D;line-height:1.55}

/* ---------- grade (designation) pages ---------- */
.spec-table{margin-top:22px;border-top:1px solid var(--line)}
.spec-table table{width:100%;border-collapse:collapse;font-size:14px}
.spec-table td{padding:11px 4px;border-bottom:1px solid rgba(14,34,55,.07);vertical-align:top}
.spec-table td:first-child{width:170px;color:#7A8A99;font-weight:600}
.spec-table td:last-child{color:#2A3F52}
.eq-list{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.eq-list li{font-size:13px;background:#E8F0F9;color:#1E5FA8;padding:7px 13px;border-radius:6px;font-weight:600}
.rel-list{list-style:none;padding:0;margin:16px 0 0;columns:2;column-gap:28px}
.rel-list li{padding:4px 0;font-size:13.5px;break-inside:avoid}
.rel-list a{color:#1E5FA8;text-decoration:none}
.rel-list a:hover{text-decoration:underline}
.grade-list a{color:#33475B;text-decoration:none}
.grade-list a:hover{color:#1E5FA8;text-decoration:underline}
@media (max-width:620px){ .rel-list{columns:1} }