* { box-sizing: border-box; }
html { background:#000; }
body { margin:0; font-family:Arial,Helvetica,sans-serif; background:#000; color:#fff; line-height:1.45; }
a { color:#fff; text-decoration:none; } a:hover, a:focus { color:#72bcd4; }
.site-shell { width:min(980px, calc(100% - 24px)); margin:0 auto; background:#00574a; border:2px solid #fff; }
.site-header { padding:20px 20px 0; }
.header-content { display:flex; justify-content:space-between; gap:24px; align-items:flex-start; }
.logo { display:block; max-width:100%; height:auto; }
.logo-link {
    display:block;
    width:558px;
    max-width:100%;
}
.contact-details { flex:0 0 auto; font-size:.85rem; font-style:normal; }
.site-nav { margin:18px -20px 0; background:#000; }
.site-nav ul { display:flex; flex-wrap:wrap; gap:0; list-style:none; margin:0; padding:0 20px; }
.site-nav a { display:block; padding:11px 14px; font-weight:bold; }
.page-layout { display:grid; grid-template-columns:minmax(0,1fr) 210px; gap:24px; padding:24px 20px 34px; }
main { min-width:0; }
.intro { margin:0 0 24px; }
.course { display:grid; grid-template-columns:170px minmax(0,1fr); gap:20px; padding:14px 0; border-bottom:1px solid rgba(255,255,255,.16); }
.course-code, .course h3, main h1, main h2, main h3 { margin:0; color:#fff200; }
.course-code { font-size:1.35rem; }
.course h3 { font-size:1.35rem; }
.course-body p { margin:10px 0 0; }
.course-body > :first-child { margin-top:0; }
.downloads { border-left:2px solid #000; padding-left:18px; }
.downloads h2 { color:#fff200; margin-top:0; }
.downloads ul { list-style:none; padding:0; margin:0; }
.downloads li { margin:0 0 14px; }
.prose { max-width:720px; }
.prose p { margin:0 0 16px; text-align:justify; }
.prose ul { margin:0 0 18px; }
.prose img, .prose iframe { max-width:100%; }
.site-footer { clear:both; background:#000; padding:10px 15px; text-align:center; font-size:.7rem; }
.price-note { margin-bottom:22px; }
@media (max-width:760px) {
 .site-shell { width:100%; border-left:0; border-right:0; }
 .header-content { display:block; }
 .logo-link { display:block; width:100%; max-width:558px; }
 .contact-details { display:block; margin-top:24px; font-size:.9rem; }
 .site-nav ul { padding:0 8px; }
 .site-nav a { padding:10px 8px; font-size:.9rem; }
 .page-layout { grid-template-columns:1fr; }
 .downloads { border-left:0; border-top:2px solid #000; padding:20px 0 0; }
 .course { grid-template-columns:1fr; gap:6px; }
 .prose p { text-align:left; }
}

/* Home-page course directory */
.home-intro { margin-bottom: 28px; }
.course-list h2, .course-list h3 { color:#fff200; }
.course-list h2 { font-size:1.35rem; margin:22px 0 16px 190px; }
.course-list h3 { font-size:1.35rem; margin:24px 0 12px 190px; }
.course-list h2 a, .course-list h3 a { color:#fff200; }
.course-list h2 a:hover, .course-list h3 a:hover { color:#72bcd4; }
.course-link { display:grid; grid-template-columns:170px minmax(0,1fr); gap:20px; padding:3px 0; }
.course-link b { padding-left:30px; }
.home-sidebar h2:not(:first-child) { margin-top:32px; }
@media (max-width:760px) {
 .course-list h2, .course-list h3 { margin-left:0; }
 .course-link { grid-template-columns:1fr; gap:0; padding:7px 0; }
 .course-link b { padding-left:0; }
}