/* 한 화면에서 교과군·학년별 과목을 비교하는 이수현황표. */
main:has(#workspace:not([hidden])){padding-top:22px}
.work-head{margin-bottom:14px}.work-tabs{flex-wrap:wrap;gap:8px 24px;margin:14px 0}
.course-intro{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 12px}
.course-intro h2{font-size:21px;line-height:1.4;margin:0 0 3px}
.course-intro p{font-size:13px;line-height:1.65;color:#596b7d;margin:0}
.course-summary{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px 11px;flex-shrink:0}
.course-summary span{background:#eaf2f1;border:1px solid #c9ded9;border-radius:7px;padding:4px 9px;font-size:12px;white-space:nowrap}
.course-summary b{font-size:18px;color:#22665e;margin-right:3px}
.course-summary small{font-size:11px;color:#647387}
.course-layout{display:block;width:100%;min-width:0}
.course-board{position:static;width:100%;background:#fff;border:1px solid #cbd7df;border-radius:11px;overflow:hidden}
.course-guide{padding:8px 13px;margin:0;color:#526578;font-size:12px;line-height:1.6;background:#f5f8fa}
.course-scroll{max-height:none;height:auto;overflow-x:auto;overflow-y:visible;overscroll-behavior:auto}
.course-table.compact-course-table{min-width:920px;width:100%;table-layout:fixed;border-collapse:collapse;font-size:12px}
.compact-course-table th,.compact-course-table td{padding:5px 7px;border-bottom:1px solid #dde5eb;border-right:1px dashed #d5e0e7;vertical-align:middle}
.compact-course-table th:last-child,.compact-course-table td:last-child{border-right:0}
.compact-course-table tbody tr:last-child>*{border-bottom:0}
.compact-course-table thead th{position:static;background:#e9f0f4;color:#243d52;border-bottom:2px solid #486276;font-size:14px;font-weight:800;padding:9px 7px;text-align:center}
.compact-course-table thead th:first-child,.compact-course-table tbody th{width:92px}
.compact-course-table tbody th{background:#f6f9fa;color:#263d50;font-size:13px;font-weight:750;line-height:1.45;word-break:keep-all;overflow-wrap:anywhere;text-align:left;padding:7px 10px}
.course-cell{display:flex;align-items:stretch;flex-wrap:wrap;gap:5px;min-height:35px}
.course-chip{display:flex;align-items:center;flex-wrap:wrap;gap:3px 7px;flex:1 1 104px;min-width:101px;max-width:100%;border:1px solid #d2dde5;border-radius:6px;background:#fff;padding:4px 6px;line-height:1.35}
.course-chip.selected{border-color:#287a6d;background:#edf7f2;box-shadow:inset 0 0 0 1px #287a6d}
.course-chip-title{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:24px}
.course-chip-title>strong{font-size:14px;font-weight:800;line-height:1.4;color:#20394d;word-break:keep-all;overflow-wrap:anywhere}
.course-chip-details{display:flex;align-items:center;flex-wrap:wrap;gap:3px 5px;margin-top:0;font-size:11px;line-height:1.4}
.course-term{display:inline-flex;align-items:center;gap:3px;min-height:24px;color:#53697a;white-space:nowrap}
.course-term-label{font-size:11px;font-weight:500;color:inherit}
.course-values{display:inline-flex;align-items:center;gap:3px;color:#244c72;font-size:11px;white-space:nowrap}
.course-values .rank-value{display:inline-block;min-width:17px;text-align:center;padding:1px 4px;border-radius:3px;background:#e3edf8;color:#254e76;font-size:12px;font-weight:850;line-height:1.4}
.course-values .ach-value{font-weight:700}
.compact-course-table td .course-record-link{display:inline-flex;align-items:center;justify-content:center;gap:4px;width:auto;min-width:24px;min-height:26px;padding:3px 5px;margin:0;border:1px solid #bdd2ca;border-radius:4px;background:#f0f7f3;color:#205f52;font-size:11px;font-weight:750;line-height:1.4;text-align:center;white-space:nowrap}
.compact-course-table td .course-record-link:hover{background:#dcefe7;border-color:#438b78}
.compact-course-table td .course-record-link[aria-pressed="true"]{background:#226c5f;border-color:#226c5f;color:#fff}
.compact-course-table .course-record-link[aria-pressed="true"] .course-values{color:#fff}
.compact-course-table .course-record-link[aria-pressed="true"] .rank-value{color:#1c4b43;background:#fff}
.compact-course-table .course-record-link:focus-visible{outline:3px solid #155e75;outline-offset:3px;box-shadow:0 0 0 1px #fff}
.course-record-arrow{font-size:12px;line-height:1;opacity:.8}
.course-empty{display:block;color:#8b98a3;text-align:center;font-size:13px;line-height:1.6}
.course-unscored{color:#7a8792;font-size:10px}
.course-conflict{display:inline-block;color:#9e4a21;font-size:10px;font-weight:700}
.course-inferred{display:none}
#courseDetail{min-width:0;scroll-margin-top:18px;margin-top:22px}
#courseDetail[hidden]{display:none!important}
#courseDetail .axis-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
#courseDetail .detail-head h2{font-size:27px}
#courseDetail .evidence-sections{grid-template-columns:1fr 1fr}
@media(min-width:1250px){.compact-course-table .course-cell{flex-wrap:nowrap}.compact-course-table .course-chip{min-width:0;flex:1 1 0}.compact-course-table td{padding:5px 8px}}
@media(max-width:1100px){.course-intro{align-items:flex-start}.course-summary{max-width:265px}.course-table.compact-course-table{min-width:940px}}
@media(max-width:740px){.course-intro{flex-direction:column;gap:9px}.course-intro h2{font-size:21px}.course-summary{max-width:none;justify-content:flex-start}.course-summary span{font-size:11px}.course-summary small{font-size:10px}.work-tabs{gap:8px 17px}.work-tabs button{font-size:14px}.course-guide{font-size:11px;padding:8px 11px}.course-table.compact-course-table{min-width:940px}.compact-course-table thead th:first-child,.compact-course-table tbody th{width:82px}#courseDetail .axis-grid{grid-template-columns:1fr 1fr}#courseDetail .evidence-sections{grid-template-columns:1fr}}
@media print{.course-scroll{overflow:visible;max-height:none}.course-table.compact-course-table{min-width:0}.course-chip{break-inside:avoid}}
