/* Aerovania redesign skin (light + dark) — loads AFTER aerovania.css, scoped to body.rd.
   Light is default; dark follows html[data-theme="dark"] set by the site toggle. */
body.rd {
    --bg: #F5F7FB;
    --soft: #E9EEF6;
    --tx: #44506A;
    --hd: #0A1222;
    --mut: #5C6A85;
    --ln: rgba(10, 18, 34, .12);
    --ln2: rgba(10, 18, 34, .35);
    --fill: rgba(10, 18, 34, .03);
    --pan: #fff;
    --sh: 0 1px 3px rgba(10, 18, 34, .07);
    --ac: #D95500;
    --cy: #0077A8;
    --chip: #B54700;
    --ok: #0A9B6B;
    --no: #D63B3B;
}

html[data-theme="dark"] body.rd {
    --bg: #060B18;
    --soft: #0A1222;
    --tx: #A9B5CC;
    --hd: #fff;
    --mut: #8E9BB5;
    --ln: rgba(255, 255, 255, .11);
    --ln2: rgba(255, 255, 255, .35);
    --fill: rgba(255, 255, 255, .03);
    --pan: linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .01));
    --sh: none;
    --ac: #FF8A2B;
    --cy: #00D4FF;
    --chip: #FFB070;
    --ok: #2EE6A6;
    --no: #FF5C5C;
}

body.rd main {
    background: var(--bg);
    color: var(--tx)
}

body.rd main :is(h1, h2, h3, h4) {
    color: var(--hd) !important;
    font-family: 'Exo 2', sans-serif;
    letter-spacing: -.01em
}

body.rd main :is(p, li, td, th, dd, label) {
    color: var(--tx) !important
}

body.rd main a:not([class]) {
    color: var(--ac)
}

body.rd .gradient-text {
    background: linear-gradient(90deg, #FF6B00, var(--chip) 45%, var(--cy));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent
}

/* hero */
body.rd .page-hero {
    background: radial-gradient(ellipse at 85% 0, rgba(0, 212, 255, .14), transparent 55%), radial-gradient(ellipse at 0 100%, rgba(255, 107, 0, .12), transparent 50%), var(--bg);
    border-bottom: 1px solid var(--ln);
    text-align: left
}

body.rd .page-hero h1 {
    font-size: clamp(36px, 6vw, 68px);
    line-height: 1.02;
    max-width: 16ch
}

body.rd .page-hero p {
    max-width: 60ch;
    line-height: 1.7
}

body.rd .breadcrumb,
body.rd .breadcrumb a {
    color: var(--mut) !important
}

/* headings: badge becomes quiet inline label */
body.rd .section-badge {
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
    color: var(--cy) !important;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none
}

body.rd .section-badge .dot {
    background: #FF6B00 !important
}

body.rd .section-head h2 {
    font-size: clamp(28px, 4vw, 46px);
    line-height: 1.08;
    max-width: 20ch
}

body.rd .section-head .rule {
    display: none
}

body.rd section.section-soft {
    background: var(--soft);
    border-block: 1px solid var(--ln)
}

body.rd main section:not(.page-hero):not(.dark-band) {
    background-color: transparent
}

body.rd main section.section-soft {
    background: var(--soft)
}

/* stats */
body.rd .stat-row {
    gap: 0;
    border: 1px solid var(--ln);
    border-radius: 6px;
    overflow: hidden;
    display: inline-flex;
    flex-wrap: wrap
}

body.rd .stat {
    padding: 18px 26px;
    border-left: 1px solid var(--ln);
    background: var(--fill)
}

body.rd .stat:first-child {
    border-left: 0
}

body.rd :is(.num, .n, .price-num) {
    color: var(--ac) !important;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700
}

body.rd :is(.label, .l) {
    color: var(--mut) !important
}

/* panels */
body.rd :is(.course-card, .instructor-card, .governance-card, .sector-card, .pricing-card, .philosophy-item, .process-step, .pathway-step, .req-item, .lineage-event, .mission-stat, .trust-strip, .s-stat, .card, .split-card) {
    background: var(--pan) !important;
    border: 1px solid var(--ln) !important;
    border-radius: 6px !important;
    box-shadow: var(--sh) !important;
    transition: border-color .25s, transform .25s
}

body.rd :is(.course-card, .instructor-card, .governance-card, .sector-card, .pricing-card):hover {
    border-color: rgba(255, 107, 0, .6) !important;
    transform: translateY(-3px)
}

body.rd .pricing-card.featured {
    border-color: #FF6B00 !important;
    box-shadow: 0 0 0 1px #FF6B00, 0 18px 50px -20px rgba(255, 107, 0, .5) !important
}

body.rd :is(.course-accent-bar) {
    background: linear-gradient(90deg, #FF6B00, #00D4FF) !important
}

body.rd :is(.inst-tag, .cred, .badge, .gov-badge, .course-meta-item, .instructor-badge) {
    background: rgba(255, 107, 0, .1) !important;
    border: 1px solid rgba(255, 107, 0, .35) !important;
    color: var(--chip) !important;
    border-radius: 99px
}

body.rd :is(.mnum, .req-num, .cat-num, .year) {
    color: var(--cy) !important
}

body.rd :is(.module-row, .lineage-event, .process-step) {
    border-color: var(--ln) !important
}

body.rd :is(.yes-icon) {
    color: var(--ok) !important
}

body.rd .no-icon {
    color: var(--no) !important
}

/* tables */
body.rd .comparison-table {
    border-collapse: collapse;
    width: 100%;
    background: transparent
}

body.rd .comparison-table :is(th, td) {
    border: 0;
    border-bottom: 1px solid var(--ln) !important;
    background: transparent !important
}

body.rd .comparison-table th {
    color: var(--hd) !important
}

/* trust strip + CTA band */
body.rd .trust-strip {
    border-radius: 0 !important;
    border-inline: 0 !important;
    background: var(--soft) !important
}

body.rd .trust-divider {
    background: var(--ln) !important
}

body.rd .dark-band {
    background: linear-gradient(100deg, rgba(255, 107, 0, .2), rgba(112, 43, 160, .25)), var(--bg) !important;
    border-top: 1px solid var(--ln)
}

body.rd .cta-btn {
    background: #FF6B00 !important;
    color: #0A0F1A !important;
    font-weight: 700;
    border-radius: 4px
}

body.rd .cta-outline {
    border: 1px solid var(--ln2) !important;
    color: var(--hd) !important;
    background: transparent !important;
    border-radius: 4px
}

body.rd :is(.cta-btn, .cta-outline):hover {
    filter: brightness(1.1)
}

@media(max-width:700px) {
    body.rd .stat-row {
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    body.rd .stat:nth-child(odd) {
        border-left: 0
    }
}