/*
 * BTAA Internal Pages V2
 * Scoped refinement layer for: Articles, Videos, Jobs, Courses, About, Start Here.
 * Loaded after page styles + design-v2.css.
 */

:root {
    --bt2-navy: #071321;
    --bt2-navy-2: #0b1b2c;
    --bt2-navy-3: #11243a;
    --bt2-ink: #0f1724;
    --bt2-muted: #667085;
    --bt2-soft: #8a93a2;
    --bt2-gold: #e4aa35;
    --bt2-gold-2: #f0bf57;
    --bt2-cream: #f3ecdf;
    --bt2-paper: #fbfaf7;
    --bt2-white: #ffffff;
    --bt2-line: rgba(13, 28, 46, .11);
    --bt2-line-dark: rgba(255, 255, 255, .12);
    --bt2-shadow: 0 24px 70px rgba(7, 19, 33, .10);
    --bt2-shadow-soft: 0 14px 40px rgba(7, 19, 33, .075);
    --bt2-radius-xl: 28px;
    --bt2-radius-lg: 22px;
    --bt2-radius-md: 16px;
    --bt2-container: 1180px;
    --bt2-ease: cubic-bezier(.22,.8,.24,1);
}

/* ---------- Shared shell ---------- */
body.articles-page-body,
body.videos-page-body,
body.jobs-page,
body.courses-page,
body.about-page,
body.start-here-page {
    background: var(--bt2-paper);
    color: var(--bt2-ink);
}

body.articles-page-body .container,
body.videos-page-body .container,
body.jobs-page .container,
body.courses-page .container,
body.about-page .container,
body.start-here-page .container {
    width: min(calc(100% - 40px), var(--bt2-container));
    margin-inline: auto;
}

body.articles-page-body .site-header,
body.videos-page-body .site-header,
body.jobs-page .site-header,
body.courses-page .site-header,
body.about-page .site-header,
body.start-here-page .site-header {
    position: sticky;
    top: 0;
    z-index: 80;
    background: rgba(251,250,247,.90);
    border-bottom: 1px solid rgba(12,26,42,.08);
    backdrop-filter: blur(16px) saturate(120%);
    -webkit-backdrop-filter: blur(16px) saturate(120%);
    transition: box-shadow .35s var(--bt2-ease), background .35s var(--bt2-ease), transform .35s var(--bt2-ease);
}

body.bt-scrolled .site-header {
    box-shadow: 0 10px 34px rgba(7,19,33,.075);
    background: rgba(251,250,247,.95);
}

body.articles-page-body .site-header .nav,
body.videos-page-body .site-header .nav,
body.jobs-page .site-header .nav,
body.courses-page .site-header .nav,
body.about-page .site-header .nav,
body.start-here-page .site-header .nav {
    min-height: 72px;
}

body.articles-page-body .nav-links > a:not(.btn),
body.videos-page-body .nav-links > a:not(.btn),
body.jobs-page .nav-links > a:not(.btn),
body.courses-page .nav-links > a:not(.btn),
body.about-page .nav-links > a:not(.btn),
body.start-here-page .nav-links > a:not(.btn) {
    position: relative;
    font-weight: 600;
    color: #253142;
}

body.articles-page-body .nav-links > a:not(.btn)::after,
body.videos-page-body .nav-links > a:not(.btn)::after,
body.jobs-page .nav-links > a:not(.btn)::after,
body.courses-page .nav-links > a:not(.btn)::after,
body.about-page .nav-links > a:not(.btn)::after,
body.start-here-page .nav-links > a:not(.btn)::after {
    content: "";
    position: absolute;
    right: 0;
    left: 100%;
    bottom: -7px;
    height: 2px;
    border-radius: 999px;
    background: var(--bt2-gold);
    transition: left .3s var(--bt2-ease);
}

body.articles-page-body .nav-links > a:not(.btn):hover::after,
body.articles-page-body .nav-links > a.active:not(.btn)::after,
body.videos-page-body .nav-links > a:not(.btn):hover::after,
body.videos-page-body .nav-links > a.active:not(.btn)::after,
body.jobs-page .nav-links > a:not(.btn):hover::after,
body.jobs-page .nav-links > a.active:not(.btn)::after,
body.courses-page .nav-links > a:not(.btn):hover::after,
body.courses-page .nav-links > a.active:not(.btn)::after,
body.about-page .nav-links > a:not(.btn):hover::after,
body.about-page .nav-links > a.active:not(.btn)::after,
body.start-here-page .nav-links > a:not(.btn):hover::after,
body.start-here-page .nav-links > a.active:not(.btn)::after {
    left: 0;
}

/* Common typography helpers */
.articles-kicker,
.videos-kicker,
.jobs-kicker,
.courses-kicker,
.about-kicker,
.sh-kicker,
.articles-section-kicker,
.videos-section-kicker,
.jobs-section-kicker,
.courses-section-kicker {
    letter-spacing: 0 !important;
    text-transform: none !important;
    font-family: "IBM Plex Sans Arabic", sans-serif !important;
    font-size: .78rem !important;
    font-weight: 700 !important;
    color: #b97d16 !important;
}

.articles-breadcrumbs,
.videos-breadcrumbs,
.jobs-breadcrumbs,
.courses-breadcrumbs,
.about-breadcrumbs,
.sh-breadcrumbs {
    display: inline-flex !important;
    align-items: center;
    gap: 8px !important;
    margin-bottom: 22px !important;
    color: rgba(255,255,255,.55) !important;
    font-size: .83rem !important;
}

.articles-breadcrumbs a,
.videos-breadcrumbs a,
.jobs-breadcrumbs a,
.courses-breadcrumbs a,
.about-breadcrumbs a,
.sh-breadcrumbs a {
    color: rgba(255,255,255,.78) !important;
}

/* ---------- Shared internal hero ---------- */
.articles-hero,
.videos-hero,
.jobs-hero,
.courses-hero,
.about-hero,
.sh-hero {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 14% 15%, rgba(228,170,53,.11), transparent 28%),
        linear-gradient(135deg, #06111e 0%, #081725 55%, #0a1b2d 100%) !important;
    color: #fff !important;
    padding: 78px 0 76px !important;
    min-height: 0 !important;
    border: 0 !important;
}

.articles-hero::after,
.videos-hero::after,
.jobs-hero::after,
.courses-hero::after,
.about-hero::after,
.sh-hero::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(228,170,53,.55), transparent);
}

.articles-hero-grid,
.videos-hero-grid,
.jobs-hero-grid,
.courses-hero-grid,
.about-hero-grid,
.sh-hero-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.03fr) minmax(390px, .97fr) !important;
    align-items: center !important;
    gap: clamp(42px, 6vw, 86px) !important;
    min-height: 430px;
}

.articles-hero-copy,
.videos-hero-copy,
.jobs-hero-copy,
.courses-hero-copy,
.about-hero-copy,
.sh-hero-copy {
    max-width: 630px !important;
    position: relative;
    z-index: 2;
}

.articles-hero h1,
.videos-hero h1,
.jobs-hero h1,
.courses-hero h1,
.about-hero h1,
.sh-hero h1 {
    margin: 12px 0 22px !important;
    max-width: 700px !important;
    color: #fff !important;
    font-family: "Readex Pro", "IBM Plex Sans Arabic", sans-serif !important;
    font-size: clamp(2.8rem, 4.5vw, 4.65rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -.045em !important;
    font-weight: 700 !important;
}

.articles-hero h1 span,
.videos-hero h1 span,
.jobs-hero h1 span,
.courses-hero h1 span,
.about-hero h1 span,
.sh-hero h1 span {
    display: block;
    color: var(--bt2-gold-2) !important;
}

.articles-hero-copy > p,
.videos-hero-copy > p,
.jobs-hero-copy > p,
.courses-hero-copy > p,
.about-hero-copy > p,
.sh-hero-copy > p {
    max-width: 590px !important;
    margin: 0 0 28px !important;
    color: rgba(255,255,255,.72) !important;
    font-size: clamp(1rem, 1.2vw, 1.12rem) !important;
    line-height: 1.95 !important;
}

.articles-hero-stats,
.videos-hero-stats,
.jobs-hero-stats,
.courses-hero-stats {
    display: flex !important;
    flex-wrap: wrap;
    gap: 0 !important;
    margin-top: 32px !important;
    padding-top: 22px !important;
    border-top: 1px solid rgba(255,255,255,.12) !important;
}

.articles-hero-stats > div,
.videos-hero-stats > div,
.jobs-hero-stats > div,
.courses-hero-stats > div {
    min-width: 120px;
    padding: 0 18px !important;
    border-left: 1px solid rgba(255,255,255,.1);
}

.articles-hero-stats > div:first-child,
.videos-hero-stats > div:first-child,
.jobs-hero-stats > div:first-child,
.courses-hero-stats > div:first-child {
    padding-right: 0 !important;
}

.articles-hero-stats strong,
.videos-hero-stats strong,
.jobs-hero-stats strong,
.courses-hero-stats strong {
    color: #fff !important;
    font-size: 1.25rem !important;
}

.articles-hero-stats span,
.videos-hero-stats span,
.jobs-hero-stats span,
.courses-hero-stats span {
    color: rgba(255,255,255,.54) !important;
    font-size: .78rem !important;
}

/* Hero action buttons */
.jobs-hero-actions,
.courses-hero-actions,
.about-hero-actions,
.sh-hero-actions {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px !important;
    margin-top: 24px !important;
}

.jobs-btn,
.courses-btn,
.about-hero .btn,
.sh-hero .btn {
    min-height: 48px;
    border-radius: 12px !important;
    padding-inline: 20px !important;
    font-weight: 700 !important;
}

.jobs-btn-gold,
.courses-btn-gold,
.sh-hero .btn-gold {
    background: var(--bt2-gold-2) !important;
    color: #1a1b1d !important;
    border-color: transparent !important;
    box-shadow: 0 12px 30px rgba(228,170,53,.14);
}

.jobs-btn-ghost,
.courses-btn-ghost {
    color: #fff !important;
    border-color: rgba(255,255,255,.18) !important;
    background: rgba(255,255,255,.035) !important;
}

/* New useful hero tool (replaces AI-looking fake dashboards) */
.bt-hero-tool {
    position: relative;
    width: 100%;
    min-height: 375px;
    padding: 28px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 28px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
        rgba(3,10,18,.32);
    box-shadow: 0 30px 75px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.04);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    transform-style: preserve-3d;
}

.bt-hero-tool::before {
    content: "";
    position: absolute;
    width: 230px;
    height: 230px;
    border: 1px solid rgba(228,170,53,.16);
    border-radius: 50%;
    left: -80px;
    top: -105px;
    box-shadow: 0 0 0 42px rgba(228,170,53,.025), 0 0 0 84px rgba(228,170,53,.018);
    pointer-events: none;
}

.bt-hero-tool-label {
    position: relative;
    z-index: 2;
    color: rgba(255,255,255,.58);
    font-size: .82rem;
    font-weight: 600;
}

.bt-hero-tool-steps,
.bt-job-checklist,
.bt-course-ladder,
.bt-about-stack {
    position: relative;
    z-index: 2;
    display: grid;
    gap: 10px;
    margin-block: 18px;
}

.bt-hero-tool-steps > div,
.bt-job-checklist > div,
.bt-course-ladder > div,
.bt-about-stack > div {
    display: grid;
    grid-template-columns: 42px 92px 1fr;
    align-items: center;
    gap: 12px;
    padding: 15px 16px;
    border: 1px solid rgba(255,255,255,.095);
    border-radius: 14px;
    background: rgba(255,255,255,.032);
    transition: transform .35s var(--bt2-ease), background .35s var(--bt2-ease), border-color .35s var(--bt2-ease);
}

.bt-hero-tool-steps > div:hover,
.bt-job-checklist > div:hover,
.bt-course-ladder > div:hover,
.bt-about-stack > div:hover {
    transform: translateX(-5px);
    background: rgba(255,255,255,.055);
    border-color: rgba(228,170,53,.24);
}

.bt-hero-tool-steps b,
.bt-job-checklist > div > span,
.bt-course-ladder b,
.bt-about-stack > div > span {
    color: var(--bt2-gold-2);
    font-size: .73rem;
    font-weight: 700;
}

.bt-hero-tool-steps strong,
.bt-job-checklist strong,
.bt-course-ladder strong,
.bt-about-stack strong {
    color: #fff;
    font-size: 1.05rem;
}

.bt-hero-tool-steps span,
.bt-job-checklist small,
.bt-course-ladder span,
.bt-about-stack small {
    color: rgba(255,255,255,.58);
    font-size: .82rem;
    line-height: 1.7;
}

.bt-hero-tool-foot {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding-top: 18px;
    border-top: 1px solid rgba(255,255,255,.09);
}

.bt-hero-tool-foot span {
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.045);
    color: rgba(255,255,255,.62);
    font-size: .74rem;
}

.bt-video-sequence {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 10px;
}

.bt-video-frame {
    grid-row: span 3;
    min-height: 240px;
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(228,170,53,.06), rgba(6,17,30,.28)),
        #0d2237;
    border: 1px solid rgba(255,255,255,.09);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 13px;
}

.bt-video-frame strong { color: #fff; font-size: 1rem; }
.bt-video-play {
    display: grid;
    place-items: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--bt2-gold-2);
    color: #111;
}
.bt-video-play svg { width: 22px; height: 22px; }

.bt-video-copy {
    padding: 14px 15px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 14px;
    background: rgba(255,255,255,.03);
}
.bt-video-copy b { display:block; color:#fff; margin-bottom:4px; font-size:.92rem; }
.bt-video-copy span { color:rgba(255,255,255,.55); font-size:.78rem; line-height:1.65; }

.bt-start-choices {
    position: relative;
    z-index: 2;
    display: grid;
    gap: 11px;
    margin-block: 18px;
}
.bt-start-choices a {
    display: grid;
    grid-template-columns: 42px 100px 1fr;
    align-items: center;
    gap: 12px;
    padding: 18px;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.1);
    background: rgba(255,255,255,.035);
    pointer-events: none;
}
.bt-start-choices a span { color:var(--bt2-gold-2); font-size:.72rem; }
.bt-start-choices a strong { color:#fff; font-size:1.15rem; }
.bt-start-choices a small { color:rgba(255,255,255,.56); font-size:.82rem; }

/* ---------- Section rhythm ---------- */
.articles-featured-section,
.articles-library-section,
.articles-bottom-cta,
.videos-featured-section,
.videos-library-section,
.videos-channel-section,
.jobs-search-section,
.jobs-featured-section,
.jobs-list-section,
.jobs-employer-section,
.courses-featured-section,
.courses-library,
.courses-method,
.courses-waitlist-section,
.about-section,
.sh-section,
.sh-final-section {
    padding-top: 86px !important;
    padding-bottom: 86px !important;
}

.articles-section-heading,
.videos-section-heading,
.jobs-section-heading,
.courses-section-heading,
.about-section-head,
.sh-section-head {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 30px !important;
    margin-bottom: 34px !important;
}

.articles-section-heading h2,
.videos-section-heading h2,
.jobs-section-heading h2,
.courses-section-heading h2,
.about-section-head h2,
.sh-section-head h2,
.about-section-heading h2 {
    margin: 7px 0 0 !important;
    font-family: "Readex Pro", "IBM Plex Sans Arabic", sans-serif !important;
    font-size: clamp(2rem, 3.2vw, 3.25rem) !important;
    line-height: 1.18 !important;
    letter-spacing: -.035em !important;
    color: var(--bt2-ink) !important;
}

/* ---------- Articles ---------- */
.articles-featured-section { background: var(--bt2-cream) !important; }
.articles-featured-card {
    display: grid !important;
    grid-template-columns: minmax(330px, .88fr) minmax(0, 1.12fr) !important;
    min-height: 430px !important;
    border: 1px solid var(--bt2-line) !important;
    border-radius: var(--bt2-radius-xl) !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: var(--bt2-shadow-soft) !important;
}
.articles-featured-media {
    min-height: 100% !important;
    background: var(--bt2-navy) !important;
}
.articles-featured-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
.articles-featured-placeholder {
    min-height: 100% !important;
    display: grid !important;
    place-content: end start !important;
    padding: 36px !important;
    background:
        radial-gradient(circle at 80% 15%, rgba(228,170,53,.18), transparent 23%),
        linear-gradient(145deg, #071321, #10243a) !important;
    color: #fff !important;
}
.articles-featured-content { padding: 42px !important; align-self: center; }
.articles-featured-content h2,
.articles-featured-content h3 { font-size: clamp(1.75rem, 2.4vw, 2.7rem) !important; line-height: 1.35 !important; }
.articles-featured-content p { color: var(--bt2-muted) !important; font-size: 1rem !important; line-height: 1.95 !important; }

.articles-library-section { background: var(--bt2-paper) !important; }
.articles-search-form,
.articles-filter-tabs {
    border-color: var(--bt2-line) !important;
}
.articles-grid-v1 {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
}
.articles-list-card {
    border: 1px solid var(--bt2-line) !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: none !important;
    overflow: hidden !important;
    transition: transform .35s var(--bt2-ease), box-shadow .35s var(--bt2-ease), border-color .35s var(--bt2-ease) !important;
}
.articles-list-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: var(--bt2-shadow-soft) !important;
    border-color: rgba(228,170,53,.28) !important;
}
.articles-list-media { aspect-ratio: 16 / 10 !important; min-height: 0 !important; }
.articles-list-media img { width:100%!important; height:100%!important; object-fit:cover!important; }
.articles-list-body { padding: 22px !important; }
.articles-list-body h3 { font-size: 1.18rem !important; line-height: 1.55 !important; }
.articles-list-body p { color:var(--bt2-muted)!important; line-height:1.85!important; }
.articles-empty-state {
    border: 1px dashed rgba(13,28,46,.18) !important;
    border-radius: 20px !important;
    background: rgba(255,255,255,.55) !important;
}
.articles-bottom-card {
    border-radius: var(--bt2-radius-xl) !important;
    background: var(--bt2-navy) !important;
    box-shadow: var(--bt2-shadow-soft) !important;
}

/* ---------- Videos ---------- */
.videos-featured-section { background: var(--bt2-paper) !important; }
.videos-featured-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr) !important;
    gap: 0 !important;
    border-radius: var(--bt2-radius-xl) !important;
    overflow: hidden !important;
    border: 1px solid var(--bt2-line) !important;
    background: #fff !important;
    box-shadow: var(--bt2-shadow-soft) !important;
}
.videos-featured-media {
    min-height: 420px !important;
    border-radius: 0 !important;
    background: #050b12 !important;
}
.videos-featured-media img {
    width:100%!important; height:100%!important; object-fit:cover!important;
}
.videos-featured-content { padding: 40px !important; align-self:center; }
.videos-featured-content h2,
.videos-featured-content h3 { font-size:clamp(1.65rem,2.3vw,2.5rem)!important; line-height:1.42!important; }
.videos-library-section { background: var(--bt2-cream) !important; }
.videos-grid {
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:22px!important;
}
.videos-card {
    border:1px solid var(--bt2-line)!important;
    border-radius:20px!important;
    background:#fff!important;
    overflow:hidden!important;
    box-shadow:none!important;
    transition: transform .35s var(--bt2-ease), box-shadow .35s var(--bt2-ease)!important;
}
.videos-card:hover { transform:translateY(-5px)!important; box-shadow:var(--bt2-shadow-soft)!important; }
.videos-card-media { aspect-ratio:16/9!important; min-height:0!important; background:#08111c!important; }
.videos-card-media img { width:100%!important; height:100%!important; object-fit:cover!important; }
.videos-card-body { padding:20px!important; }
.videos-card-body h3 { font-size:1.15rem!important; line-height:1.55!important; }
.videos-channel-card {
    border-radius:var(--bt2-radius-xl)!important;
    background:linear-gradient(135deg,#071321,#0d2136)!important;
    box-shadow:var(--bt2-shadow-soft)!important;
}

/* ---------- Jobs ---------- */
.jobs-search-section { background: var(--bt2-paper) !important; padding-bottom: 54px !important; }
.jobs-search-form {
    border:1px solid var(--bt2-line)!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 10px 30px rgba(7,19,33,.045)!important;
}
.jobs-featured-section { background: var(--bt2-cream) !important; }
.jobs-featured-grid { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:22px!important; }
.jobs-featured-card,
.jobs-card {
    border:1px solid var(--bt2-line)!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:none!important;
    transition:transform .35s var(--bt2-ease), box-shadow .35s var(--bt2-ease), border-color .35s var(--bt2-ease)!important;
}
.jobs-featured-card:hover,
.jobs-card:hover { transform:translateY(-5px)!important; box-shadow:var(--bt2-shadow-soft)!important; border-color:rgba(228,170,53,.25)!important; }
.jobs-grid { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:20px!important; }
.jobs-card { padding:24px!important; }
.jobs-card-description { color:var(--bt2-muted)!important; line-height:1.85!important; }
.jobs-employer-card {
    border-radius:var(--bt2-radius-xl)!important;
    background:var(--bt2-navy)!important;
    box-shadow:var(--bt2-shadow-soft)!important;
}
.jobs-empty-state {
    background:#fff!important;
    border:1px dashed rgba(13,28,46,.16)!important;
    border-radius:22px!important;
}

/* ---------- Courses ---------- */
.courses-featured-section { background:var(--bt2-cream)!important; }
.courses-featured-card {
    display:grid!important;
    grid-template-columns:minmax(340px,.9fr) minmax(0,1.1fr)!important;
    border:1px solid var(--bt2-line)!important;
    border-radius:var(--bt2-radius-xl)!important;
    overflow:hidden!important;
    background:#fff!important;
    box-shadow:var(--bt2-shadow-soft)!important;
}
.courses-featured-media { min-height:420px!important; }
.courses-featured-media img { width:100%!important; height:100%!important; object-fit:cover!important; }
.courses-featured-content { padding:42px!important; }
.courses-library { background:var(--bt2-paper)!important; }
.courses-grid { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:22px!important; }
.courses-card {
    border:1px solid var(--bt2-line)!important;
    border-radius:20px!important;
    overflow:hidden!important;
    background:#fff!important;
    box-shadow:none!important;
    transition:transform .35s var(--bt2-ease), box-shadow .35s var(--bt2-ease)!important;
}
.courses-card:hover { transform:translateY(-5px)!important; box-shadow:var(--bt2-shadow-soft)!important; }
.courses-card-media { aspect-ratio:16/10!important; min-height:0!important; }
.courses-card-body { padding:22px!important; }
.courses-method { background:var(--bt2-navy)!important; color:#fff!important; }
.courses-method-copy h2 { color:#fff!important; }
.courses-method-copy p { color:rgba(255,255,255,.65)!important; }
.courses-method-cards > * { border-color:rgba(255,255,255,.12)!important; background:rgba(255,255,255,.035)!important; }
.courses-waitlist-section { background:var(--bt2-cream)!important; }
.courses-waitlist-shell { border-radius:var(--bt2-radius-xl)!important; border:1px solid var(--bt2-line)!important; box-shadow:var(--bt2-shadow-soft)!important; }

/* ---------- About ---------- */
.about-section-paper { background:var(--bt2-paper)!important; }
.about-section-cream { background:var(--bt2-cream)!important; }
.about-section-dark { background:var(--bt2-navy)!important; }
.about-story-grid,
.about-person-grid,
.about-business-grid { gap:clamp(36px,6vw,80px)!important; }
.about-pillar-grid { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:16px!important; }
.about-pillar-card {
    min-height:250px!important;
    padding:24px!important;
    border:1px solid var(--bt2-line)!important;
    border-radius:18px!important;
    box-shadow:none!important;
    background:#fff!important;
    transition:transform .35s var(--bt2-ease), box-shadow .35s var(--bt2-ease)!important;
}
.about-pillar-card:hover { transform:translateY(-5px)!important; box-shadow:var(--bt2-shadow-soft)!important; }
.about-pillar-card.is-dark { background:var(--bt2-navy)!important; color:#fff!important; }
.about-person-card,
.about-business-card { border-radius:var(--bt2-radius-xl)!important; box-shadow:var(--bt2-shadow-soft)!important; }

/* ---------- Start Here ---------- */
.sh-path-section { background:var(--bt2-paper)!important; }
.sh-path-grid { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:16px!important; }
.sh-path-card {
    min-height:280px!important;
    padding:24px!important;
    border:1px solid var(--bt2-line)!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:none!important;
    transition:transform .35s var(--bt2-ease), box-shadow .35s var(--bt2-ease), border-color .35s var(--bt2-ease)!important;
}
.sh-path-card:hover { transform:translateY(-5px)!important; box-shadow:var(--bt2-shadow-soft)!important; border-color:rgba(228,170,53,.26)!important; }
.sh-live-section { background:var(--bt2-cream)!important; }
.sh-live-grid { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:18px!important; }
.sh-live-card { border-radius:20px!important; border:1px solid var(--bt2-line)!important; background:#fff!important; box-shadow:none!important; }
.sh-method-section { background:var(--bt2-navy)!important; color:#fff!important; }
.sh-final-card { border-radius:var(--bt2-radius-xl)!important; box-shadow:var(--bt2-shadow-soft)!important; }

/* ---------- Footer refinement on internal pages ---------- */
body.articles-page-body .footer,
body.videos-page-body .footer,
body.jobs-page .footer,
body.courses-page .footer,
body.about-page .footer,
body.start-here-page .footer {
    background:#050d16!important;
    border-top:1px solid rgba(228,170,53,.35)!important;
}
body.articles-page-body .footer-main,
body.videos-page-body .footer-main,
body.jobs-page .footer-main,
body.courses-page .footer-main,
body.about-page .footer-main,
body.start-here-page .footer-main {
    padding-top:58px!important;
    padding-bottom:48px!important;
}
body.articles-page-body .footer p,
body.videos-page-body .footer p,
body.jobs-page .footer p,
body.courses-page .footer p,
body.about-page .footer p,
body.start-here-page .footer p { color:rgba(255,255,255,.55)!important; }

/* ---------- Motion states ---------- */
.bt-internal-reveal {
    opacity: 0;
    transform: translateY(22px);
    transition: opacity .7s var(--bt2-ease), transform .7s var(--bt2-ease);
}
.bt-internal-reveal.is-visible { opacity:1; transform:none; }

/* ---------- Responsive ---------- */
@media (max-width: 1100px) {
    .articles-hero-grid,
    .videos-hero-grid,
    .jobs-hero-grid,
    .courses-hero-grid,
    .about-hero-grid,
    .sh-hero-grid {
        grid-template-columns: minmax(0,1fr) minmax(320px,.82fr) !important;
        gap: 34px !important;
    }
    .articles-hero h1,
    .videos-hero h1,
    .jobs-hero h1,
    .courses-hero h1,
    .about-hero h1,
    .sh-hero h1 { font-size: clamp(2.55rem,5vw,3.8rem)!important; }
    .articles-grid-v1,
    .videos-grid,
    .jobs-grid,
    .courses-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
    .about-pillar-grid,
    .sh-path-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
}

@media (max-width: 820px) {
    body.articles-page-body .container,
    body.videos-page-body .container,
    body.jobs-page .container,
    body.courses-page .container,
    body.about-page .container,
    body.start-here-page .container { width:min(calc(100% - 28px), var(--bt2-container)); }

    .articles-hero,
    .videos-hero,
    .jobs-hero,
    .courses-hero,
    .about-hero,
    .sh-hero { padding:56px 0!important; }

    .articles-hero-grid,
    .videos-hero-grid,
    .jobs-hero-grid,
    .courses-hero-grid,
    .about-hero-grid,
    .sh-hero-grid {
        grid-template-columns:1fr!important;
        gap:34px!important;
        min-height:0!important;
    }
    .articles-hero h1,
    .videos-hero h1,
    .jobs-hero h1,
    .courses-hero h1,
    .about-hero h1,
    .sh-hero h1 { font-size:clamp(2.35rem,10vw,3.45rem)!important; }
    .bt-hero-tool { min-height:0; padding:22px; }
    .bt-hero-tool-steps > div,
    .bt-job-checklist > div,
    .bt-course-ladder > div,
    .bt-about-stack > div { grid-template-columns:36px 80px 1fr; }
    .bt-video-sequence { grid-template-columns:1fr; }
    .bt-video-frame { grid-row:auto; min-height:210px; }

    .articles-featured-card,
    .videos-featured-card,
    .courses-featured-card { grid-template-columns:1fr!important; }
    .articles-featured-media,
    .videos-featured-media,
    .courses-featured-media { min-height:280px!important; aspect-ratio:16/9; }
    .articles-featured-content,
    .videos-featured-content,
    .courses-featured-content { padding:28px!important; }

    .articles-section-heading,
    .videos-section-heading,
    .jobs-section-heading,
    .courses-section-heading,
    .about-section-head,
    .sh-section-head { align-items:flex-start!important; flex-direction:column!important; gap:14px!important; }

    .articles-grid-v1,
    .videos-grid,
    .jobs-grid,
    .courses-grid,
    .jobs-featured-grid,
    .about-pillar-grid,
    .sh-path-grid,
    .sh-live-grid { grid-template-columns:1fr!important; }

    .articles-featured-section,
    .articles-library-section,
    .articles-bottom-cta,
    .videos-featured-section,
    .videos-library-section,
    .videos-channel-section,
    .jobs-search-section,
    .jobs-featured-section,
    .jobs-list-section,
    .jobs-employer-section,
    .courses-featured-section,
    .courses-library,
    .courses-method,
    .courses-waitlist-section,
    .about-section,
    .sh-section,
    .sh-final-section { padding-top:62px!important; padding-bottom:62px!important; }
}

@media (max-width: 560px) {
    body.articles-page-body .site-header .nav,
    body.videos-page-body .site-header .nav,
    body.jobs-page .site-header .nav,
    body.courses-page .site-header .nav,
    body.about-page .site-header .nav,
    body.start-here-page .site-header .nav { min-height:64px; }

    .articles-hero,
    .videos-hero,
    .jobs-hero,
    .courses-hero,
    .about-hero,
    .sh-hero { padding:44px 0 46px!important; }

    .articles-breadcrumbs,
    .videos-breadcrumbs,
    .jobs-breadcrumbs,
    .courses-breadcrumbs,
    .about-breadcrumbs,
    .sh-breadcrumbs { margin-bottom:16px!important; }

    .articles-hero h1,
    .videos-hero h1,
    .jobs-hero h1,
    .courses-hero h1,
    .about-hero h1,
    .sh-hero h1 { font-size:clamp(2.15rem,11.5vw,3rem)!important; margin-bottom:16px!important; }

    .articles-hero-copy > p,
    .videos-hero-copy > p,
    .jobs-hero-copy > p,
    .courses-hero-copy > p,
    .about-hero-copy > p,
    .sh-hero-copy > p { font-size:.98rem!important; line-height:1.85!important; margin-bottom:22px!important; }

    .articles-hero-stats,
    .videos-hero-stats,
    .jobs-hero-stats,
    .courses-hero-stats { gap:12px!important; }
    .articles-hero-stats > div,
    .videos-hero-stats > div,
    .jobs-hero-stats > div,
    .courses-hero-stats > div { min-width:0; padding:0 10px!important; }

    .bt-hero-tool { border-radius:20px; padding:18px; }
    .bt-hero-tool-steps > div,
    .bt-job-checklist > div,
    .bt-course-ladder > div,
    .bt-about-stack > div,
    .bt-start-choices a {
        grid-template-columns:34px 1fr!important;
        gap:8px!important;
        padding:14px!important;
    }
    .bt-hero-tool-steps > div span,
    .bt-job-checklist > div small,
    .bt-course-ladder > div span,
    .bt-about-stack > div small,
    .bt-start-choices a small { grid-column:2; }
    .bt-start-choices a strong { font-size:1rem; }

    .articles-section-heading h2,
    .videos-section-heading h2,
    .jobs-section-heading h2,
    .courses-section-heading h2,
    .about-section-head h2,
    .sh-section-head h2,
    .about-section-heading h2 { font-size:clamp(1.75rem,8vw,2.35rem)!important; }

    .articles-list-card,
    .videos-card,
    .jobs-card,
    .courses-card,
    .sh-path-card,
    .sh-live-card,
    .about-pillar-card { border-radius:16px!important; }
}

@media (prefers-reduced-motion: reduce) {
    .bt-internal-reveal,
    .bt-hero-tool,
    .articles-list-card,
    .videos-card,
    .jobs-card,
    .courses-card,
    .sh-path-card,
    .about-pillar-card { transition:none!important; transform:none!important; }
}

/* =====================================================================
   DETAIL + ENGAGEMENT PAGES / BATCH 2
   ===================================================================== */

body.post-v1-body,
body.job-detail-page,
body.course-detail-page,
body.engage-page,
body.job-publish-v1,
body.careers-page,
body.consultation-page {
    background: var(--bt2-paper);
    color: var(--bt2-ink);
}

body.post-v1-body .container,
body.job-detail-page .container,
body.course-detail-page .container,
body.engage-page .container,
body.job-publish-v1 .container,
body.careers-page .container,
body.consultation-page .container {
    width: min(calc(100% - 40px), var(--bt2-container));
    margin-inline: auto;
}

body.post-v1-body .site-header,
body.job-detail-page .site-header,
body.course-detail-page .site-header,
body.engage-page .site-header,
body.job-publish-v1 .site-header,
body.careers-page .site-header,
body.consultation-page .site-header {
    position: sticky;
    top: 0;
    z-index: 80;
    background: rgba(251,250,247,.92);
    border-bottom: 1px solid rgba(12,26,42,.08);
    backdrop-filter: blur(16px) saturate(120%);
    -webkit-backdrop-filter: blur(16px) saturate(120%);
}

/* Article detail */
.post-hero,
.job-detail-hero,
.course-hero,
.engage-hero,
.jp-hero,
body.careers-page .page-hero,
body.consultation-page .page-hero {
    background:
        radial-gradient(circle at 12% 12%, rgba(228,170,53,.10), transparent 25%),
        linear-gradient(135deg,#06111e,#091929 55%,#0a1d30) !important;
    color:#fff !important;
    padding-top:72px !important;
    padding-bottom:72px !important;
    border:0 !important;
}

.post-hero-grid,
.job-detail-hero-grid,
.course-hero-grid,
.engage-hero-grid,
.jp-hero-grid {
    gap: clamp(38px,6vw,78px) !important;
    align-items:center !important;
}

.post-hero h1,
.job-detail-hero h1,
.course-hero h1,
.engage-hero h1,
.jp-hero h1,
body.careers-page .page-hero h1,
body.consultation-page .page-hero h1 {
    color:#fff !important;
    font-family:"Readex Pro","IBM Plex Sans Arabic",sans-serif !important;
    font-size:clamp(2.55rem,4.5vw,4.5rem) !important;
    line-height:1.12 !important;
    letter-spacing:-.045em !important;
    margin-block:14px 22px !important;
}

.post-hero-excerpt,
.job-detail-hero p,
.course-hero-copy > p,
.engage-hero-copy > p,
.jp-hero-copy > p,
body.careers-page .page-hero .lead,
body.consultation-page .page-hero .lead {
    color:rgba(255,255,255,.7) !important;
    font-size:1.04rem !important;
    line-height:1.95 !important;
}

.post-kicker,
.job-detail-kicker,
.course-kicker,
.engage-kicker,
.jp-kicker,
body.careers-page .page-kicker,
body.consultation-page .page-kicker,
.post-section-label,
.post-aside-kicker,
.job-detail-section-kicker,
.course-section-kicker,
.engage-info-label,
.jp-side-label {
    letter-spacing:0 !important;
    text-transform:none !important;
    font-family:"IBM Plex Sans Arabic",sans-serif !important;
    color:var(--bt2-gold-2) !important;
    font-size:.78rem !important;
    font-weight:700 !important;
}

.post-breadcrumbs,
.job-detail-breadcrumbs,
.course-breadcrumbs,
.engage-breadcrumbs,
.jp-hero .breadcrumbs,
body.careers-page .page-hero .breadcrumbs,
body.consultation-page .page-hero .breadcrumbs {
    color:rgba(255,255,255,.55)!important;
    font-size:.82rem!important;
}
.post-breadcrumbs a,
.job-detail-breadcrumbs a,
.course-breadcrumbs a,
.engage-breadcrumbs a,
.jp-hero .breadcrumbs a { color:rgba(255,255,255,.8)!important; }

/* Post editorial reading experience */
.post-hero-grid { grid-template-columns:minmax(0,1.2fr) minmax(250px,.55fr)!important; }
.post-issue-card {
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:24px!important;
    background:rgba(255,255,255,.04)!important;
    box-shadow:none!important;
}
.post-reading-section { background:var(--bt2-paper)!important; padding:72px 0 86px!important; }
.post-featured-media {
    border-radius:26px!important;
    overflow:hidden!important;
    box-shadow:var(--bt2-shadow-soft)!important;
    margin-bottom:52px!important;
}
.post-featured-media img { width:100%!important; max-height:620px!important; object-fit:cover!important; }
.post-reading-grid { grid-template-columns:minmax(0,760px) minmax(250px,320px)!important; gap:54px!important; align-items:start!important; }
.post-content {
    color:#172235!important;
    font-size:1.08rem!important;
    line-height:2.05!important;
}
.post-content h2 { font-size:clamp(1.7rem,2.4vw,2.35rem)!important; line-height:1.45!important; margin-top:2.1em!important; }
.post-content h3 { font-size:1.35rem!important; line-height:1.55!important; margin-top:1.8em!important; }
.post-aside-card {
    border:1px solid var(--bt2-line)!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:none!important;
}
.post-related-section { background:var(--bt2-cream)!important; padding:80px 0!important; }
.post-related-grid { gap:20px!important; }
.post-related-card { border:1px solid var(--bt2-line)!important; border-radius:18px!important; background:#fff!important; overflow:hidden!important; box-shadow:none!important; }
.post-end-cta { background:var(--bt2-navy)!important; }
.post-end-cta-inner { border-radius:24px!important; }

/* Job detail */
.job-detail-hero-grid { grid-template-columns:minmax(0,1.15fr) minmax(330px,.65fr)!important; }
.job-detail-summary {
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.045)!important;
    box-shadow:none!important;
}
.job-detail-meta span { background:rgba(255,255,255,.06)!important; border-color:rgba(255,255,255,.12)!important; color:rgba(255,255,255,.78)!important; }
.job-detail-content-section { background:var(--bt2-paper)!important; padding:82px 0!important; }
.job-detail-layout { grid-template-columns:minmax(0,1fr) minmax(300px,360px)!important; gap:48px!important; align-items:start!important; }
.job-detail-block {
    padding:30px 0!important;
    border-bottom:1px solid var(--bt2-line)!important;
}
.job-detail-block h2 { font-size:1.75rem!important; line-height:1.45!important; }
.job-detail-block p,
.job-detail-block li { color:#4e5a6c!important; line-height:1.95!important; }
.job-detail-apply-card,
.job-detail-company-card {
    border:1px solid var(--bt2-line)!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:var(--bt2-shadow-soft)!important;
}
.job-detail-related { background:var(--bt2-cream)!important; padding:80px 0!important; }
.job-detail-related-card { border:1px solid var(--bt2-line)!important; border-radius:18px!important; background:#fff!important; }
.job-detail-employer-cta { background:var(--bt2-navy)!important; padding:70px 0!important; }
.job-detail-employer-panel { border-radius:24px!important; }

/* Course detail */
.course-hero-grid { grid-template-columns:minmax(0,1fr) minmax(360px,.8fr)!important; }
.course-hero-media { border-radius:24px!important; overflow:hidden!important; box-shadow:0 30px 70px rgba(0,0,0,.22)!important; }
.course-hero-media img { width:100%!important; height:100%!important; min-height:380px!important; object-fit:cover!important; }
.course-hero-meta { gap:10px!important; }
.course-hero-meta span { background:rgba(255,255,255,.055)!important; border:1px solid rgba(255,255,255,.1)!important; border-radius:12px!important; }
.course-overview { background:var(--bt2-paper)!important; padding:82px 0!important; }
.course-layout { grid-template-columns:minmax(0,1fr) minmax(300px,360px)!important; gap:48px!important; align-items:start!important; }
.course-section { padding:28px 0!important; border-bottom:1px solid var(--bt2-line)!important; }
.course-section h2 { font-size:clamp(1.65rem,2.5vw,2.35rem)!important; }
.course-curriculum-list,
.course-faq-list { gap:12px!important; }
.course-module-content,
.course-faq-item { border:1px solid var(--bt2-line)!important; border-radius:16px!important; background:#fff!important; box-shadow:none!important; }
.course-enroll-card { border:1px solid var(--bt2-line)!important; border-radius:22px!important; background:#fff!important; box-shadow:var(--bt2-shadow-soft)!important; }
.course-interest { background:var(--bt2-cream)!important; padding:80px 0!important; }
.course-interest-shell { border:1px solid var(--bt2-line)!important; border-radius:24px!important; box-shadow:var(--bt2-shadow-soft)!important; }
.course-related { background:var(--bt2-paper)!important; padding:80px 0!important; }
.course-related-card { border:1px solid var(--bt2-line)!important; border-radius:18px!important; background:#fff!important; }

/* Contact + Collaborate */
.engage-hero-grid { grid-template-columns:minmax(0,1fr) minmax(350px,.75fr)!important; }
.engage-hero-panel,
.engage-process-card {
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:24px!important;
    background:rgba(255,255,255,.04)!important;
    box-shadow:none!important;
}
.engage-route-card { border-color:rgba(255,255,255,.1)!important; background:rgba(255,255,255,.025)!important; border-radius:14px!important; }
.engage-route-card:hover { background:rgba(255,255,255,.055)!important; border-color:rgba(228,170,53,.24)!important; }
.engage-section { background:var(--bt2-paper)!important; padding:82px 0!important; }
.engage-layout { gap:34px!important; align-items:start!important; }
.engage-form-card,
.engage-info-card,
.engage-note-card {
    border:1px solid var(--bt2-line)!important;
    border-radius:20px!important;
    box-shadow:none!important;
    background:#fff!important;
}
.engage-info-card-dark { background:var(--bt2-navy)!important; color:#fff!important; border-color:transparent!important; }
.engage-field input,
.engage-field textarea,
.engage-field select {
    border-radius:12px!important;
    border:1px solid rgba(13,28,46,.13)!important;
    background:#fff!important;
    min-height:48px!important;
}
.engage-check-card { border-radius:14px!important; border-color:var(--bt2-line)!important; }
.engage-hero-pills span { background:rgba(255,255,255,.055)!important; border-color:rgba(255,255,255,.11)!important; color:rgba(255,255,255,.72)!important; }

/* Publish job */
.jp-hero-grid { grid-template-columns:minmax(0,1fr) minmax(350px,.7fr)!important; }
.jp-process-card { border:1px solid rgba(255,255,255,.12)!important; border-radius:24px!important; background:rgba(255,255,255,.04)!important; box-shadow:none!important; }
.jp-section { background:var(--bt2-paper)!important; padding:82px 0!important; }
.jp-layout { gap:34px!important; align-items:start!important; }
.jp-form-shell,
.jp-side-card { border:1px solid var(--bt2-line)!important; border-radius:20px!important; background:#fff!important; box-shadow:none!important; }
.jp-side-dark { background:var(--bt2-navy)!important; color:#fff!important; border-color:transparent!important; }
.jp-form-section { padding:28px 0!important; border-bottom:1px solid var(--bt2-line)!important; }
.jp-field input,
.jp-field textarea,
.jp-field select { border-radius:12px!important; border:1px solid rgba(13,28,46,.13)!important; min-height:48px!important; }

/* Careers + consultation legacy pages brought into the same system */
body.careers-page .page-hero .container,
body.consultation-page .page-hero .container { max-width:900px; margin-inline:auto; }
body.careers-page .section,
body.consultation-page .section { padding:80px 0!important; }
body.careers-page .section.white,
body.consultation-page .section.white { background:var(--bt2-paper)!important; }
body.careers-page .path-grid { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:16px!important; }
body.careers-page .path-card,
body.consultation-page .pricing-card,
body.consultation-page .form-shell,
body.consultation-page .author-card,
body.consultation-page .faq-item {
    border:1px solid var(--bt2-line)!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:none!important;
}
body.careers-page .path-card { min-height:220px; padding:24px!important; }
body.consultation-page .pricing-grid { gap:18px!important; }
body.consultation-page .form-shell { padding:30px!important; }

/* Shared footer for detail/internal pages */
body.post-v1-body .footer,
body.job-detail-page .footer,
body.course-detail-page .footer,
body.engage-page .footer,
body.job-publish-v1 .footer,
body.careers-page .footer,
body.consultation-page .footer {
    background:#050d16!important;
    border-top:1px solid rgba(228,170,53,.35)!important;
}

@media (max-width: 980px) {
    .post-hero-grid,
    .job-detail-hero-grid,
    .course-hero-grid,
    .engage-hero-grid,
    .jp-hero-grid,
    .post-reading-grid,
    .job-detail-layout,
    .course-layout { grid-template-columns:1fr!important; }
    .post-hero-aside { max-width:420px; }
    .job-detail-summary,
    .course-sidebar { position:static!important; }
    body.careers-page .path-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
}

@media (max-width: 680px) {
    body.post-v1-body .container,
    body.job-detail-page .container,
    body.course-detail-page .container,
    body.engage-page .container,
    body.job-publish-v1 .container,
    body.careers-page .container,
    body.consultation-page .container { width:min(calc(100% - 28px), var(--bt2-container)); }

    .post-hero,
    .job-detail-hero,
    .course-hero,
    .engage-hero,
    .jp-hero,
    body.careers-page .page-hero,
    body.consultation-page .page-hero { padding:48px 0!important; }

    .post-hero h1,
    .job-detail-hero h1,
    .course-hero h1,
    .engage-hero h1,
    .jp-hero h1,
    body.careers-page .page-hero h1,
    body.consultation-page .page-hero h1 { font-size:clamp(2.1rem,10vw,3rem)!important; }

    .post-reading-section,
    .job-detail-content-section,
    .course-overview,
    .engage-section,
    .jp-section,
    body.careers-page .section,
    body.consultation-page .section { padding:58px 0!important; }

    .post-featured-media { margin-bottom:36px!important; border-radius:18px!important; }
    .post-content { font-size:1rem!important; }
    .engage-form-card,
    .engage-info-card,
    .jp-form-shell,
    .jp-side-card,
    .course-enroll-card,
    .job-detail-apply-card,
    .job-detail-company-card { border-radius:16px!important; }
    body.careers-page .path-grid { grid-template-columns:1fr!important; }
}