body{margin:0;font:15px/1.5 "Lato",Helvetica,Arial,sans-serif;color:#2d3b45;background:#fff}
#alto-demo-banner{background:#fff3cd;color:#5c4400;border-bottom:2px solid #e0b100;padding:8px 20px;font-weight:bold;text-align:center}
#header{background:#394b58;color:#fff;padding:10px 20px;display:flex;justify-content:space-between;align-items:center}
#header a{color:#fff;text-decoration:none;font-weight:bold}
.demo-button{background:#0b6bcb;color:#fff;border:0;border-radius:4px;padding:8px 16px;font:inherit;cursor:pointer;text-decoration:none;display:inline-block}
.demo-button[disabled]{background:#8b969e;cursor:not-allowed}
#main{display:flex;gap:24px;padding:20px;flex-wrap:wrap}
#section-tabs{list-style:none;margin:0;padding:0;width:180px}
#section-tabs a{display:block;padding:6px 8px;color:#0b6bcb;text-decoration:none}
#content{flex:1;min-width:280px}
#right-side{width:280px}
.ic-DashboardCard__box{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.ic-DashboardCard{border:1px solid #c7cdd1;border-radius:4px;overflow:hidden}
.ic-DashboardCard a{color:inherit;text-decoration:none;display:block}
.ic-DashboardCard__header_hero{height:90px}
.ic-DashboardCard__header-content{padding:10px}
.ig-list,.to-do-list{list-style:none;margin:0;padding:0}
.ig-row,.to-do-list li{padding:10px;border-bottom:1px solid #e0e0e0}
.assignment_group h2{background:#f5f5f5;margin:0;padding:10px;font-size:16px}
.ig-details,.muted{color:#556572;font-size:13px}
.quiz-warning{border:3px solid #c0392b;background:#fdecea;color:#7a1c12;padding:14px;border-radius:6px;margin:12px 0}
.demo-note{border:1px dashed #8b969e;background:#f5f7f8;padding:10px;border-radius:4px;margin:12px 0}
.discussion-entry{border:1px solid #e0e0e0;border-radius:4px;padding:12px;margin:10px 0}
textarea{width:100%;min-height:140px;box-sizing:border-box;font:inherit;padding:8px}
#demo-footer{border-top:1px solid #c7cdd1;padding:12px 20px;color:#556572;font-size:13px;text-align:center}
[role=status]{font-weight:bold;color:#1d6b34;margin-top:10px}