.academic-home { display:grid; grid-template-columns:170px minmax(0,1fr) auto; align-items:center; gap:18px; width:100%; margin:20px 0 10px; padding:14px 18px; border:1px solid #dce7e5; border-radius:17px; background:linear-gradient(115deg,#f7fbf8,#fff 60%,#f5f8ff); color:#20334b; text-align:left; box-shadow:0 8px 24px #19355108; }
.academic-home:hover,.academic-home:focus-visible { border-color:#86b0a5; box-shadow:0 12px 28px #19355114; }
.academic-home-heading { display:flex; align-items:center; gap:11px; }
.academic-home-icon { display:grid; place-items:center; width:38px; height:38px; flex:none; border-radius:12px; background:#e4f2ed; color:#317a69; font-size:21px; }
.academic-home-heading strong,.academic-home-heading small,.academic-home-stats small,.academic-home-stats b { display:block; }
.academic-home-heading strong { font-size:17px; }
.academic-home-heading small { margin-top:3px; color:#748393; font-size:11px; }
.academic-home-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; min-width:0; }
.academic-home-stats > span { min-width:0; padding:0 14px; border-left:1px solid #dde9e9; }
.academic-home-stats small { margin-bottom:5px; color:#758499; font-size:11px; }
.academic-home-stats b { overflow:hidden; color:#284262; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
.academic-home-arrow { color:#438775; font-size:20px; }
.academic-dashboard { margin:22px 0 0; padding:24px; scroll-margin-top:16px; }
.academic-intro { display:flex; align-items:start; justify-content:space-between; gap:20px; }
.academic-intro h2 { margin:0; color:#193b4d; font-size:25px; }
.academic-intro p:not(.academic-kicker) { margin:7px 0 0; color:#63768a; font-size:13px; line-height:1.6; }
.academic-kicker { margin:0 0 5px; color:#358274; font-size:11px; font-weight:800; letter-spacing:.14em; }
.academic-intro a { flex:none; padding:8px 10px; border:1px solid #dce8e9; border-radius:9px; color:#327c72; font-size:12px; font-weight:700; text-decoration:none; }
.academic-intro a:hover { background:#f0faf6; }
.academic-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:19px; }
.academic-metrics article { min-width:0; padding:15px; border:1px solid #e3e9ef; border-radius:14px; background:#f9fbfc; }
.academic-metrics article > span { display:block; color:#6b7c8b; font-size:12px; }
.academic-metrics article strong { display:block; margin:6px 0; color:#203c54; font-size:20px; line-height:1.35; overflow-wrap:anywhere; }
.academic-metrics article small { display:block; color:#748496; font-size:11px; line-height:1.5; }
.academic-track { height:6px; margin:10px 0 7px; border-radius:99px; background:#e6eeed; overflow:hidden; }
.academic-track i { display:block; width:0; height:100%; border-radius:inherit; background:#4c9a82; transition:width .2s ease; }
.academic-form { margin-top:23px; padding-top:20px; border-top:1px solid #e9eef2; }
.academic-form-head { display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; }
.academic-form-head h3 { margin:0; font-size:18px; }
.academic-form-head span { color:#7a8996; font-size:12px; }
.academic-credit-grid,.academic-form-row { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin-top:13px; }
.academic-form-row { grid-template-columns:repeat(4,minmax(0,1fr)); }
.academic-work-row { grid-template-columns:minmax(0,2fr) minmax(180px,1fr); }
.academic-form label { min-width:0; color:#485e71; font-size:12px; font-weight:700; }
.academic-form label small { color:#8795a3; font-weight:500; }
.academic-form input:not([type=checkbox]),.academic-form select { display:block; width:100%; min-width:0; margin-top:6px; padding:10px 11px; border:1px solid #dbe5ed; border-radius:10px; background:#fff; color:#263d53; font:inherit; font-size:14px; }
.academic-form input:focus-visible,.academic-form select:focus-visible { outline:2px solid #a4d2c3; outline-offset:1px; }
.academic-evidence { display:flex; flex-wrap:wrap; gap:10px 20px; margin:18px 0 0; padding:14px; border:1px solid #e1e9ee; border-radius:12px; }
.academic-evidence legend { padding:0 4px; color:#40576a; font-size:12px; font-weight:800; }
.academic-evidence label { display:flex; align-items:center; gap:5px; font-weight:500; }
.academic-evidence input { accent-color:#438c77; }
.academic-save-row { display:flex; align-items:center; gap:12px; margin-top:17px; }
.academic-save-row button { border:0; border-radius:10px; background:#317d70; color:#fff; padding:10px 17px; font-size:13px; font-weight:800; }
.academic-save-row button:hover { background:#246458; }
.academic-save-row span { min-height:20px; color:#278063; font-size:12px; }
.academic-save-row span.error { color:#b3333b; }
.academic-guidance { display:grid; gap:7px; margin-top:21px; padding:16px 18px; border-radius:13px; background:#f4f9f7; }
.academic-guidance p { margin:0; color:#486576; font-size:13px; line-height:1.65; }
.academic-guidance b { color:#255c54; }
.academic-guidance .academic-source { color:#82929b; font-size:11px; }
@media(max-width:900px) { .academic-home { grid-template-columns:1fr auto; } .academic-home-stats { grid-column:1/-1; grid-row:2; } .academic-home-stats > span:first-child { padding-left:0; border-left:0; } .academic-home-arrow { grid-column:2; grid-row:1; } .academic-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } .academic-credit-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .academic-form-row { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:580px) { .academic-home { gap:12px; padding:15px; } .academic-home-stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 0; } .academic-home-stats > span:nth-child(odd) { padding-left:0; border-left:0; } .academic-home-stats b { font-size:13px; } .academic-dashboard { padding:18px; } .academic-intro { flex-direction:column; gap:10px; } .academic-metrics { gap:8px; } .academic-metrics article { padding:12px; } .academic-metrics article strong { font-size:17px; } .academic-credit-grid,.academic-form-row { grid-template-columns:repeat(2,minmax(0,1fr)); } .academic-work-row label:first-child { grid-column:1/-1; } }