/* The course shell is identical on the overview and every lesson. */
.layout{grid-template-columns:260px minmax(0,1fr);max-width:1360px}
body>header{height:76px;box-sizing:border-box;padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #dce4eb;background:#fff;position:sticky;top:0;z-index:10}
body>header .brand{font-size:25px;font-weight:700;letter-spacing:-.8px;color:#243347}
body>header .tag,body>header .status{font:11px/1.6 Arial,Helvetica,sans-serif;letter-spacing:.5px;color:#176584;border:1px solid #cbdce3;border-radius:3px;padding:4px 10px;background:#eef6f9}
aside.sidebar{box-sizing:border-box;width:260px;padding:32px 25px 30px 36px;border-right:1px solid #dce4eb;position:sticky;top:76px;align-self:start;max-height:calc(100vh - 76px);overflow:auto;scrollbar-gutter:stable;font:12px/1.6 Arial,Helvetica,sans-serif}
.sidebar .eyebrow{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:#647185;font-weight:700}
.sidebar a{display:block;padding:9px 10px;font-size:12px;line-height:1.6;color:#176584;border-radius:3px;overflow-wrap:anywhere}
.sidebar a[aria-current=page]{background:#dcecf3;color:#10475e}
.sidebar .course-overview{margin:15px 0}
.sidebar .course-group{border-top:1px solid #dce4eb;margin:13px 0;padding-top:16px}
.sidebar .course-group summary{font-size:12px;line-height:1.6;color:#176584;cursor:pointer}
.sidebar .course-group nav{display:block;margin:8px 0}
.lesson-contents{border:1px solid #dce4eb;border-radius:4px;padding:12px 16px;margin:0 0 24px;font-size:13px}
.lesson-contents summary{cursor:pointer;color:#176584}
.lesson-contents nav{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:12px}
@media(max-width:700px){body>header{height:66px;padding:0 20px}.layout{display:block}aside.sidebar{width:auto;position:static;max-height:340px;padding:18px 20px;border-right:0;border-bottom:1px solid #dce4eb}.sidebar .course-group nav{display:block}.sidebar nav a{max-width:none}}