/* Shared public branding and compact, unabridged detail titles. */
header {padding-top:12px;padding-bottom:12px;gap:12px}
header .wordmark {min-width:0;flex-wrap:wrap;gap:8px}
header .wordmark img {width:176px;height:78px;max-width:100%;padding:0;object-fit:contain;background:transparent;flex-shrink:0}
header .wordmark::before,header .wordmark::after {content:none}
header .brand-dot {display:none}
.catalogue-intro {padding:24px 0 0}
.catalogue-intro p {margin:0;max-width:none}
body .catalog-section {padding-top:24px}
body .back {margin:20px 0 12px}
body .detail-hero {padding:0 0 20px;min-height:0;width:100%;max-width:none}
body .detail-hero h1 {width:100%;max-width:none;font-size:clamp(28px,3vw,42px);font-weight:500;line-height:1.18;letter-spacing:-.6px;margin:0 0 16px;overflow-wrap:anywhere;white-space:normal;text-overflow:clip}
body .detail-hero .course-gallery {margin-top:16px;margin-bottom:16px}
@media(max-width:600px){
 header {padding-top:10px;padding-bottom:10px}
 header .wordmark img {width:140px;height:64px}
 header nav {flex-shrink:0}
 .catalogue-intro {padding-top:16px}
 body .back {margin:16px 0 10px}
 body .detail-hero {padding-bottom:16px}
}