
:root{--g:#176b3a;--g2:#2f8f55;--g3:#e9f5ed;--line:#d9e5dd;--bg:#f5f8f6;--ink:#17251d;--muted:#647169;--amber:#fff3d6}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:15px/1.5 Arial,sans-serif;color:var(--ink)}#app{max-width:1220px;margin:22px auto;padding:0 16px 40px}.hero{background:linear-gradient(135deg,var(--g),var(--g2));color:#fff;padding:30px;border-radius:18px}.hero h1{margin:5px 0;font-size:34px}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:800;opacity:.84}.metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin:16px 0}.metric,.panel,.semester,.course,.mapbox,.controls{background:#fff;border:1px solid var(--line);border-radius:13px}.metric{padding:12px}.metric small{display:block;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.metric strong{display:block;color:var(--g);font-size:20px}.panel,.mapbox,.controls{padding:15px}.bar{height:12px;background:#edf2ee;border-radius:20px;overflow:hidden}.bar div{height:100%;background:var(--g)}.controls{margin:16px 0}.search{width:100%;padding:11px;border:1px solid var(--line);border-radius:9px}.filters{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.filter{border:1px solid var(--line);background:#fff;color:var(--g);padding:7px 10px;border-radius:20px;font-size:12px;font-weight:700}.filter.active{background:var(--g);color:#fff}.section{margin:24px 0}.section h2{color:var(--g)}.semester{margin-bottom:10px;overflow:hidden}.semester summary{cursor:pointer;padding:14px;font-weight:900;color:var(--g);background:#f8faf9;display:flex;justify-content:space-between}.courses,.opt-grid{padding:10px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.course{padding:13px}.course.done{background:#f0f8f2}.course.locked{opacity:.62}.head{display:flex;justify-content:space-between}.code{font-weight:900;color:var(--g)}.badge{font-size:10px;font-weight:800;padding:3px 7px;border-radius:20px;background:var(--g3);color:var(--g)}.course h3{margin:5px 0;font-size:15px}.meta,.pre{font-size:12px;color:#536159}.actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.actions a,.actions button{border:0;background:var(--g3);color:var(--g);padding:6px 8px;border-radius:7px;text-decoration:none;font-size:11px;font-weight:800;cursor:pointer}.actions .done-btn{background:var(--g);color:#fff}.chain{display:flex;gap:8px;flex-wrap:wrap}.node{background:var(--g3);color:var(--g);padding:7px 9px;border-radius:8px;font-size:12px;font-weight:800}.node.target{background:var(--g);color:#fff}.notice{background:var(--amber);border:1px solid #ead79a;padding:11px;border-radius:10px;color:#604900}.sources{display:flex;gap:8px;flex-wrap:wrap}.sources a{background:var(--g3);color:var(--g);padding:7px 9px;border-radius:7px;text-decoration:none;font-weight:800;font-size:12px}.empty{padding:18px;text-align:center;color:var(--muted)}@media(max-width:1050px){.metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:750px){.metrics,.courses,.opt-grid{grid-template-columns:1fr}.hero h1{font-size:28px}}

.faculty{margin-top:8px;font-size:12px;color:#405047}.faculty a{color:var(--g);font-weight:800;text-decoration:none}.faculty a:hover{text-decoration:underline}

.home-intro{margin:16px 0;background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px;color:#405047}
.home-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}
.home-group{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px}
.home-group h2{margin:0 0 10px;color:var(--g);font-size:16px}
.home-group-links{display:flex;flex-wrap:wrap;gap:7px}
.home-group-links a{background:var(--g3);color:var(--g);padding:7px 9px;border-radius:7px;text-decoration:none;font-size:12px;font-weight:800}
.home-group-links a:hover{text-decoration:underline}
.home-notices{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0}
.home-notice{background:#fff;border:1px solid var(--line);border-left:4px solid var(--g);border-radius:11px;padding:12px 14px}
.home-notice b{display:block;color:var(--g);margin-bottom:3px}
.home-notice span{color:#405047;font-size:13px}
@media(max-width:950px){.home-links{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.home-links,.home-notices{grid-template-columns:1fr}}
