/* Al-banna Tutorials — brings the Bootstrap-era pages (scrum modules, ros2 weeks) in line with
   the Deep Learning course design: centred hero, pill badges, consistent spacing.
   Linked only from those pages; loaded after their own <style> so it wins on equal specificity. */
.hero,.hero-section{text-align:center}
.hero > .container,.hero-section > .container{max-width:900px}
.hero .display-4,.hero-section .display-4{font-size:clamp(2rem,4.2vw,3rem) !important}
.hero h1,.hero-section h1{letter-spacing:-.02em;line-height:1.15}
.hero .lead,.hero-section .lead{max-width:760px;margin-left:auto;margin-right:auto;font-size:1.15rem}
.hero hr,.hero-section hr{max-width:760px;margin-left:auto;margin-right:auto;border-color:var(--border2) !important;opacity:1}

/* Badges: solid Bootstrap colours -> the design system's muted pills */
.hero .badge,.hero-section .badge{background:var(--surface2) !important;color:var(--text) !important;
  border:1px solid var(--border2);border-radius:999px;padding:8px 16px;font-size:.82rem;font-weight:600;
  display:inline-flex;align-items:center;gap:7px;margin:4px}
.hero .badge i,.hero-section .badge i{color:var(--primary)}
.hero .mt-3,.hero .mt-4,.hero-section .mt-3,.hero-section .mt-4{display:flex;flex-wrap:wrap;gap:2px;justify-content:center}

/* Meta rows under the hero title (instructor / department / …) */
.hero .row,.hero-section .row{max-width:900px;margin-left:auto;margin-right:auto}
.hero .row h6,.hero-section .row h6{color:var(--text2);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}
.hero .row p,.hero-section .row p{color:var(--text);margin:0}

/* Meta row under the hero title: even, centred columns instead of the 4-up Bootstrap grid */
.hero .row,.hero-section .row{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 40px}
.hero .row > [class*="col-"],.hero-section .row > [class*="col-"]{flex:0 1 auto;width:auto;max-width:none}

/* Legacy pages coloured the section rule with an old accent (#e74c3c); use the page's own primary */
.section-title{border-left-color:var(--primary) !important;border-bottom-color:var(--primary) !important}