/* ArumSoft Learning: online GPA converter. Uses the site's color tokens. */
.gpa{--g-brand:var(--color-brand,#177a5a);--g-ink:var(--color-ink,#1c2126);--g-muted:var(--color-muted,#5b6670);--g-line:var(--color-line,#e3e7ea);
  --g-subtle:var(--color-subtle,#f6f8f9);--g-soft:var(--color-brand-soft,#e8f4ef);--g-in:#fff7ed;--g-in-line:#f1d7b0;--g-warn:#fdeeee;--g-warn-ink:#a12d2d;
  display:grid;gap:1.25rem;margin-top:1.5rem;color:var(--g-ink)}
html[lang="ko"] .gpa{word-break:keep-all}
.gpa-noscript{border:1px solid var(--g-line);border-radius:.75rem;padding:1rem;background:var(--g-subtle)}
.gpa-hidden{display:none}
.gpa-card{border:1px solid var(--g-line);border-radius:.9rem;background:#fff;padding:1.15rem 1.15rem 1.25rem;min-width:0}
@media (min-width:640px){.gpa-card{padding:1.4rem 1.5rem 1.5rem}}
.gpa-card h2{font-size:1.2rem;font-weight:700;letter-spacing:-.01em;margin:0}
.gpa-card h3{font-size:.95rem;font-weight:650;margin:0 0 .6rem}
.gpa-card-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem}
.gpa-sub{color:var(--g-muted);font-size:.95rem;margin:.35rem 0 0;line-height:1.55}
.gpa-note{color:var(--g-muted);font-size:.85rem;margin:.4rem 0 0;line-height:1.45}
.gpa-fine{color:var(--g-muted);font-size:.78rem;margin:.5rem 0 0}
.gpa-label{display:block;font-size:.82rem;font-weight:650;color:var(--g-ink);margin-bottom:.35rem}
.gpa-link{background:none;border:0;padding:0;color:var(--color-brand-ink,#146c50);font-weight:600;font-size:.92rem;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.gpa-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.6rem;border-radius:.55rem;border:1px solid var(--g-line);background:#fff;color:var(--g-ink);
  font-weight:600;font-size:.92rem;line-height:1.2;padding:.55rem .95rem;cursor:pointer;text-decoration:none;transition:border-color .15s,background-color .15s,color .15s}
.gpa-btn:hover{border-color:var(--g-brand);color:var(--color-brand-ink,#146c50)}
.gpa-btn:disabled{opacity:.5;cursor:not-allowed}
.gpa-btn-primary{background:var(--g-brand);border-color:var(--g-brand);color:#fff}
.gpa-btn-primary:hover{background:var(--color-brand-ink,#146c50);border-color:var(--color-brand-ink,#146c50);color:#fff}
.gpa-btn-quiet{border-color:transparent;color:var(--g-muted)}
.gpa :focus-visible{outline:2px solid var(--g-brand);outline-offset:2px}
.gpa-row-btns,.gpa-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}

/* add */
.gpa-drop{margin-top:1rem;border:2px dashed #c9d3d9;border-radius:.85rem;background:var(--g-subtle);padding:1.25rem 1rem;text-align:center;transition:border-color .15s,background-color .15s}
.gpa-drop.is-over{border-color:var(--g-brand);background:var(--g-soft)}
.gpa-drop-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}
.gpa-drop-hint{margin:.85rem 0 0;font-size:.9rem;color:var(--g-ink)}
.gpa-drop-formats{margin:.2rem 0 0;font-size:.8rem;color:var(--g-muted)}
.gpa-only-touch{display:none}
@media (hover:none) and (pointer:coarse){.gpa-only-touch{display:inline-flex}.gpa-drop-hint{display:none}}
.gpa-paste{margin-top:1rem}
.gpa-textarea{width:100%;border:1px solid var(--g-line);border-radius:.6rem;padding:.7rem .8rem;font:inherit;font-size:.92rem;line-height:1.5;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;resize:vertical;min-height:9rem;background:#fff}
.gpa-textarea:focus{border-color:var(--g-brand);outline:none}
.gpa-privacy{display:flex;align-items:center;gap:.4rem;margin:.9rem 0 0;font-size:.85rem;color:var(--color-brand-ink,#146c50);font-weight:550}
.gpa-status{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1rem;padding:.75rem .9rem;border-radius:.6rem;background:var(--color-note,#eef4fb);font-size:.9rem}
.gpa-status[hidden]{display:none}
.gpa-spin{width:1rem;height:1rem;border-radius:50%;border:2px solid #b9cde6;border-top-color:#2f62b5;animation:gpa-spin .8s linear infinite}
@keyframes gpa-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.gpa-spin{animation:none}}
.gpa-bar{flex-basis:100%;height:.35rem;border-radius:1rem;background:#d8e4f2;overflow:hidden}
.gpa-bar[hidden]{display:none}
.gpa-bar i{display:block;height:100%;width:0;background:#2f62b5;transition:width .2s}
.gpa-review{margin-top:1rem;border:1px solid var(--g-in-line);background:var(--g-in);border-radius:.75rem;padding:1rem}
.gpa-review[hidden]{display:none}
.gpa-review h3{font-size:1rem;margin:0}
.gpa-hint{margin:.6rem 0 0;font-size:.88rem;color:#7a4a12;font-weight:550}
.gpa-alert p{margin:0 0 .5rem;color:var(--g-warn-ink);font-weight:550}
.gpa-rv{margin-top:.75rem;background:#fff}
.gpa-rv tr.is-off td{opacity:.45}
.gpa-rv .rv-ck{width:2rem;text-align:center}
.gpa-rv .rv-yr{width:4.2rem}.gpa-rv .rv-term{width:6.5rem}.gpa-rv .rv-cr{width:4.5rem}.gpa-rv .rv-gr{width:5.5rem}
.gpa-rawd{margin-top:.75rem;font-size:.85rem}
.gpa-rawd summary{cursor:pointer;color:var(--g-muted)}
.gpa-raw{white-space:pre-wrap;max-height:16rem;overflow:auto;background:#fff;border:1px solid var(--g-line);border-radius:.5rem;padding:.6rem;margin:.5rem 0 0;font-size:.8rem}

/* settings + results */
.gpa-two{display:grid;gap:1.25rem}
@media (min-width:960px){.gpa-two{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}
.gpa-set-grid{display:grid;gap:1rem;margin-top:1rem}
@media (min-width:560px){.gpa-set-grid{grid-template-columns:1fr 1fr}.gpa-field-wide{grid-column:1/-1}}
.gpa-seg{display:inline-flex;flex-wrap:wrap;border:1px solid var(--g-line);border-radius:.6rem;padding:.2rem;background:var(--g-subtle);gap:.2rem}
.gpa-seg-b{border:0;background:transparent;border-radius:.45rem;padding:.5rem .8rem;font:inherit;font-size:.9rem;font-weight:600;color:var(--g-muted);cursor:pointer;min-height:2.3rem}
.gpa-seg-b[aria-pressed="true"]{background:#fff;color:var(--g-ink);box-shadow:0 1px 2px rgba(0,0,0,.08),0 0 0 1px var(--g-line)}
.gpa-select,.gpa-input{font:inherit;font-size:.92rem;color:var(--g-ink);border:1px solid var(--g-line);border-radius:.5rem;background:#fff;min-height:2.5rem;padding:.4rem .6rem;width:100%;min-width:0}
.gpa-select:focus,.gpa-input:focus{border-color:var(--g-brand);outline:none;box-shadow:0 0 0 3px var(--g-soft)}
.gpa-yrs{display:flex;align-items:center;gap:.5rem}
.gpa-yrs .gpa-select{width:auto;flex:1}
.gpa-cuts{margin-top:1rem;padding:.9rem;border-radius:.6rem;background:var(--g-in);border:1px solid var(--g-in-line)}
.gpa-cuts[hidden]{display:none}
.gpa-cut-row{display:flex;flex-wrap:wrap;gap:.6rem}
.gpa-cut-l{display:flex;align-items:center;gap:.3rem;font-size:.9rem}
.gpa-cut{width:4.6rem}
.gpa-check{display:inline-flex;align-items:center;gap:.4rem;margin-top:.6rem;font-size:.88rem}
.gpa-res-top{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:1rem}
.gpa-big{display:flex;flex-direction:column;align-items:flex-start;background:var(--g-soft);border-radius:.8rem;padding:.9rem 1.2rem;min-width:11rem}
.gpa-big-n{font-size:3rem;line-height:1;font-weight:800;letter-spacing:-.03em;color:var(--color-brand-ink,#146c50);font-variant-numeric:tabular-nums}
.gpa-big-l{font-size:.85rem;font-weight:650;margin-top:.35rem}
.gpa-exact{font-size:.8rem;color:var(--g-muted);margin-top:.15rem;max-width:14rem}
.gpa-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}
.gpa-chips li{border:1px solid var(--g-line);border-radius:2rem;padding:.3rem .7rem;font-size:.86rem;color:var(--g-muted);background:#fff}
.gpa-chips li b{color:var(--g-ink)}
.gpa-chips li.warn{background:var(--g-warn);border-color:#f3c4c4;color:var(--g-warn-ink)}
.gpa-chips li.warn b{color:var(--g-warn-ink)}
.gpa-break{display:grid;gap:1.25rem;margin-top:1.25rem}
@media (min-width:560px){.gpa-break{grid-template-columns:1fr 1fr}}
.gpa-barrow{display:grid;grid-template-columns:minmax(4.5rem,auto) 1fr auto;align-items:center;gap:.25rem .6rem;font-size:.86rem;margin-bottom:.45rem}
.gpa-bl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:8.5rem}
.gpa-bt{height:.6rem;border-radius:1rem;background:var(--g-subtle);overflow:hidden}
.gpa-bt i{display:block;height:100%;background:var(--g-brand);border-radius:1rem}
.gpa-barrow b{font-variant-numeric:tabular-nums}
.gpa-barrow small{grid-column:2/-1;color:var(--g-muted);font-size:.75rem;margin-top:-.2rem}
.gpa-barrow small:empty{display:none}
.gpa-bars-subj .gpa-barrow small{display:none}

/* courses table */
.gpa-saved{font-size:.8rem;color:var(--g-muted)}
.gpa-tablewrap{margin-top:.9rem;overflow-x:auto;-webkit-overflow-scrolling:touch}
.gpa-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.9rem}
.gpa-table th{text-align:left;font-size:.75rem;font-weight:650;color:var(--g-muted);text-transform:uppercase;letter-spacing:.03em;padding:.4rem .3rem;border-bottom:1px solid var(--g-line);white-space:nowrap}
html[lang="ko"] .gpa-table th{text-transform:none;letter-spacing:0}
.gpa-table td{padding:.3rem .3rem;border-bottom:1px solid var(--g-line);vertical-align:middle}
.gpa-table td .gpa-input,.gpa-table td .gpa-select{min-height:2.3rem;padding:.3rem .45rem;font-size:.88rem;background:var(--g-in);border-color:var(--g-in-line)}
.gpa-table td .gpa-select.is-auto{color:var(--g-muted);font-style:italic}
.gpa-list .c0{width:4.4rem}.gpa-list .c1{width:6.2rem}.gpa-list .c2{min-width:11rem}.gpa-list .c3{width:9.5rem}
.gpa-list .c4{width:4.6rem}.gpa-list .c5{width:5.4rem}.gpa-list .c6{width:10rem}.gpa-list .c7{width:3.4rem;text-align:center}.gpa-list .c8{width:7.5rem}.gpa-list .c9{width:2.4rem}
.gpa-list td.c7 input{width:1.15rem;height:1.15rem;accent-color:var(--g-brand)}
.gpa-out{display:flex;flex-wrap:wrap;align-items:baseline;gap:.15rem .4rem;font-variant-numeric:tabular-nums}
.gpa-out b{font-size:1rem;color:var(--color-brand-ink,#146c50)}
.gpa-out small{color:var(--g-muted);font-weight:600}
.gpa-out em{font-style:normal;font-size:.76rem;color:var(--g-muted);line-height:1.25}
tr.st-check .gpa-out em,tr.st-credits .gpa-out em,tr.st-nograde .gpa-out em{color:var(--g-warn-ink);font-weight:600}
tr.st-check td,tr.st-credits td,tr.st-nograde td{background:var(--g-warn)}
tr.st-excluded .gpa-out em,tr.st-settings .gpa-out em{color:var(--g-muted)}
tr.st-settings .gpa-out b{color:var(--g-muted)}
.gpa-del{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:.45rem;border:0;background:transparent;color:var(--g-muted);cursor:pointer}
.gpa-del:hover{background:var(--g-warn);color:var(--g-warn-ink)}
.gpa-empty{margin:.8rem 0 0;padding:1rem;border-radius:.6rem;background:var(--g-subtle);color:var(--g-muted);font-size:.92rem;text-align:center}
.gpa-empty[hidden]{display:none}

/* phones: each course becomes a small card */
@media (max-width:760px){
  .gpa-list .gpa-tablewrap{overflow:visible}
  .gpa-list .gpa-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .gpa-list .gpa-table,.gpa-list .gpa-table tbody{display:block}
  .gpa-list .gpa-table tr{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.4rem .5rem;padding:.75rem;margin-bottom:.6rem;border:1px solid var(--g-line);border-radius:.7rem;background:#fff}
  .gpa-list .gpa-table td{display:block;border:0;padding:0;background:none !important;width:auto !important;min-width:0}
  .gpa-list .gpa-table td::before{content:attr(data-label);display:block;font-size:.7rem;font-weight:650;color:var(--g-muted);margin-bottom:.15rem}
  .gpa-list .gpa-table td[data-label=""]::before{content:none}
  .gpa-list .gpa-table tr{grid-template-areas:"name name name name name name" "year year term term cr cr" "grade grade sc sc sc sc" "subj subj subj subj cnt cnt" "out out out out del del"}
  .gpa-list td.c0{grid-area:year}.gpa-list td.c1{grid-area:term}.gpa-list td.c2{grid-area:name}.gpa-list td.c3{grid-area:subj}
  .gpa-list td.c4{grid-area:cr}.gpa-list td.c5{grid-area:grade}.gpa-list td.c6{grid-area:sc}.gpa-list td.c7{grid-area:cnt;text-align:left}
  .gpa-list td.c8{grid-area:out;align-self:center}.gpa-list td.c9{grid-area:del;justify-self:end;align-self:end}
  .gpa-list tr.st-check,.gpa-list tr.st-credits,.gpa-list tr.st-nograde{border-color:#f3c4c4;background:var(--g-warn)}
  .gpa-rv .rv-name{min-width:9rem}
}

@media print{
  body *{visibility:hidden}
  .gpa-results,.gpa-results *,.gpa-list,.gpa-list *{visibility:visible}
  .gpa-results{position:absolute;left:0;top:0;width:100%}
  .gpa-list{position:absolute;left:0;top:22rem;width:100%;border:0}
  .gpa-actions,.gpa-del,.gpa-saved{display:none !important}
  .gpa-table td .gpa-input,.gpa-table td .gpa-select{border:0;background:none;appearance:none;-webkit-appearance:none;padding:0}
}

/* page bits around the app */
.gpa-section{margin-top:.5rem}
.gpa-anchor{display:block;position:relative;top:-6rem}
.gpa-dhead{max-width:52rem}
.rs-dlcard-2 .rs-btn{width:100%;margin:.6rem 0 1rem}
.rs-dlcard-2 .rs-btn:last-of-type{margin-bottom:.4rem}