.student-result-hub{margin:0 0 14px;color:#182230}
.student-result-hub button,.student-result-hub a{font-family:'Noto Sans KR',sans-serif}
.srh-banner{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;border:1px solid #c9d7f5;border-radius:18px;padding:15px 16px;background:#fff;box-shadow:0 8px 24px rgba(30,64,175,.10);color:#182230;text-align:left}
.srh-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#eaf0ff;color:#2456c4;font-size:21px;font-weight:900}
.srh-title{display:block;font-size:16px;font-weight:900;letter-spacing:-.02em}
.srh-summary{display:block;margin-top:3px;color:#566274;font-size:12.5px;font-weight:600}
.srh-open{display:inline-flex;align-items:center;gap:8px;color:#2456c4;font-size:12.5px;font-weight:900;white-space:nowrap}
.srh-chevron{font-size:17px;line-height:1;transition:transform .18s ease}
.srh-banner[aria-expanded="true"] .srh-chevron{transform:rotate(180deg)}
.srh-banner:focus-visible,.srh-detail:focus-visible,.srh-retry:focus-visible{outline:3px solid rgba(36,86,196,.28);outline-offset:2px}
.srh-panel{border:1px solid #d8dee8;border-top:0;border-radius:0 0 18px 18px;background:#fff;padding:5px 16px 16px;margin:-12px 0 0;box-shadow:0 10px 24px rgba(15,23,42,.07)}
.srh-panel[hidden]{display:none}
.srh-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:19px 2px 12px}
.srh-panel-head h2{font-size:16px;letter-spacing:-.02em;margin:0}
.srh-panel-head p{font-size:11.5px;color:#6b7688;margin:3px 0 0}
.srh-count{font-size:12px;color:#2456c4;font-weight:900;white-space:nowrap}
.srh-table-wrap{overflow:hidden;border:1px solid #d8dee8;border-radius:13px}
.srh-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12.5px}
.srh-table th{background:#f4f6fa;color:#526075;font-size:11px;font-weight:800;text-align:left;padding:10px 11px;border-bottom:1px solid #d8dee8}
.srh-table td{padding:11px;border-bottom:1px solid #e7ebf1;vertical-align:middle}
.srh-table tbody tr:last-child td{border-bottom:0}
.srh-table .srh-exam-col{width:30%}
.srh-table .srh-score-col{width:13%}
.srh-table .srh-rank-col{width:17%}
.srh-table .srh-level-col{width:20%}
.srh-table .srh-action-col{width:20%;text-align:right}
.srh-exam-name{font-weight:800;line-height:1.45;word-break:keep-all}
.srh-score{font-size:15px;font-weight:900;color:#183b8f;white-space:nowrap}
.srh-rank{font-weight:900;color:#2456c4;white-space:nowrap}
.srh-level{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eef3ff;color:#23468f;font-size:11px;font-weight:800;line-height:1.3}
.srh-na{color:#8a94a5;font-weight:700}
.srh-detail{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 10px;border-radius:9px;background:#2456c4;color:#fff;text-decoration:none;font-size:11.5px;font-weight:900;line-height:1.35;text-align:center}
.srh-detail:hover{background:#1e459d}
.srh-detail[aria-disabled="true"]{background:#e5e9f0;color:#7f8998;pointer-events:none}
.srh-state{display:flex;align-items:center;justify-content:center;min-height:92px;padding:20px;color:#667085;font-size:13px;text-align:center}
.srh-loading-dot{width:8px;height:8px;margin-right:9px;border-radius:50%;background:#2456c4;box-shadow:15px 0 #91a8dd,-15px 0 #c9d7f5;animation:srhPulse 1s ease-in-out infinite}
@keyframes srhPulse{50%{opacity:.35;transform:scale(.86)}}
.srh-error{display:grid;justify-items:center;gap:10px}
.srh-retry{border:1px solid #b8c8ec;border-radius:9px;background:#fff;color:#2456c4;padding:8px 14px;font-size:12px;font-weight:900}
@media(max-width:620px){
  .srh-banner{grid-template-columns:auto 1fr;padding:14px;gap:11px}
  .srh-open{grid-column:2;justify-self:start;margin-top:-5px}
  .srh-panel{padding:5px 12px 12px}
  .srh-panel-head{align-items:flex-start}
  .srh-table-wrap{border:0;overflow:visible}
  .srh-table,.srh-table tbody{display:block}
  .srh-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
  .srh-table tr{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;margin-bottom:9px;border:1px solid #d8dee8;border-radius:12px;padding:11px 12px;background:#fff}
  .srh-table td{display:grid;grid-template-columns:80px 1fr;align-items:center;min-width:0;padding:6px 0;border:0;font-size:12px}
  .srh-table td::before{content:attr(data-label);color:#7a8596;font-size:10.5px;font-weight:800}
  .srh-table td.srh-exam-cell{grid-column:1/-1;display:block;border-bottom:1px solid #e7ebf1;padding:0 0 9px;margin-bottom:2px}
  .srh-table td.srh-exam-cell::before{display:none}
  .srh-table td.srh-action-col{grid-column:1/-1;display:block;width:auto;padding-top:9px;text-align:left}
  .srh-table td.srh-action-col::before{display:none}
  .srh-detail{width:100%;min-height:42px}
  .srh-level{white-space:normal;text-align:center;justify-content:center}
}
@media(max-width:410px){
  .srh-table tr{grid-template-columns:1fr}
  .srh-table td{grid-template-columns:92px 1fr}
}
@media(prefers-reduced-motion:reduce){.srh-chevron,.srh-loading-dot{animation:none;transition:none}}