.course-plan-surface{padding:20px;margin:20px 0;background:#edf2f5;border:1px solid #bccbd4;border-top:3px solid #355a78;color:#302b29}
.course-plan-surface h3{margin:0;font:24px/1.25 Georgia,serif;color:#355a78}.course-plan-surface p{max-width:none;margin:12px 0 18px}
.course-tray-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.course-tray-heading a{display:inline-flex;min-height:44px;align-items:center}
.course-tray-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,28rem),1fr));gap:12px}.course-tray-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;background:#fff;padding:16px;border:1px solid #bccbd4;border-radius:4px;cursor:grab}.course-tray-row strong,.course-tray-row small{display:block;overflow-wrap:anywhere}.course-tray-row small{margin-top:6px;color:#514d48}.course-tray-row:active{cursor:grabbing}
.course-plan-surface button,.course-plan-dialog button{min-height:44px;padding:10px 16px}.course-plan-surface button:focus-visible,.course-plan-dialog :focus-visible{outline:3px solid #355a78;outline-offset:3px}
.course-plan-dialog{width:min(860px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid #a8b9c6;border-top:5px solid #355a78;border-radius:6px;color:#302b29;background:#faf9f6;overflow:auto}.course-plan-dialog::backdrop{background:rgb(25 28 33 / .45)}.course-plan-dialog h3{font:24px/1.3 Georgia,serif;margin:0}.course-plan-dialog p{max-width:none;margin:16px 0;line-height:1.55}.course-plan-dialog label{margin:0;font-size:14px;font-weight:600;display:grid;gap:8px;min-width:0}.course-meeting-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.course-plan-dialog input,.course-plan-dialog select{width:100%;min-width:0;min-height:44px;padding:10px;border:1px solid #a8b9c6;font:inherit;background:white;color:#302b29;box-sizing:border-box}.course-meeting-days{margin:20px 0;padding:12px;display:flex;flex-wrap:wrap;gap:12px;border:1px solid #a8b9c6}.course-meeting-days label{display:flex;align-items:center;min-height:44px;gap:8px;padding:4px}.course-meeting-days input{min-height:20px;width:20px;height:20px}.course-plan-dialog .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.course-source-hint{padding:14px;background:#e7edf1;border-left:3px solid #355a78}.course-plan-dialog a{display:inline-flex;min-height:44px;align-items:center}
.personal-course-graph{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;isolation:isolate}.personal-course-nodes,.personal-requirement-nodes{display:flex;flex-direction:column;justify-content:space-around;gap:16px;min-width:0}.personal-course-node,.personal-requirement-node{padding:16px!important;border:2px solid #819aa9!important;background:#fff!important;text-align:left;border-radius:5px!important;color:#302b29!important;min-width:0;overflow-wrap:anywhere}.personal-course-node strong,.personal-course-node small,.personal-requirement-node strong,.personal-requirement-node small{display:block}.personal-course-node small,.personal-requirement-node small{margin-top:8px;font-size:13px;line-height:1.45}.personal-requirement-node{background:#e1eaf0!important}.personal-course-node[aria-pressed=true],.personal-requirement-node.highlighted{border-color:#800000!important;background:#f4e8e9!important}.personal-course-edges{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.personal-course-edges path{fill:none;stroke:#819aa9;stroke-width:2}.personal-course-edges path.selected{stroke:#800000;stroke-width:3}.personal-course-node.dimmed{opacity:.65}.network-text-link{display:none}.course-network-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:20px}.course-network-actions strong{flex-basis:100%}.course-network-actions p{margin:0}.planner-day[data-course-drop=true]{outline:3px dashed #355a78;outline-offset:-3px}
@media(max-width:800px){.course-tray-list{grid-template-columns:1fr}}
@media(max-width:600px){.course-plan-surface{padding:16px}.course-tray-heading{align-items:start;flex-direction:column;gap:8px}.course-meeting-fields{grid-template-columns:1fr}.course-plan-dialog{padding:18px}.personal-course-graph{grid-template-columns:1fr;gap:16px}.personal-requirement-nodes,.personal-course-edges{display:none}.network-text-link{display:block;margin-top:12px;color:#355a78;font-weight:600}.course-tray-row{grid-template-columns:1fr;gap:12px}.course-tray-row button{justify-self:start}}

.course-tray-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px}.course-tray-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px}

.course-network-actions a{display:inline-flex;align-items:center;min-height:44px;padding:10px 12px}