/* Results and Exams. Tokens, pills and cards come from portal.css. */
.re-header{display:flex;justify-content:space-between;align-items:flex-end;gap:12px 32px;flex-wrap:wrap;margin:4px 0 18px}
.re-intro{margin-top:4px;max-width:44em;font-size:15px;color:var(--slate)}
.re-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:12px;padding:20px 24px;border-radius:var(--r-tile);background:var(--paper)}
.re-filter{display:grid;gap:6px}
.re-empty{position:relative;display:grid;gap:8px;justify-items:start;padding:28px;border-radius:var(--r-tile);background:var(--paper);overflow:hidden}
.re-empty::before{content:"";position:absolute;inset:0;background:var(--p-squares-dark);-webkit-mask-image:linear-gradient(115deg,transparent 50%,#000 100%);mask-image:linear-gradient(115deg,transparent 50%,#000 100%);pointer-events:none}
.re-empty>*{position:relative}
.re-empty h2{font:var(--dw) 24px/1.15 var(--display);letter-spacing:-.02em}
.re-empty p{max-width:36em;color:var(--slate)}
.re-empty .btn{margin-top:10px;background:var(--soft)}
.re-calculation,.re-muted,.re-note,.re-exam-context,.re-detail-context{font-size:13px;color:var(--slate)}

/* summary: three cards */
.re-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.re-summary>div{padding:22px 26px;border-radius:var(--r-tile);background:var(--paper)}
.re-summary span{display:block;font-size:14px;font-weight:500;color:var(--slate)}
.re-summary strong,.re-detail-mark strong{font:var(--dw) 32px/1.15 var(--display);letter-spacing:-.02em}
.re-summary small,.re-detail-mark small,.re-mark small{font:400 14px var(--text);letter-spacing:0;color:var(--slate)}
.re-calculation{margin:10px 8px 0}
.re-results,.re-history,.re-exam-group{margin-top:12px;padding:24px 26px;border-radius:var(--r-tile);background:var(--paper)}
.re-section-heading,.re-exam-group h2{display:flex;justify-content:space-between;align-items:baseline;gap:8px 20px;flex-wrap:wrap;margin-bottom:8px}
.re-section-heading span,.re-exam-group h2 span{font:400 14px var(--text);color:var(--slate)}

/* transcript table */
.re-table-wrap{overflow-x:auto}
.re-table{width:100%;border-collapse:collapse;font-size:14px}
.re-table caption{padding:4px 0 8px;text-align:left;font-size:13px;color:var(--slate)}
.re-table th,.re-table td{padding:13px 16px 13px 0;border-top:1px solid var(--line);text-align:left;vertical-align:top}
.re-table thead th{border-top:0;font-size:13px;font-weight:500;color:var(--slate)}
.re-table tbody th{font-size:15px;font-weight:500}
.re-table small{display:block;font-size:13px;font-weight:400;color:var(--slate)}
.re-table-mark{font-weight:600}
.re-table .btn{min-height:36px;padding:0 14px;font-size:14px}
.re-mobile-results{display:none}
.re-results-foot{display:flex;justify-content:space-between;align-items:center;gap:12px 16px;flex-wrap:wrap;margin-top:14px;font-size:13px;color:var(--slate)}

/* study history: soft pill rows; the selected year is filled */
.re-history-list{display:grid;gap:6px;margin-top:12px}
.re-history-item{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:16px;align-items:center;min-height:60px;padding:10px 18px;border:0;border-radius:var(--r-inner);background:var(--soft);text-align:left}
.re-history-item:hover{background:var(--soft-2)}
.re-history-item[aria-pressed=true]{background:var(--navy);color:#fff}
.re-history-item strong{font:var(--dw) 24px/1.2 var(--display)}
.re-history-item small{display:block;font-size:13px;color:var(--slate)}
.re-history-item[aria-pressed=true] small{color:var(--on-deep)}
.re-history-item b{font-weight:600}

/* exams */
.re-exam-context{margin:0 8px 4px}
.re-exam{display:grid;grid-template-columns:76px minmax(0,1fr);gap:20px;margin-top:6px;padding:16px 18px;border-radius:var(--r-inner);background:var(--soft)}
.re-exam-date{display:grid;align-content:center;justify-items:center;border-radius:var(--r-control);background:var(--paper)}
.re-exam-date strong{display:block;font:var(--dw) 34px/1 var(--display)}
.re-exam-date span{font-size:13px;color:var(--slate)}
.re-row-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.re-code{font-size:13px;color:var(--slate)}
.re-exam .re-status,.re-result-row .re-status{background:var(--paper)}
.re-exam-body h3{margin:4px 0;font:var(--dw) 22px/1.2 var(--display);letter-spacing:-.015em}
.re-exam-body p{font-size:14px;color:var(--slate)}
.re-exam-outcome{display:block;margin-top:6px;font-size:13px;font-weight:500}
.re-exam-actions,.re-detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.re-exam .btn{background:var(--paper)}

/* detail dialogs */
.re-dialog{display:grid;gap:14px}
.re-dialog h3{margin-top:6px}
.re-detail-mark span{display:block;font-size:13px;color:var(--slate)}
.re-assessments{display:grid;gap:6px}
.re-assessments>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:14px 16px;border-radius:var(--r-inner);background:var(--soft)}
.re-assessments span{display:block;font-size:13px;color:var(--slate)}
.re-assessments b{font-weight:600;white-space:nowrap}
.re-assessments small{font-weight:400;color:var(--slate)}
.re-facts>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;padding:11px 0}
.re-facts>div+div{border-top:1px solid var(--line)}
.re-facts dt{font-size:14px;color:var(--slate)}
.re-facts dd{font-weight:500}
.re-preparation{display:grid;gap:6px;padding-left:20px}
.re-export-summary .re-summary>div{padding:14px 16px;background:var(--soft)}
.re-export-summary .re-summary strong{font-size:26px}

@media(max-width:700px){
  .re-header{margin:10px 4px 16px}
  .re-header .btn{width:100%}
  .re-intro{font-size:15px}
  .re-filters{grid-template-columns:1fr 1fr;padding:18px}
  .re-summary{grid-template-columns:1fr;gap:10px}
  .re-summary>div{display:flex;justify-content:space-between;align-items:baseline;padding:18px 20px}
  .re-summary strong{font-size:30px}
  .re-results,.re-history,.re-exam-group,.re-empty{padding:20px 18px}
  .re-desktop-results{display:none}
  .re-mobile-results{display:grid;gap:6px}
  .re-result-row{display:grid;gap:8px;padding:14px 16px;border-radius:var(--r-inner);background:var(--soft)}
  .re-row-main{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
  .re-row-main h3{font:var(--dw) 22px/1.2 var(--display)}
  .re-mark{font-size:20px;font-weight:600;white-space:nowrap}
  .re-row-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;color:var(--slate)}
  .re-row-bottom .btn{background:var(--paper)}
  .re-history-item{grid-template-columns:56px minmax(0,1fr) auto;gap:12px;padding:10px 14px}
  .re-exam{grid-template-columns:60px minmax(0,1fr);gap:14px;padding:14px}
  .re-exam-date strong{font-size:28px}
  .re-facts>div{grid-template-columns:1fr;gap:2px}
}
@container main (max-width:620px){
  .re-summary{grid-template-columns:1fr}
}
/* lining figures for the display face; see the note at the end of portal.css */
.re-empty h2,.re-summary strong,.re-detail-mark strong,.re-history-item strong,.re-exam-date strong,.re-exam-body h3,.re-row-main h3{font-variant-numeric:lining-nums;font-variation-settings:"opsz" 48}