:root {
    --siba-pink: #F5569B;
    --siba-navy: #1355B2;
    --siba-ink: #172033;
    --siba-muted: #667085;
    --siba-soft: #FFF5FB;
    --siba-fairy: #FFCBE8;
    --siba-sapphire: #1355B2;
    --siba-rose: #F5569B;
    --siba-line: #E5E7EF;
    --siba-radius: 8px;
    --siba-font-latin: "Google Sans Flex", "Google Sans Text", "Google Sans", "Inter", Arial, sans-serif;
    --siba-font-body: "Google Sans Flex", "Google Sans Text", "Google Sans", "Inter", "Noto Sans Thai", "Segoe UI", Tahoma, Arial, sans-serif;
    --siba-font-heading: "Google Sans Flex", "Google Sans Text", "Google Sans", "Prompt", "Noto Sans Thai", "Inter", "Segoe UI", Tahoma, Arial, sans-serif;
}

/* CMS editor preview */
.cms-preview-notice {
    position: relative;
    z-index: 1100;
    padding: .6rem 1rem;
    border-bottom: 1px solid #f0cc6b;
    background: #fff4cf;
    color: #5f4800;
    font-size: .9rem;
    font-weight: 700;
    text-align: center;
}

.admin-shell--wide {
    max-width: 1560px;
}

.admin-editor-layout {
    display: grid;
    grid-template-columns: minmax(420px, 600px) minmax(520px, 1fr);
    gap: 1.5rem;
    align-items: start;
}

.admin-live-preview {
    position: sticky;
    top: 1rem;
    overflow: hidden;
    border: 1px solid #e7d8df;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 16px 38px rgba(31, 19, 25, .12);
}

.admin-live-preview__bar {
    display: flex;
    min-height: 68px;
    padding: .8rem 1rem;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid #eadfe4;
    background: #fff8fb;
}

.admin-live-preview__bar strong,
.admin-live-preview__bar span {
    display: block;
}

.admin-live-preview__bar strong {
    color: #17213d;
    font-size: .98rem;
}

.admin-live-preview__bar span {
    margin-top: .15rem;
    color: #70646a;
    font-size: .78rem;
}

.admin-live-preview__actions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: .55rem;
}

.admin-live-preview__actions button,
.admin-live-preview__actions a {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    border: 1px solid #d8bdc9;
    border-radius: 6px;
    background: #fff;
    color: #c2185b;
    font-weight: 700;
    text-decoration: none;
}

.admin-live-preview__actions button {
    width: 38px;
    padding: 0;
    cursor: pointer;
    font-size: 1.3rem;
}

.admin-live-preview__actions a {
    padding: .5rem .75rem;
    font-size: .82rem;
}

.admin-live-preview__actions button:hover,
.admin-live-preview__actions button:focus,
.admin-live-preview__actions a:hover,
.admin-live-preview__actions a:focus {
    border-color: #c2185b;
    background: #fff0f6;
}

.admin-live-preview iframe {
    display: block;
    width: 100%;
    height: calc(100vh - 150px);
    min-height: 720px;
    border: 0;
    background: #fff;
}

@media (max-width: 1120px) {
    .admin-editor-layout {
        grid-template-columns: 1fr;
    }

    .admin-live-preview {
        position: static;
    }

    .admin-live-preview iframe {
        height: 760px;
        min-height: 0;
    }
}

@media (max-width: 640px) {
    .admin-live-preview__bar {
        align-items: flex-start;
        flex-direction: column;
    }

    .admin-live-preview__actions {
        width: 100%;
    }

    .admin-live-preview__actions a {
        flex: 1;
    }

    .admin-live-preview iframe {
        height: 640px;
    }
}

.admin-editor-navigation {
    display: grid;
    grid-template-columns: auto auto minmax(190px, 1fr);
    gap: .7rem;
    margin-bottom: 1.25rem;
    padding: .8rem;
    align-items: center;
    border: 1px solid #dce3ed;
    border-radius: 8px;
    background: #f7f9fc;
}

.admin-editor-navigation > a {
    padding: .55rem .75rem;
    border-radius: 6px;
    color: #fff;
    background: var(--siba-navy);
    font-size: .82rem;
    font-weight: 800;
    text-decoration: none;
}

.admin-editor-navigation > label {
    color: #596273;
    font-size: .8rem;
    font-weight: 750;
}

.admin-editor-navigation select {
    width: 100%;
    min-height: 40px;
    padding: .45rem .7rem;
    border: 1px solid var(--siba-line);
    border-radius: 6px;
    background: #fff;
    font: inherit;
}

.admin-revision-panel {
    margin-top: 1.5rem;
    padding: 1.25rem;
    border: 1px solid #eadfe4;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 14px 32px rgba(23, 32, 51, .06);
}

.admin-revision-panel h2 {
    margin: .15rem 0 .35rem;
    color: var(--siba-navy);
    font-size: 1.2rem;
}

.admin-revision-panel p {
    color: var(--siba-muted);
    font-size: .86rem;
}

.admin-revision-list {
    display: grid;
    gap: .65rem;
    margin-top: 1rem;
}

.admin-revision-list article {
    display: flex;
    padding: .85rem;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border: 1px solid #e7e9ef;
    border-radius: 6px;
    background: #fafbfc;
}

.admin-revision-list strong,
.admin-revision-list small {
    display: block;
}

.admin-revision-list strong {
    color: #26334c;
    font-size: .88rem;
}

.admin-revision-list small {
    margin-top: .2rem;
    color: var(--siba-muted);
    font-size: .75rem;
}

.admin-revision-list button {
    padding: .55rem .7rem;
    border: 1px solid #d8bdc9;
    border-radius: 6px;
    color: #a91352;
    background: #fff;
    font: inherit;
    font-size: .78rem;
    font-weight: 800;
    cursor: pointer;
}

.admin-revision-list button:hover,
.admin-revision-list button:focus {
    border-color: var(--siba-pink);
    background: #fff3f8;
}

.admin-revision-empty {
    margin: 1rem 0 0;
    padding: .8rem;
    border-radius: 6px;
    background: #f7f8fa;
}

/* SIBA Website Control Center production UI */
.admin-control-body {
    min-height: 100vh;
    color: #17213d;
    background: #f4f7fb;
}

.admin-control-sidebar {
    position: fixed;
    z-index: 1200;
    inset: 0 auto 0 0;
    display: flex;
    width: 244px;
    padding: 1.25rem .8rem;
    flex-direction: column;
    color: #fff;
    background: #071e52;
}

.admin-control-brand {
    display: grid;
    min-height: 94px;
    padding: .4rem .7rem 1.2rem;
    place-items: center start;
    border-bottom: 1px solid rgba(255,255,255,.14);
    color: #fff;
    text-decoration: none;
}

.admin-control-brand img {
    width: 118px;
    max-height: 54px;
    object-fit: contain;
    object-position: left center;
    filter: brightness(0) invert(1);
}

.admin-control-brand span {
    margin-top: .35rem;
    color: rgba(255,255,255,.7);
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.admin-control-sidebar nav {
    display: grid;
    gap: .3rem;
    padding-top: 1rem;
}

.admin-control-sidebar nav a,
.admin-control-sidebar__footer a {
    display: grid;
    min-height: 44px;
    padding: .65rem .75rem;
    grid-template-columns: 24px 1fr;
    align-items: center;
    gap: .65rem;
    border-radius: 6px;
    color: rgba(255,255,255,.82);
    font-size: .84rem;
    font-weight: 650;
    text-decoration: none;
}

.admin-control-sidebar nav a:hover,
.admin-control-sidebar nav a:focus,
.admin-control-sidebar__footer a:hover,
.admin-control-sidebar__footer a:focus {
    color: #fff;
    background: rgba(255,255,255,.09);
}

.admin-control-sidebar nav a.active {
    color: #fff;
    background: #f43f8c;
    box-shadow: 0 8px 20px rgba(244,63,140,.22);
}

.admin-control-sidebar i {
    font-size: 1.05rem;
    text-align: center;
}

.admin-control-sidebar__footer {
    display: grid;
    gap: .25rem;
    margin-top: auto;
    padding-top: 1rem;
    border-top: 1px solid rgba(255,255,255,.14);
}

.admin-control-header {
    position: sticky;
    z-index: 1100;
    top: 0;
    min-height: 68px;
    margin-left: 244px;
    padding: .75rem 1.5rem;
    color: #17213d;
    border-bottom: 1px solid #dfe5ee;
    background: rgba(255,255,255,.97);
    backdrop-filter: blur(12px);
}

.admin-control-header > div {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.admin-control-header strong {
    color: #10275b;
    font-size: 1rem;
}

.admin-sidebar-toggle {
    display: none;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 1px solid #dfe5ee;
    border-radius: 6px;
    color: #10275b;
    background: #fff;
    cursor: pointer;
}

.admin-control-user {
    display: grid !important;
    min-width: 160px;
    padding-left: 1rem;
    border-left: 1px solid #e4e8ef;
    text-align: right;
}

.admin-control-user b {
    color: #17213d;
    font-size: .82rem;
}

.admin-control-user small {
    color: #7a8496;
    font-size: .7rem;
}

.admin-control-body > .admin-shell {
    width: auto;
    max-width: none;
    margin-left: 244px;
    padding: 1.75rem clamp(1rem, 2.5vw, 2rem);
}

.admin-control-body .admin-dashboard-hero {
    grid-template-columns: minmax(0, 1fr) 230px;
    margin-bottom: 1rem;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.admin-control-body .admin-dashboard-hero h1 {
    margin-bottom: .25rem;
    color: #10275b;
    font-size: clamp(1.65rem, 2.4vw, 2.25rem);
}

.admin-control-body .admin-dashboard-hero__status {
    padding: .85rem 1rem;
    border: 1px solid #dfe5ee;
    border-left: 4px solid #18a273;
    border-radius: 6px;
}

.admin-control-body .admin-kpi-grid {
    gap: .85rem;
}

.admin-control-body .admin-kpi-grid article {
    min-height: 118px;
    padding: 1.1rem;
    border: 1px solid #dce3ed;
    box-shadow: none;
}

.admin-control-body .admin-kpi-grid span {
    color: #687386;
    text-transform: none;
}

.admin-control-body .admin-kpi-grid strong {
    color: #10275b;
    font-size: 2rem;
}

.admin-control-body .admin-section {
    padding: 1.15rem;
    border: 1px solid #dce3ed;
    box-shadow: none;
}

.admin-control-body .admin-process-section {
    margin-bottom: 1rem;
}

.admin-control-body .admin-process-section .admin-system-grid {
    grid-template-columns: repeat(4,minmax(0,1fr));
}

.admin-control-body .admin-system-card {
    box-shadow: none;
}

.admin-control-body .admin-module-grid {
    display: grid;
    gap: .45rem;
}

.admin-control-body .admin-module-card {
    display: grid;
    min-height: 0;
    padding: .85rem 1rem;
    grid-template-columns: minmax(180px,1.4fr) minmax(180px,1fr) minmax(170px,1fr) minmax(250px,1.2fr);
    align-items: center;
    gap: 1rem;
    border: 1px solid #e0e6ef;
    border-left: 4px solid #18a273;
    border-top-width: 1px;
    border-radius: 6px;
    background: #fff;
    box-shadow: none;
}

.admin-control-body .admin-module-card.is-page-hidden {
    border-left-color: #98a2b3;
}

.admin-control-body .admin-module-card__top {
    grid-column: 1;
    grid-row: 1;
    align-items: flex-start;
    flex-direction: column-reverse;
}

.admin-control-body .admin-module-card h2 {
    grid-column: 2;
    grid-row: 1;
    margin: 0;
    color: #17213d;
    font-size: .94rem;
}

.admin-control-body .admin-module-card > p {
    grid-column: 3;
    grid-row: 1;
    margin: 0;
    font-size: .76rem;
}

.admin-control-body .admin-module-card .admin-status-row {
    grid-column: 1;
    grid-row: 1;
    margin-top: 1.7rem;
}

.admin-control-body .admin-module-card__actions {
    grid-column: 4;
    grid-row: 1;
}

.admin-control-body .admin-quick-toggle {
    grid-column: 4;
    grid-row: 2;
    margin: 0;
}

.admin-control-body .admin-card-action,
.admin-control-body .admin-card-secondary {
    padding: .58rem .65rem;
    border-radius: 6px;
    font-size: .76rem;
}

.admin-control-body .admin-editor-layout {
    grid-template-columns: minmax(440px, 620px) minmax(500px, 1fr);
}

.admin-control-body .admin-editor {
    min-width: 0;
}

.admin-control-body .admin-live-preview {
    top: 84px;
    box-shadow: 0 14px 30px rgba(16,39,91,.09);
}

.admin-login-control .admin-login {
    display: grid;
    min-height: 100vh;
    padding: 0;
    grid-template-columns: minmax(0, 1.15fr) minmax(420px, .85fr);
    background: #071e52;
}

.admin-login__identity {
    display: flex;
    min-height: 100vh;
    padding: clamp(2rem, 6vw, 6rem);
    justify-content: center;
    flex-direction: column;
    background: #0d2864;
}

.admin-login__identity img {
    width: 150px;
    margin-bottom: .8rem;
    filter: brightness(0) invert(1);
}

.admin-login__identity > p {
    color: #f7b7d4;
    font-size: .72rem;
    font-weight: 900;
}

.admin-login__identity h1 {
    max-width: 680px;
    margin: 2rem 0;
    color: #fff;
    font-size: clamp(2.1rem, 4vw, 4.2rem);
    line-height: 1.16;
}

.admin-login__identity h1 strong {
    display: block;
    color: #ff4f9c;
}

.admin-login__identity > div {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.admin-login__identity > div span {
    padding: .45rem .75rem;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 999px;
    color: rgba(255,255,255,.82);
    font-size: .76rem;
}

.admin-login-control .admin-login__panel {
    width: min(100% - 3rem, 520px);
    margin: auto;
    padding: 2.5rem;
    border-radius: 8px;
    box-shadow: 0 24px 55px rgba(0,0,0,.22);
}

.admin-login-control .admin-login__panel h1 {
    margin-bottom: .35rem;
    color: #17213d;
    font-size: 2.15rem;
}

.admin-login-control .admin-form input {
    min-height: 50px;
    border-radius: 6px;
}

.admin-login-control .admin-form button {
    min-height: 50px;
    border-radius: 6px;
    background: #f43f8c;
}

@media (max-width: 1180px) {
    .admin-control-body .admin-module-card {
        grid-template-columns: 1.2fr 1fr 1fr;
    }
    .admin-control-body .admin-module-card__actions,
    .admin-control-body .admin-quick-toggle { grid-column: 1 / -1; grid-row: auto; }
    .admin-control-body .admin-editor-layout { grid-template-columns: 1fr; }
    .admin-control-body .admin-live-preview { position: static; }
}

@media (max-width: 900px) {
    .admin-control-sidebar { transform: translateX(-100%); transition: transform .2s ease; }
    .admin-sidebar-open .admin-control-sidebar { transform: translateX(0); }
    .admin-control-header,
    .admin-control-body > .admin-shell { margin-left: 0; }
    .admin-sidebar-toggle { display: inline-grid; place-items: center; }
    .admin-control-body .admin-process-section .admin-system-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .admin-login-control .admin-login { grid-template-columns: 1fr; }
    .admin-login__identity { display: none; }
}

@media (max-width: 680px) {
    .admin-control-header { padding-inline: 1rem; }
    .admin-control-user { min-width: 0; }
    .admin-control-body .admin-dashboard-hero { grid-template-columns: 1fr; }
    .admin-control-body .admin-kpi-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .admin-control-body .admin-process-section .admin-system-grid { grid-template-columns: 1fr; }
    .admin-control-body .admin-module-card { grid-template-columns: 1fr; align-items: stretch; }
    .admin-control-body .admin-module-card__top,
    .admin-control-body .admin-module-card h2,
    .admin-control-body .admin-module-card > p,
    .admin-control-body .admin-module-card .admin-status-row { grid-column: 1; grid-row: auto; margin-top: 0; }
    .admin-login-control .admin-login__panel { width: min(100% - 2rem,520px); padding: 1.5rem; }
}

@media (max-width: 640px) {
    .admin-editor-navigation {
        grid-template-columns: 1fr;
    }

    .admin-editor-navigation > a {
        text-align: center;
    }

    .admin-revision-list article {
        align-items: stretch;
        flex-direction: column;
    }

    .admin-revision-list button {
        width: 100%;
    }
}

/* Local fallback for the preview server when Bootstrap CDN is unavailable. */
.collapse:not(.show) {
    display: none;
}

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-item {
    position: relative;
    display: none;
}

.carousel-item.active {
    display: block;
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 3;
    display: flex;
    width: 6%;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
}

.carousel-control-prev {
    left: 0;
}

.carousel-control-next {
    right: 0;
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
        align-items: center;
    }

    .navbar-expand-xl .navbar-toggler {
        display: none;
    }

    .navbar-expand-xl .navbar-nav {
        display: flex;
        flex-direction: row;
        align-items: center;
        list-style: none;
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .site-nav-dropdown {
        position: relative;
    }

    .site-nav-dropdown .dropdown-menu {
        display: none;
    }

    .site-nav-dropdown:hover .dropdown-menu,
    .site-nav-dropdown:focus-within .dropdown-menu {
        display: block;
    }
}

/* Homepage 2026 presentation version: international, image-led first screen. */
.siba-home-hero {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(135deg, #8f0f53 0%, var(--siba-rose) 48%, #ffc1e4 100%);
}

.siba-home-hero .carousel-item {
    min-height: clamp(560px, 76vh, 780px);
    background:
        linear-gradient(135deg, #8f0f53 0%, var(--siba-rose) 56%, #ffc1e4 100%);
}

.siba-home-hero__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: saturate(1.05) contrast(1.02);
}

.siba-home-hero__shade {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(105deg, rgba(125, 8, 68, .94) 0%, rgba(245, 86, 155, .78) 42%, rgba(255, 203, 232, .26) 72%, rgba(19, 85, 178, .24) 100%),
        linear-gradient(0deg, rgba(92, 5, 49, .74) 0%, rgba(245, 86, 155, .12) 48%),
        linear-gradient(135deg, rgba(255, 203, 232, .18) 0%, transparent 42%);
}

.siba-home-hero::after {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    height: 42%;
    background:
        linear-gradient(168deg, transparent 0 58%, rgba(255, 203, 232, .68) 58.2% 70%, rgba(255, 255, 255, .92) 70.2% 100%);
    pointer-events: none;
    z-index: 1;
}

.siba-home-hero__content {
    position: relative;
    z-index: 2;
    display: flex;
    min-height: clamp(560px, 76vh, 780px);
    flex-direction: column;
    justify-content: center;
    padding-top: 3rem;
    padding-bottom: 5rem;
    color: #fff;
}

.siba-home-hero__content p {
    width: fit-content;
    margin: 0 0 1rem;
    padding: .45rem .72rem;
    border: 1px solid rgba(255, 255, 255, .46);
    border-radius: 999px;
    background: rgba(255, 255, 255, .16);
    color: #fff;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.siba-home-hero__content h1 {
    max-width: 760px;
    margin: 0;
    color: #fff;
    text-shadow: 0 16px 44px rgba(92, 5, 49, .34);
    font-size: clamp(2.45rem, 6vw, 5.4rem);
    font-weight: 900;
    line-height: 1.02;
}

.siba-home-hero__content span {
    display: block;
    max-width: 680px;
    margin-top: 1.15rem;
    color: rgba(255, 255, 255, .92);
    font-size: clamp(1.02rem, 1.8vw, 1.28rem);
    line-height: 1.8;
}

.siba-home-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1.6rem;
}

.siba-home-hero__indicators {
    right: auto;
    bottom: 2rem;
    left: clamp(1rem, calc((100vw - 1140px) / 2), 8rem);
    justify-content: flex-start;
    margin: 0;
}

.siba-home-hero__indicators [data-bs-target] {
    width: 2.4rem;
    height: .24rem;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, .56);
}

.siba-home-hero__indicators .active {
    background: var(--siba-fairy);
}

.siba-home-positioning,
.siba-home-audience,
.siba-home-proof,
.siba-home-campaigns,
.siba-home-updates,
.siba-home-admission {
    padding: clamp(3rem, 6vw, 5.5rem) 0;
}

.siba-home-positioning {
    background:
        linear-gradient(180deg, #fff 0%, #fff7fc 100%);
}

.siba-home-positioning__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, .78fr);
    gap: clamp(1.5rem, 4vw, 4rem);
    align-items: start;
}

.siba-home-positioning h2,
.siba-home-audience h2,
.siba-home-proof h2,
.siba-home-campaigns h2,
.siba-home-updates h2,
.siba-home-admission h2 {
    color: #6f093f;
    font-weight: 900;
    line-height: 1.16;
}

.siba-home-positioning h2 {
    margin: 0;
    font-size: clamp(2rem, 4vw, 3.6rem);
}

.siba-home-positioning__layout > p {
    margin: 0;
    color: var(--siba-muted);
    font-size: 1.05rem;
    line-height: 1.9;
}

.siba-home-audience {
    background: linear-gradient(180deg, #fff7fc 0%, #ffffff 100%);
}

.siba-home-audience__grid,
.siba-home-proof__grid,
.siba-home-campaigns__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.siba-home-audience-card {
    display: flex;
    min-height: 190px;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.25rem;
    border: 1px solid rgba(245, 86, 155, .16);
    border-radius: var(--siba-radius);
    background: #fff;
    box-shadow: 0 18px 48px rgba(245, 86, 155, .08);
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.siba-home-audience-card:hover {
    transform: translateY(-4px);
    border-color: rgba(245, 86, 155, .45);
    box-shadow: 0 24px 58px rgba(245, 86, 155, .16);
}

.siba-home-audience-card strong,
.siba-home-proof-card h3,
.siba-home-campaign-card h3 {
    color: #8f0f53;
    font-weight: 900;
}

.siba-home-audience-card span,
.siba-home-proof-card p,
.siba-home-campaign-card p {
    color: var(--siba-muted);
    line-height: 1.7;
}

.siba-home-proof {
    background:
        linear-gradient(135deg, #8f0f53 0%, var(--siba-rose) 58%, #d83b85 100%);
    color: #fff;
}

.siba-home-proof .section-heading h2,
.siba-home-proof .section-heading p:not(.eyebrow) {
    color: #fff;
}

.siba-home-proof__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.siba-home-proof-card {
    min-height: 200px;
    padding: 1.25rem;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: var(--siba-radius);
    background: rgba(255, 255, 255, .08);
}

.siba-home-proof-card h3 {
    color: #fff;
    font-size: 1.18rem;
}

.siba-home-proof-card p {
    color: rgba(255, 255, 255, .82);
}

.siba-home-campaigns {
    background: #fff;
}

.siba-home-campaigns__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.siba-home-campaign-card {
    overflow: hidden;
    border: 1px solid rgba(19, 85, 178, .1);
    border-radius: var(--siba-radius);
    background: #fff;
    box-shadow: 0 18px 48px rgba(19, 85, 178, .08);
}

.siba-home-campaign-card__image {
    display: block;
    background: var(--siba-sapphire);
}

.siba-home-campaign-card__image img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

.siba-home-campaign-card > div {
    padding: 1.15rem;
}

.siba-home-campaign-card a:not(.siba-home-campaign-card__image) {
    color: var(--siba-rose);
    font-weight: 800;
    text-decoration: none;
}

.siba-home-updates {
    background: #f8fbff;
}

.siba-home-updates__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
    gap: 1.25rem;
    align-items: stretch;
}

.siba-home-video-panel,
.siba-home-news-panel,
.siba-home-admission__inner {
    border: 1px solid rgba(19, 85, 178, .1);
    border-radius: var(--siba-radius);
    background: #fff;
    box-shadow: 0 18px 48px rgba(19, 85, 178, .08);
}

.siba-home-video-panel,
.siba-home-news-panel {
    padding: 1.25rem;
}

.siba-home-video-panel__frame {
    overflow: hidden;
    margin-top: 1rem;
    border-radius: var(--siba-radius);
    background: var(--siba-sapphire);
}

.siba-home-video-panel__frame iframe {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    border: 0;
}

.siba-home-news-list {
    display: grid;
    gap: .85rem;
    margin: 1rem 0 1.25rem;
}

.siba-home-news-list a {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    gap: .85rem;
    align-items: center;
    color: var(--siba-navy);
    font-weight: 850;
    text-decoration: none;
}

.siba-home-news-list img {
    width: 96px;
    aspect-ratio: 4 / 3;
    border-radius: var(--siba-radius);
    object-fit: cover;
}

.siba-home-admission {
    background: #fff;
}

.siba-home-admission__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.5rem;
    align-items: center;
    padding: clamp(1.5rem, 4vw, 2.5rem);
    background:
        linear-gradient(135deg, rgba(255, 203, 232, .45), rgba(255, 255, 255, .86)),
        #fff;
}

.siba-home-admission__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: flex-end;
}

@media (max-width: 991.98px) {
    .siba-home-positioning__layout,
    .siba-home-updates__layout,
    .siba-home-admission__inner {
        grid-template-columns: 1fr;
    }

    .siba-home-audience__grid,
    .siba-home-proof__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .siba-home-campaigns__grid {
        grid-template-columns: 1fr;
    }

    .siba-home-admission__actions {
        justify-content: flex-start;
    }
}

@media (max-width: 575.98px) {
    .siba-home-hero .carousel-item,
    .siba-home-hero__content {
        min-height: 620px;
    }

    .siba-home-hero__shade {
        background:
            linear-gradient(0deg, rgba(92, 5, 49, .96) 0%, rgba(245, 86, 155, .78) 66%, rgba(255, 203, 232, .22) 100%),
            linear-gradient(135deg, rgba(19, 85, 178, .18), transparent 62%);
    }

    .siba-home-hero__content {
        justify-content: flex-end;
    }

    .siba-home-audience__grid,
    .siba-home-proof__grid {
        grid-template-columns: 1fr;
    }

    .siba-home-news-list a {
        grid-template-columns: 78px minmax(0, 1fr);
    }

    .siba-home-news-list img {
        width: 78px;
    }
}

/* Life Long Learning: upgraded public page based on the current official content. */
.lifelong-hero--2026 {
    background:
        linear-gradient(120deg, rgba(7, 23, 59, .9), rgba(19, 85, 178, .68)),
        url("/images/services/lifelong-banner.jpg") center/cover;
}

.lifelong-intro-grid {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(320px, 1.08fr);
    gap: clamp(1.25rem, 4vw, 3rem);
    align-items: center;
}

.lifelong-intro-grid h2,
.lifelong-pillars-section h2,
.lifelong-program-card h3,
.lifelong-video-card h3,
.lifelong-wisdom-panel h2 {
    color: var(--siba-navy);
    font-weight: 900;
}

.lifelong-intro-grid h2 {
    font-size: clamp(2rem, 4vw, 3.4rem);
    line-height: 1.15;
}

.lifelong-intro-grid p:not(.eyebrow),
.lifelong-program-card p,
.lifelong-pillar-card p,
.lifelong-video-card p,
.lifelong-wisdom-panel p {
    color: var(--siba-muted);
    line-height: 1.82;
}

.lifelong-intro-image {
    overflow: hidden;
    margin: 0;
    border-radius: var(--siba-radius);
    background: var(--siba-sapphire);
    box-shadow: 0 24px 60px rgba(19, 85, 178, .16);
}

.lifelong-intro-image img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

.lifelong-video-card {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
    gap: 1.25rem;
    align-items: stretch;
    padding: 1.25rem;
    border: 1px solid rgba(19, 85, 178, .1);
    border-radius: var(--siba-radius);
    background: #fff;
    box-shadow: 0 18px 48px rgba(19, 85, 178, .08);
}

.lifelong-video-card__frame {
    overflow: hidden;
    border-radius: var(--siba-radius);
    background: var(--siba-sapphire);
}

.lifelong-video-card__frame iframe {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    border: 0;
}

.lifelong-video-card__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.lifelong-video-card__body span {
    color: var(--siba-rose);
    font-weight: 800;
    text-transform: uppercase;
}

.lifelong-pillar-grid,
.lifelong-program-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.lifelong-pillar-card,
.lifelong-program-card {
    min-height: 240px;
    padding: 1.25rem;
    border: 1px solid rgba(19, 85, 178, .1);
    border-radius: var(--siba-radius);
    background: #fff;
    box-shadow: 0 18px 48px rgba(19, 85, 178, .08);
}

.lifelong-pillar-card strong {
    display: block;
    margin-bottom: .8rem;
    color: var(--siba-rose);
    font-size: 1.2rem;
    font-weight: 900;
}

.lifelong-chip-list {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: 1rem;
}

.lifelong-chip-list span {
    padding: .42rem .65rem;
    border-radius: 999px;
    background: rgba(255, 203, 232, .5);
    color: var(--siba-navy);
    font-size: .88rem;
    font-weight: 750;
}

.lifelong-wisdom-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, .74fr);
    gap: 1.25rem;
    align-items: center;
    padding: clamp(1.5rem, 4vw, 2.5rem);
    border-radius: var(--siba-radius);
    background:
        linear-gradient(135deg, rgba(255, 203, 232, .55), rgba(255, 255, 255, .88)),
        #fff;
    box-shadow: 0 18px 48px rgba(19, 85, 178, .08);
}

.lifelong-wisdom-panel__note {
    display: grid;
    gap: .45rem;
    padding: 1rem;
    border: 1px solid rgba(19, 85, 178, .12);
    border-radius: var(--siba-radius);
    background: #fff;
}

.lifelong-wisdom-panel__note strong {
    color: var(--siba-rose);
    font-weight: 900;
}

.lifelong-wisdom-panel__note span {
    color: var(--siba-muted);
    line-height: 1.7;
}

/* Careers page: public job listings and HR document access. */
.career-hero {
    background:
        linear-gradient(120deg, rgba(7, 23, 59, .9), rgba(19, 85, 178, .7)),
        url("/images/about/siba-college-management-team-executive-board-2026.jpg") center/cover;
}

.career-intro-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, .78fr);
    gap: 1.25rem;
    align-items: stretch;
}

.career-intro-grid h2,
.career-hr-panel h3,
.career-job-card h3,
.career-contact-panel h2 {
    color: var(--siba-navy);
    font-weight: 900;
}

.career-intro-grid p:not(.eyebrow),
.career-hr-panel p,
.career-job-card li,
.career-contact-panel p,
.career-contact-list span {
    color: var(--siba-muted);
    line-height: 1.75;
}

.career-hr-panel,
.career-job-card,
.career-contact-panel {
    border: 1px solid rgba(19, 85, 178, .1);
    border-radius: var(--siba-radius);
    background: #fff;
    box-shadow: 0 18px 48px rgba(19, 85, 178, .08);
}

.career-hr-panel {
    padding: 1.25rem;
    background:
        linear-gradient(135deg, rgba(255, 203, 232, .5), rgba(255, 255, 255, .9)),
        #fff;
}

.career-hr-panel span {
    color: var(--siba-rose);
    font-weight: 900;
    text-transform: uppercase;
}

.career-job-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.career-job-card {
    overflow: hidden;
}

.career-job-card__head {
    padding: 1.15rem;
    background: var(--siba-sapphire);
    color: #fff;
}

.career-job-card__head span {
    display: inline-flex;
    margin-bottom: .55rem;
    padding: .32rem .62rem;
    border-radius: 999px;
    background: rgba(255, 203, 232, .18);
    color: var(--siba-fairy);
    font-weight: 850;
}

.career-job-card__head h3 {
    margin: 0;
    color: #fff;
}

.career-job-card__body {
    display: grid;
    gap: 1rem;
    padding: 1.15rem;
}

.career-job-card h4 {
    margin-bottom: .5rem;
    color: var(--siba-rose);
    font-size: 1rem;
    font-weight: 900;
}

.career-job-card ul {
    margin: 0;
    padding-left: 1.15rem;
}

.career-contact-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, .82fr);
    gap: 1.25rem;
    align-items: start;
    padding: clamp(1.25rem, 3vw, 2rem);
}

.career-contact-list {
    display: grid;
    gap: .8rem;
}

.career-contact-list article {
    display: grid;
    gap: .25rem;
    padding: .85rem 1rem;
    border: 1px solid rgba(19, 85, 178, .08);
    border-radius: var(--siba-radius);
    background: #fff5fb;
}

.career-contact-list strong,
.career-contact-list a {
    color: var(--siba-navy);
    font-weight: 850;
}

.career-contact-actions {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

@media (max-width: 991.98px) {
    .career-intro-grid,
    .career-contact-panel {
        grid-template-columns: 1fr;
    }

    .career-job-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991.98px) {
    .lifelong-intro-grid,
    .lifelong-video-card,
    .lifelong-wisdom-panel {
        grid-template-columns: 1fr;
    }

    .lifelong-pillar-grid,
    .lifelong-program-grid {
        grid-template-columns: 1fr;
    }
}

/* Heritage and service detail pages: shared components for legacy college information. */
.identity-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.identity-card,
.legacy-detail-card,
.facility-table-wrap {
    border-radius: 8px;
    box-shadow: 0 18px 48px rgba(19, 85, 178, .08);
}

.identity-card {
    background: #fff;
    border: 1px solid rgba(19, 85, 178, .08);
    padding: 1.15rem;
}

.identity-card strong {
    display: block;
    color: var(--siba-pink);
    font-family: var(--siba-font-heading);
    font-size: 1.15rem;
    margin-bottom: .35rem;
}

.identity-card p {
    margin: 0;
    color: var(--siba-navy);
    font-weight: 700;
}

.legacy-detail-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, .9fr);
    gap: 1.25rem;
    align-items: start;
    background: #fff;
    border: 1px solid rgba(19, 85, 178, .08);
    padding: 1.5rem;
}

.legacy-detail-card h2 {
    color: var(--siba-navy);
    margin-bottom: .75rem;
}

.legacy-detail-card p {
    color: var(--siba-muted);
}

.legacy-detail-card--navy {
    background: linear-gradient(135deg, var(--siba-navy), #1C63C5);
    color: #fff;
}

.legacy-detail-card--navy h2,
.legacy-detail-card--navy p,
.legacy-detail-card--navy .eyebrow {
    color: #fff;
}

.legacy-checklist {
    display: grid;
    gap: .65rem;
}

.legacy-checklist span {
    position: relative;
    display: block;
    padding: .8rem .9rem .8rem 2.1rem;
    border: 1px solid rgba(245, 86, 155, .14);
    border-radius: 8px;
    background: rgba(245, 86, 155, .06);
    color: var(--siba-navy);
    font-weight: 700;
}

.legacy-detail-card--navy .legacy-checklist span {
    border-color: rgba(255, 255, 255, .18);
    background: rgba(255, 255, 255, .08);
    color: #fff;
}

.legacy-checklist span::before {
    content: "";
    position: absolute;
    top: 1.05rem;
    left: .9rem;
    width: .55rem;
    height: .55rem;
    border-radius: 999px;
    background: var(--siba-pink);
}

.facility-table-wrap {
    margin-top: 1.25rem;
    overflow-x: auto;
    border: 1px solid rgba(19, 85, 178, .1);
    background: #fff;
}

.facility-table {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

.facility-table th,
.facility-table td {
    padding: 1rem;
    border-bottom: 1px solid rgba(19, 85, 178, .08);
    vertical-align: top;
}

.facility-table th {
    background: var(--siba-navy);
    color: #fff;
    font-family: var(--siba-font-heading);
    font-size: .95rem;
}

.facility-table td:first-child {
    color: var(--siba-pink);
    font-weight: 800;
}

.founder-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    margin-top: 1rem;
}

.founder-links a {
    display: block;
    padding: 1rem;
    border: 1px solid rgba(245, 86, 155, .18);
    border-radius: 8px;
    background: rgba(245, 86, 155, .06);
    text-decoration: none;
}

.founder-links strong,
.founder-links span {
    display: block;
}

.founder-links strong {
    color: var(--siba-navy);
    font-family: var(--siba-font-heading);
}

.founder-links span {
    color: var(--siba-muted);
    font-size: .9rem;
    margin-top: .2rem;
}

.founder-card-grid,
.service-poster-grid {
    margin-top: 1.25rem;
}

.service-hub-grid {
    align-items: stretch;
}

.service-hub-card {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.service-hub-card small {
    display: inline-flex;
    width: fit-content;
    margin-top: auto;
    border-radius: 999px;
    padding: .32rem .62rem;
    background: rgba(245, 86, 155, .1);
    color: var(--siba-pink);
    font-size: .8rem;
    font-weight: 850;
}

.mis-connect-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
    gap: 1rem;
    align-items: stretch;
}

.mis-connect-card,
.mis-connect-panel {
    overflow: hidden;
    border: 1px solid rgba(19, 85, 178, .08);
    border-radius: var(--siba-radius);
    background: #fff;
    box-shadow: 0 18px 42px rgba(19, 85, 178, .07);
}

.mis-connect-card img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #f4f7fb;
}

.mis-connect-panel {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.25rem;
}

.mis-connect-panel h3 {
    margin: 0;
    color: var(--siba-navy);
    font-weight: 900;
}

.mis-connect-panel p:not(.eyebrow) {
    margin: .65rem 0 0;
    color: var(--siba-muted);
}

.mis-connect-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
}

.mis-connect-qr {
    width: min(100%, 240px);
    margin-top: auto;
    align-self: center;
    border: 1px solid var(--siba-line);
    border-radius: 8px;
    background: #fff;
}

@media (max-width: 991.98px) {
    .identity-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .legacy-detail-card {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .identity-grid,
    .founder-links {
        grid-template-columns: 1fr;
    }

    .legacy-detail-card {
        padding: 1rem;
    }
}

/* SIBA Talent Stories, Policy pages, and custom PDPA cookie consent. */
.talent-preview {
    padding: 4rem 0;
    background:
        radial-gradient(circle at 90% 20%, rgba(245, 86, 155, .12), transparent 24rem),
        linear-gradient(135deg, #fff 0%, #f7f8fc 100%);
}

.talent-preview__layout,
.talent-schedule {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 1.25rem;
    align-items: stretch;
}

.talent-preview__copy,
.talent-preview__cards article,
.talent-episode-card,
.talent-goals article,
.talent-channel-grid article,
.policy-content {
    border: 1px solid var(--siba-line);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 18px 48px rgba(19, 85, 178, .08);
}

.talent-preview__copy {
    padding: 2rem;
}

.talent-preview__copy h2 {
    margin: 0;
    color: var(--siba-navy);
    font-size: clamp(2rem, 4vw, 4rem);
    font-weight: 900;
}

.talent-preview__copy p:not(.eyebrow) {
    margin: 1rem 0 0;
    color: var(--siba-muted);
}

.talent-preview__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1.5rem;
}

.talent-preview__cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.talent-preview__cards article,
.talent-episode-card {
    padding: 1.25rem;
}

.talent-preview__cards span,
.talent-episode-card span {
    display: inline-flex;
    margin-bottom: .75rem;
    padding: .28rem .62rem;
    border-radius: 999px;
    background: rgba(245, 86, 155, .1);
    color: var(--siba-pink);
    font-weight: 900;
}

.talent-preview__cards h3,
.talent-episode-card h3 {
    color: var(--siba-navy);
    font-size: 1.35rem;
    font-weight: 900;
}

.talent-preview__cards p,
.talent-episode-card p,
.talent-episode-card small {
    color: var(--siba-muted);
}

.talent-hero,
.policy-hero {
    background:
        linear-gradient(120deg, rgba(19, 85, 178, .96), rgba(245, 86, 155, .62)),
        url("/images/hero/hero-siba-index-2026.png") center/cover;
}

.talent-goals,
.talent-channel-grid,
.talent-episode-grid {
    display: grid;
    gap: 1rem;
}

.talent-goals {
    grid-template-columns: 1fr;
}

.talent-goals article,
.talent-channel-grid article {
    padding: 1rem;
}

.talent-goals strong,
.talent-channel-grid strong {
    display: block;
    color: var(--siba-pink);
    font-family: var(--siba-font-heading);
    font-weight: 900;
}

.talent-goals span,
.talent-channel-grid span {
    color: var(--siba-muted);
}

.talent-episode-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.talent-episode-card strong {
    display: block;
    margin-bottom: .75rem;
    color: var(--siba-ink);
}

.talent-list {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--siba-line);
}

.talent-list h4 {
    color: var(--siba-navy);
    font-size: .95rem;
    font-weight: 900;
}

.talent-list small {
    display: block;
    margin-top: .35rem;
}

.talent-schedule {
    align-items: start;
}

.talent-schedule__list {
    display: grid;
    gap: .65rem;
}

.talent-schedule__list article {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 1rem;
    padding: .9rem 1rem;
    border: 1px solid var(--siba-line);
    border-radius: 10px;
    background: #fff;
}

.talent-schedule__list strong {
    color: var(--siba-pink);
}

.talent-channel-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.policy-content {
    max-width: 980px;
    margin: 0 auto;
    padding: 2rem;
}

.policy-content h2,
.policy-content h3 {
    color: var(--siba-navy);
    font-weight: 900;
}

.policy-content h2:not(:first-child) {
    margin-top: 1.75rem;
}

.policy-content h3 {
    margin-top: 1rem;
    font-size: 1.05rem;
}

.policy-content p {
    color: var(--siba-muted);
}

.footer-bottom-line span:last-child {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    align-items: center;
}

.footer-cookie-button {
    border: 0;
    background: transparent;
    color: rgba(255, 255, 255, .78);
    font: inherit;
    padding: 0;
}

.footer-cookie-button:hover {
    color: #fff;
}

.siba-cookie.is-saved .siba-cookie-banner {
    display: none;
}

.siba-cookie-banner {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 1080;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    width: min(920px, calc(100vw - 2rem));
    padding: 1rem;
    border: 1px solid rgba(19, 85, 178, .12);
    border-radius: 12px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 24px 80px rgba(19, 85, 178, .18);
}

.siba-cookie-banner strong,
.siba-cookie-modal h2,
.siba-cookie-option strong {
    color: var(--siba-navy);
    font-family: var(--siba-font-heading);
    font-weight: 900;
}

.siba-cookie-banner p {
    margin: .35rem 0 0;
    color: var(--siba-muted);
    font-size: .92rem;
}

.siba-cookie-banner__actions,
.siba-cookie-modal__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center;
    justify-content: flex-end;
}

.siba-cookie-modal {
    position: fixed;
    inset: 0;
    z-index: 1090;
    display: none;
    place-items: center;
    padding: 1rem;
    background: rgba(19, 85, 178, .58);
}

.siba-cookie-modal.is-open {
    display: grid;
}

.siba-cookie-modal__panel {
    width: min(760px, 100%);
    max-height: calc(100vh - 2rem);
    overflow: auto;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 28px 90px rgba(0, 0, 0, .24);
}

.siba-cookie-modal__head {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.25rem 0;
}

.siba-cookie-modal__head h2 {
    margin: 0;
}

.siba-cookie-modal__head button {
    width: 42px;
    height: 42px;
    border: 1px solid var(--siba-line);
    border-radius: 10px;
    background: #fff;
    color: var(--siba-navy);
    font-size: 1.5rem;
    line-height: 1;
}

.siba-cookie-options {
    display: grid;
    gap: .75rem;
    padding: 1.25rem;
}

.siba-cookie-option {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 54px;
    gap: 1rem;
    align-items: center;
    padding: 1rem;
    border: 1px solid var(--siba-line);
    border-radius: 10px;
    cursor: pointer;
}

.siba-cookie-option small {
    display: block;
    margin-top: .25rem;
    color: var(--siba-muted);
}

.siba-cookie-option input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.siba-cookie-option i {
    position: relative;
    width: 52px;
    height: 30px;
    border-radius: 999px;
    background: #d7dbe7;
    transition: background .2s ease;
}

.siba-cookie-option i::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 3px 8px rgba(19, 85, 178, .18);
    transition: transform .2s ease;
}

.siba-cookie-option input:checked + i {
    background: var(--siba-pink);
}

.siba-cookie-option input:checked + i::after {
    transform: translateX(22px);
}

.siba-cookie-option input:disabled + i {
    background: var(--siba-navy);
}

.siba-cookie-modal__actions {
    padding: 0 1.25rem 1.25rem;
}

@media (max-width: 991.98px) {
    .talent-preview__layout,
    .talent-schedule,
    .talent-episode-grid,
    .talent-channel-grid {
        grid-template-columns: 1fr;
    }

    .talent-preview__cards {
        grid-template-columns: 1fr;
    }

    .siba-cookie-banner {
        grid-template-columns: 1fr;
    }

    .siba-cookie-banner__actions,
    .siba-cookie-modal__actions {
        justify-content: flex-start;
    }
}

@media (max-width: 575.98px) {
    .talent-preview {
        padding: 2.5rem 0;
    }

    .talent-preview__copy,
    .policy-content {
        padding: 1.25rem;
    }

    .talent-schedule__list article {
        grid-template-columns: 1fr;
        gap: .35rem;
    }

    .siba-cookie-banner {
        right: .75rem;
        bottom: .75rem;
        width: calc(100vw - 1.5rem);
    }

    .siba-cookie-banner__actions .btn,
    .siba-cookie-modal__actions .btn {
        width: 100%;
    }
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    color: var(--siba-ink);
    background: #fff;
    font-family: var(--siba-font-body);
    font-size: 16px;
    line-height: 1.65;
    text-rendering: geometricPrecision;
}

a {
    color: inherit;
    text-decoration: none;
}

img {
    display: block;
    max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
.navbar-brand strong,
.btn,
.eyebrow {
    font-family: var(--siba-font-heading);
    letter-spacing: 0;
}

.site-header {
    z-index: 1030;
    background: rgba(255, 255, 255, .97);
    border-bottom: 1px solid rgba(19, 85, 178, .08);
    box-shadow: 0 12px 30px rgba(19, 85, 178, .08);
    backdrop-filter: blur(18px);
}

.site-topbar {
    color: #fff;
    background:
        linear-gradient(90deg, #8f0f53 0%, var(--siba-rose) 58%, #ff8fc5 100%);
    font-size: .8rem;
    font-weight: 700;
}

.site-topbar .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 36px;
}

.site-topbar .container-fluid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 38px;
}

.site-topbar__label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--siba-font-latin);
    font-size: .86rem;
    font-weight: 850;
}

.site-topbar__links {
    display: flex;
    align-items: center;
    gap: .45rem;
    flex: 0 0 auto;
}

.site-topbar a {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 999px;
    padding: .22rem .62rem;
    transition: background .2s ease, border-color .2s ease;
}

.site-topbar a:hover {
    background: rgba(255, 255, 255, .14);
    border-color: rgba(255, 255, 255, .6);
}

.language-switch {
    display: inline-flex;
    align-items: center;
    gap: .12rem;
    padding: .12rem;
    border: 1px solid rgba(255, 255, 255, .4);
    border-radius: 999px;
    background: rgba(255, 255, 255, .16);
}

.language-switch a {
    min-width: 34px;
    padding: .2rem .52rem;
    border: 0;
    background: transparent;
    color: rgba(255, 255, 255, .88);
    font-family: var(--siba-font-latin);
    font-size: .74rem;
    font-weight: 850;
    text-align: center;
}

.language-switch a.active {
    background: #fff;
    color: var(--siba-pink);
    box-shadow: 0 8px 18px rgba(19, 85, 178, .18);
}

.language-switch a:hover {
    background: rgba(255, 255, 255, .22);
}

.language-switch a.active:hover {
    background: #fff;
}

.site-navbar {
    padding: .78rem 0;
}

.site-navbar .container {
    gap: 1rem;
}

.navbar-brand {
    display: flex;
    align-items: center;
    min-width: 156px;
    color: var(--siba-navy);
    padding: 0;
}

.navbar-brand strong {
    display: block;
    font-size: 1.16rem;
    line-height: 1;
    font-weight: 900;
}

.navbar-brand small {
    display: block;
    margin-top: .22rem;
    color: var(--siba-pink);
    font-size: .74rem;
    font-weight: 800;
}

.brand-logo {
    width: 156px;
    height: auto;
    max-height: 56px;
    object-fit: contain;
    filter: drop-shadow(0 8px 14px rgba(19, 85, 178, .12));
}

.site-nav-list {
    align-items: center;
    gap: .16rem;
}

.nav-link {
    color: var(--siba-navy);
    border-radius: 10px;
    padding: .58rem .74rem !important;
    font-size: .89rem;
    font-weight: 800;
    line-height: 1.1;
    transition: color .2s ease, background .2s ease, box-shadow .2s ease;
}

.nav-link.active,
.nav-link:hover {
    color: var(--siba-pink);
    background: rgba(245, 86, 155, .08);
}

.nav-link.active {
    box-shadow: inset 0 0 0 1px rgba(245, 86, 155, .16);
}

.site-nav-dropdown {
    position: relative;
}

.site-dropdown-menu {
    min-width: 245px;
    padding: .55rem;
    border: 1px solid rgba(19, 85, 178, .1);
    border-radius: 8px;
    box-shadow: 0 18px 46px rgba(19, 85, 178, .14);
}

.site-dropdown-menu .dropdown-item {
    border-radius: 7px;
    padding: .62rem .72rem;
    color: var(--siba-navy);
    font-weight: 750;
    white-space: normal;
}

.site-dropdown-menu .dropdown-item:hover,
.site-dropdown-menu .dropdown-item:focus {
    color: var(--siba-pink);
    background: rgba(245, 86, 155, .08);
}

@media (min-width: 1200px) {
    .site-nav-dropdown:hover > .site-dropdown-menu {
        display: block;
        margin-top: 0;
    }
}

.site-nav-actions {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin-left: 1rem;
}

.site-nav-actions .btn {
    border-radius: 10px;
    padding: .64rem .95rem;
    font-size: .88rem;
    font-weight: 850;
    white-space: nowrap;
}

.site-nav-cta {
    box-shadow: 0 12px 26px rgba(245, 86, 155, .24);
}

.site-nav-secondary {
    background: #fff;
}

.site-nav-toggle {
    width: 44px;
    height: 44px;
    border: 1px solid rgba(19, 85, 178, .12);
    border-radius: 8px;
    padding: .55rem;
}

.site-nav-toggle:focus {
    box-shadow: 0 0 0 .18rem rgba(245, 86, 155, .16);
}

.site-nav-toggle span {
    display: block;
    width: 100%;
    height: 2px;
    margin: 4px 0;
    border-radius: 999px;
    background: var(--siba-navy);
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .navbar-brand {
        min-width: 142px;
    }

    .brand-logo {
        width: 142px;
        height: auto;
        max-height: 50px;
    }

    .nav-link {
        padding: .54rem .52rem !important;
        font-size: .82rem;
    }

    .site-nav-actions {
        gap: .4rem;
        margin-left: .6rem;
    }

    .site-nav-actions .btn {
        padding: .58rem .72rem;
        font-size: .8rem;
    }
}

.hero {
    color: #fff;
    background:
        linear-gradient(120deg, rgba(19, 85, 178, .96), rgba(19, 85, 178, .78)),
        url("/images/hero/hero-siba-index-2026.png") center/cover;
    padding: 4.75rem 0 3.5rem;
}

.hero--banner {
    background:
        radial-gradient(circle at 18% 14%, rgba(245, 86, 155, .2), transparent 24rem),
        linear-gradient(135deg, #0D3D86 0%, #1355B2 54%, #1C63C5 100%);
    padding: 1.25rem 0 1.75rem;
}

.hero-banner-frame {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: var(--siba-radius);
    background: #1355B2;
    box-shadow: 0 28px 70px rgba(0, 0, 0, .28);
}

.hero-banner-frame img {
    width: 100%;
    height: auto;
    aspect-ratio: 1920 / 900;
    object-fit: cover;
}

.hero-banner-actions {
    position: absolute;
    left: clamp(1rem, 5vw, 4.5rem);
    bottom: clamp(1rem, 4vw, 3rem);
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

.career-outcome-banner {
    padding: 2.25rem 0 0;
    background: #fff;
}

.career-outcome-banner__image {
    display: block;
    overflow: hidden;
    border: 1px solid rgba(19, 85, 178, .08);
    border-radius: var(--siba-radius);
    background: #1355B2;
    box-shadow: 0 20px 48px rgba(19, 85, 178, .12);
}

.career-outcome-banner__image img {
    width: 100%;
    height: auto;
    aspect-ratio: 1920 / 900;
    object-fit: cover;
}

.hero h1,
.page-hero h1 {
    max-width: 760px;
    margin: 0;
    font-size: clamp(2.1rem, 5vw, 4.5rem);
    line-height: 1.08;
    font-weight: 800;
}

.hero__lead,
.page-hero p {
    max-width: 720px;
    margin-top: 1rem;
    color: rgba(255, 255, 255, .82);
    font-size: 1.12rem;
}

.hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1.5rem;
}

.btn-siba {
    color: #fff;
    background: var(--siba-pink);
    border-color: var(--siba-pink);
    font-weight: 700;
}

.btn-siba:hover {
    color: #fff;
    background: #c9145e;
    border-color: #c9145e;
}

.hero-card {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: var(--siba-radius);
    background: rgba(255, 255, 255, .08);
    max-width: 430px;
    margin-left: auto;
}

.hero-card img {
    width: 100%;
    aspect-ratio: 5 / 7;
    max-height: min(70vh, 620px);
    object-fit: contain;
    background: #152553;
}

.hero-card__content {
    padding: 1rem;
}

.hero-card__content span,
.eyebrow {
    color: var(--siba-pink);
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
    font-size: .78rem;
}

.hero-card__content strong {
    display: block;
    margin-top: .35rem;
}

/* Homepage value proof: shows educational outcomes for students and parents. */
.home-value {
    padding: 3.25rem 0 2rem;
    background: #fff;
}

.home-value__header {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(280px, .95fr);
    gap: 1.5rem;
    align-items: end;
    margin-bottom: 1.25rem;
}

.home-value__header h2 {
    margin: 0;
    color: var(--siba-navy);
    font-weight: 900;
    line-height: 1.18;
}

.home-value__header p:not(.eyebrow) {
    margin: 0;
    color: var(--siba-muted);
    font-size: 1.02rem;
}

.home-value__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.value-card {
    min-height: 190px;
    padding: 1.1rem 1.2rem;
    border-top: 3px solid rgba(225, 31, 85, .72);
    background: #fff;
}

.value-card h3 {
    margin: 0 0 .65rem;
    color: var(--siba-navy);
    font-size: 1.15rem;
    font-weight: 850;
}

.value-card p {
    margin: 0;
    color: var(--siba-muted);
}

/* Homepage official guide: replaces internal-system style blocks with formal institutional navigation. */
.home-official-guide {
    padding: 3.25rem 0;
    background: #fff;
}

.home-official-guide__inner {
    display: grid;
    grid-template-columns: minmax(280px, .86fr) minmax(0, 1.14fr);
    gap: 2rem;
    align-items: start;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(19, 85, 178, .1);
}

.home-official-guide__intro h2 {
    margin: 0 0 .9rem;
    color: var(--siba-navy);
    font-size: clamp(1.8rem, 3vw, 2.75rem);
    font-weight: 900;
    line-height: 1.16;
}

.home-official-guide__intro p:not(.eyebrow) {
    margin: 0;
    color: var(--siba-muted);
    font-size: 1.04rem;
    line-height: 1.82;
}

.home-official-guide__links {
    display: grid;
    border-top: 1px solid rgba(19, 85, 178, .1);
}

.home-official-guide__links a {
    display: grid;
    grid-template-columns: minmax(160px, .42fr) minmax(0, .58fr);
    gap: 1rem;
    align-items: baseline;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(19, 85, 178, .1);
    text-decoration: none;
}

.home-official-guide__links span {
    display: none;
}

.home-official-guide__links strong {
    color: var(--siba-navy);
    font-size: 1.18rem;
    font-weight: 900;
}

.home-official-guide__links small {
    color: var(--siba-muted);
    font-size: .96rem;
    line-height: 1.55;
}

.home-official-guide__links a:hover strong {
    color: var(--siba-pink);
}

.quick-access,
.content-section,
.system-state {
    padding: 3rem 0;
}

.quick-access {
    padding: 1rem 0 2.5rem;
    background: #fff;
}

.section-heading {
    margin-bottom: 1.5rem;
}

.section-heading h2,
.admission-panel h2,
.learning-panel h2 {
    color: var(--siba-navy);
    font-weight: 800;
}

.quick-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    overflow: hidden;
    border: 1px solid rgba(19, 85, 178, .1);
    border-radius: 8px;
    background: #fff;
}

.quick-grid--public {
    grid-template-columns: repeat(4, 1fr);
}

.quick-item,
.news-item,
.news-card,
.info-card,
.admission-panel,
.learning-panel,
.system-state__panel,
.status-row {
    border: 1px solid var(--siba-line);
    border-radius: var(--siba-radius);
    background: #fff;
}

.quick-item {
    display: grid;
    min-height: 132px;
    align-content: start;
    gap: .45rem;
    padding: 1rem 1.05rem;
    border: 0;
    border-right: 1px solid rgba(19, 85, 178, .09);
    border-bottom: 1px solid rgba(19, 85, 178, .09);
    border-radius: 0;
    text-decoration: none;
    transition: background-color .18s ease, transform .18s ease;
}

.quick-item:nth-child(4n) {
    border-right: 0;
}

.quick-item:nth-last-child(-n + 4) {
    border-bottom: 0;
}

.quick-item:hover {
    background: #f8fafc;
    transform: translateY(-1px);
}

.quick-item span {
    color: var(--siba-pink);
    font-size: .78rem;
    font-weight: 850;
}

.quick-item strong {
    color: var(--siba-navy);
    font-size: 1.06rem;
    line-height: 1.3;
}

.quick-item small,
.news-item p,
.news-card p,
.info-card p,
.admission-panel p,
.learning-panel p,
.footer-brand p {
    color: var(--siba-muted);
}

.digital-services {
    padding: 3.25rem 0;
    background: #f7f9fc;
    border-top: 1px solid rgba(19, 85, 178, .07);
    border-bottom: 1px solid rgba(19, 85, 178, .07);
}

.digital-services .section-heading p:not(.eyebrow) {
    max-width: 760px;
    color: var(--siba-muted);
}

.digital-services__grid,
.portal-card-grid,
.dashboard-card-grid,
.project-status-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.digital-service-card,
.portal-card,
.dashboard-summary-card,
.project-status-card,
.ecosystem-feature-card {
    border: 1px solid rgba(19, 85, 178, .09);
    border-radius: 8px;
    background: #fff;
    box-shadow: none;
}

.digital-service-card,
.portal-card,
.dashboard-summary-card,
.project-status-card {
    display: flex;
    min-height: 230px;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.15rem;
}

.digital-service-card span,
.portal-card span,
.dashboard-summary-card span,
.project-status-card span,
.ecosystem-feature-card span {
    color: var(--siba-pink);
    font-size: .78rem;
    font-weight: 900;
    text-transform: uppercase;
}

.digital-services .digital-service-card > span {
    display: none;
}

.digital-service-card h3,
.portal-card h2,
.dashboard-summary-card h2,
.project-status-card h2 {
    margin: 0 0 .55rem;
    color: var(--siba-navy);
    font-size: 1.18rem;
    font-weight: 850;
}

.digital-service-card p,
.portal-card p,
.dashboard-summary-card p,
.project-status-card p,
.ecosystem-feature-card small {
    color: var(--siba-muted);
}

.ecosystem-feature-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.ecosystem-feature-card {
    display: grid;
    gap: .35rem;
    padding: 1.2rem;
    text-decoration: none;
}

.ecosystem-feature-card strong {
    color: var(--siba-navy);
    font-size: 1.25rem;
    font-weight: 900;
}

.breadcrumb-line {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-bottom: 1rem;
    color: rgba(255, 255, 255, .72);
    font-size: .88rem;
}

.breadcrumb-line a {
    color: #fff;
    font-weight: 800;
}

.breadcrumb-line span::before {
    content: "/";
    margin-right: .5rem;
    opacity: .72;
}

.portal-hero,
.executive-hero,
.project-hero,
.marketing-dashboard-hero,
.lifelong-hero,
.skills-hero {
    background:
        radial-gradient(circle at 12% 12%, rgba(245, 86, 155, .28), transparent 22rem),
        linear-gradient(135deg, #0D3D86 0%, #1355B2 62%, #1C63C5 100%);
}

.portal-card .btn {
    width: fit-content;
}

.portal-official-section {
    background: #f7f9fd;
}

.official-info-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.parent-info-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr);
    gap: 1rem;
    align-items: stretch;
}

.official-info-card,
.finance-info-card {
    overflow: hidden;
    border: 1px solid var(--siba-line);
    border-radius: var(--siba-radius);
    background: #fff;
    box-shadow: 0 16px 36px rgba(19, 85, 178, .07);
}

.official-info-card {
    display: grid;
    grid-template-columns: minmax(180px, .48fr) minmax(0, .52fr);
}

.official-info-card--wide {
    grid-column: 1 / -1;
    grid-template-columns: minmax(260px, .42fr) minmax(0, .58fr);
}

.official-info-card--feature {
    min-height: 100%;
}

.official-info-card img,
.finance-info-card img {
    width: 100%;
    height: 100%;
    min-height: 260px;
    object-fit: cover;
    background: #eef3fa;
}

.official-info-card--wide img,
.official-info-card--feature img,
.finance-info-card img {
    object-fit: contain;
}

.official-info-card > div,
.finance-info-card > div {
    display: flex;
    flex-direction: column;
    gap: .65rem;
    padding: 1.25rem;
}

.official-info-card span,
.finance-info-card span {
    color: var(--siba-pink);
    font-size: .78rem;
    font-weight: 900;
    text-transform: uppercase;
}

.official-info-card h3,
.finance-info-card h3 {
    margin: 0;
    color: var(--siba-navy);
    font-size: 1.32rem;
    font-weight: 900;
}

.official-info-card p,
.finance-info-card p {
    margin: 0;
    color: var(--siba-muted);
}

.official-info-card .btn {
    width: fit-content;
    margin-top: .35rem;
}

.finance-account-list {
    display: grid;
    gap: .55rem;
    margin: .35rem 0 0;
    padding: 0;
    list-style: none;
}

.finance-account-list li {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    border: 1px solid rgba(19, 85, 178, .08);
    border-radius: 8px;
    padding: .7rem .8rem;
    background: #f8fbff;
}

.finance-account-list strong {
    color: var(--siba-navy);
}

.finance-account-list span {
    color: var(--siba-pink);
    font-size: 1rem;
    letter-spacing: .02em;
    white-space: nowrap;
}

.finance-line {
    border-left: 4px solid var(--siba-pink);
    padding-left: .8rem;
}

.course-matrix-grid,
.course-branch-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.course-matrix-card,
.course-branch-card {
    border: 1px solid var(--siba-line);
    border-radius: var(--siba-radius);
    background: #fff;
    box-shadow: 0 16px 36px rgba(19, 85, 178, .06);
}

.course-matrix-card {
    display: flex;
    min-height: 230px;
    flex-direction: column;
    gap: .7rem;
    padding: 1.15rem;
}

.course-matrix-card > span {
    width: fit-content;
    border-radius: 999px;
    background: rgba(245, 86, 155, .1);
    color: var(--siba-pink);
    font-size: .78rem;
    font-weight: 900;
    padding: .32rem .68rem;
}

.course-matrix-card h3,
.course-branch-card h3 {
    margin: 0;
    color: var(--siba-navy);
    font-weight: 900;
}

.course-matrix-card p,
.course-branch-card p {
    margin: 0;
    color: var(--siba-muted);
}

.course-chip-list {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-top: auto;
}

.course-chip-list small {
    border: 1px solid rgba(19, 85, 178, .08);
    border-radius: 999px;
    background: #f8fbff;
    color: var(--siba-navy);
    font-size: .78rem;
    font-weight: 800;
    padding: .32rem .58rem;
}

.course-branch-card {
    display: grid;
    gap: .85rem;
    padding: 1.15rem;
}

.course-branch-card__head {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.course-branch-card__head span {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(245, 86, 155, .12), rgba(19, 85, 178, .08));
    font-size: 1.35rem;
}

.course-branch-card__meta {
    display: grid;
    gap: .45rem;
}

.course-branch-card__meta strong {
    color: var(--siba-navy);
    font-weight: 900;
}

.course-branch-card__meta ul {
    display: grid;
    gap: .25rem;
    margin: 0;
    padding-left: 1.1rem;
    color: var(--siba-muted);
}

.course-document-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
}

.course-document-card {
    display: grid;
    gap: .5rem;
    min-height: 145px;
    border: 1px solid var(--siba-line);
    border-radius: var(--siba-radius);
    background: #fff;
    box-shadow: 0 14px 30px rgba(19, 85, 178, .055);
    padding: 1rem;
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.course-document-card:hover {
    border-color: rgba(245, 86, 155, .32);
    box-shadow: 0 18px 36px rgba(245, 86, 155, .12);
    transform: translateY(-2px);
}

.course-document-card span {
    width: fit-content;
    border-radius: 999px;
    background: rgba(245, 86, 155, .1);
    color: var(--siba-pink);
    font-size: .76rem;
    font-weight: 900;
    padding: .28rem .6rem;
}

.course-document-card strong {
    color: var(--siba-navy);
    font-weight: 900;
    line-height: 1.35;
}

.course-document-card small {
    align-self: end;
    color: var(--siba-muted);
    font-weight: 800;
}

.dashboard-summary-card strong {
    color: var(--siba-navy);
    font-size: clamp(2rem, 4vw, 3.6rem);
    font-weight: 950;
    line-height: 1;
}

.project-status-card {
    min-height: 170px;
}

.project-status-card > div:first-child {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.progress-line {
    overflow: hidden;
    height: 8px;
    border-radius: 999px;
    background: #eef1f7;
}

.progress-line i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--siba-pink), #7b2cff);
}

/* Digital Marketing Dashboard: central monitoring view for official social platforms. */
.marketing-command-section {
    background:
        radial-gradient(circle at 10% 0%, rgba(245, 86, 155, .12), transparent 24rem),
        linear-gradient(180deg, #fff 0%, #f8fbff 100%);
}

.marketing-summary-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.marketing-kpi-card,
.platform-card,
.marketing-panel {
    border: 1px solid var(--siba-line);
    border-radius: var(--siba-radius);
    background: #fff;
    box-shadow: 0 16px 38px rgba(19, 85, 178, .07);
}

.marketing-kpi-card {
    overflow: hidden;
    min-height: 150px;
    padding: 1.2rem;
    border-top: 5px solid var(--siba-pink);
}

.marketing-kpi-card--cyan { border-top-color: #00a7d8; }
.marketing-kpi-card--gold { border-top-color: #d89a00; }
.marketing-kpi-card--green { border-top-color: #16a34a; }

.marketing-kpi-card span,
.platform-card small,
.platform-metrics span,
.funnel-step span,
.marketing-table em {
    color: var(--siba-muted);
    font-size: .78rem;
    font-weight: 850;
    text-transform: uppercase;
}

.marketing-kpi-card strong {
    display: block;
    margin: .45rem 0 .2rem;
    color: var(--siba-navy);
    font-size: clamp(2.2rem, 5vw, 3.7rem);
    line-height: 1;
    font-weight: 950;
}

.marketing-kpi-card p,
.platform-card p,
.marketing-panel p {
    margin: 0;
    color: var(--siba-muted);
}

.marketing-platform-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.platform-card {
    display: flex;
    min-height: 330px;
    flex-direction: column;
    gap: 1rem;
    justify-content: space-between;
    padding: 1.25rem;
}

.platform-card {
    border-top: 5px solid var(--platform-accent, var(--siba-pink));
}

.platform-card__head {
    display: flex;
    align-items: center;
    gap: .85rem;
}

.platform-logo {
    display: grid;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    place-items: center;
    border-radius: 12px;
    color: #fff;
    background: var(--platform-accent, var(--siba-pink));
    font-size: 1.4rem;
    font-weight: 950;
}

.platform-card h2 {
    margin: 0;
    color: var(--siba-navy);
    font-size: 1.35rem;
    font-weight: 900;
}

.platform-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.platform-metrics div,
.funnel-step,
.content-pillar-list div,
.marketing-table div {
    border: 1px solid var(--siba-line);
    border-radius: 12px;
    background: #f8fafc;
}

.platform-metrics div {
    padding: .85rem;
}

.platform-metrics strong {
    display: block;
    margin-top: .25rem;
    color: var(--siba-navy);
    font-weight: 900;
}

.marketing-dashboard-band {
    background:
        radial-gradient(circle at 92% 0%, rgba(0, 167, 216, .12), transparent 22rem),
        #f6f8fc;
}

.marketing-source-panel {
    margin-top: 1rem;
}

.marketing-dashboard-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
    gap: 1rem;
}

.marketing-panel {
    padding: 1.25rem;
}

.marketing-panel--large {
    min-height: 100%;
}

.funnel-track,
.content-pillar-list,
.marketing-table {
    display: grid;
    gap: .75rem;
}

.funnel-track {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-top: 1rem;
}

.funnel-step {
    position: relative;
    padding: 1rem;
    min-height: 190px;
}

.funnel-step::after {
    content: "";
    position: absolute;
    top: 1rem;
    right: -.5rem;
    width: 1rem;
    height: 1rem;
    border-top: 2px solid rgba(245, 86, 155, .35);
    border-right: 2px solid rgba(245, 86, 155, .35);
    transform: rotate(45deg);
}

.funnel-step:last-child::after {
    display: none;
}

.funnel-step strong,
.content-pillar-list strong,
.marketing-table strong {
    display: block;
    color: var(--siba-navy);
    font-weight: 900;
}

.funnel-step strong {
    margin: .65rem 0;
    line-height: 1.35;
}

.funnel-step small,
.content-pillar-list span,
.marketing-table span {
    color: var(--siba-muted);
    line-height: 1.55;
}

.content-pillar-list div,
.marketing-table div {
    padding: .9rem;
}

.marketing-table div {
    display: grid;
    grid-template-columns: minmax(90px, .35fr) minmax(0, 1fr) minmax(120px, .45fr);
    gap: .75rem;
    align-items: center;
}

.marketing-table--actions div {
    grid-template-columns: minmax(0, 1fr) minmax(110px, .35fr) minmax(120px, .35fr);
}

.data-source-grid {
    display: grid;
    gap: .75rem;
}

.data-source-row {
    display: grid;
    grid-template-columns: minmax(120px, .35fr) minmax(160px, .45fr) minmax(0, 1fr) minmax(140px, .4fr);
    gap: .75rem;
    align-items: center;
    padding: .9rem;
    border: 1px solid var(--siba-line);
    border-radius: 12px;
    background: #f8fafc;
}

.data-source-row strong {
    color: var(--siba-navy);
    font-weight: 950;
}

.data-source-row span,
.data-source-row em {
    color: var(--siba-muted);
    font-style: normal;
    line-height: 1.5;
}

.data-source-row a {
    justify-self: start;
    border-radius: 999px;
    padding: .4rem .75rem;
    color: #fff;
    background: var(--siba-navy);
    text-decoration: none;
    font-size: .82rem;
    font-weight: 850;
}

.news-list {
    display: grid;
    gap: 1rem;
}

.news-item,
.news-card,
.admission-panel,
.learning-panel,
.system-state__panel,
.status-row {
    padding: 1.25rem;
}

.news-item time,
.news-card time {
    color: var(--siba-pink);
    font-size: .88rem;
    font-weight: 700;
}

.news-item h3,
.news-card h2 {
    color: var(--siba-navy);
    font-size: 1.15rem;
    font-weight: 800;
}

.news-card--media {
    overflow: hidden;
    padding: 0;
}

.news-card--media img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    background: var(--siba-soft);
}

.news-card__content {
    padding: 1rem;
}

.admission-panel {
    height: 100%;
    background: linear-gradient(180deg, #fff, #fff5fa);
}

.admission-panel li {
    margin-bottom: .55rem;
}

/* Homepage news highlights: presents campus news and activities for public visitors. */
.legacy-highlights {
    padding: 3.5rem 0;
    background: #fff;
}

.legacy-highlights .section-heading p:not(.eyebrow) {
    max-width: 760px;
    color: var(--siba-muted);
}

.legacy-highlights__layout {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
}

.legacy-highlights__title {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.legacy-highlights__title h3 {
    margin: 0;
    color: var(--siba-navy);
    font-size: 1.3rem;
    font-weight: 800;
}

.legacy-highlights__title a {
    color: var(--siba-pink);
    font-weight: 800;
}

.legacy-card-list {
    display: grid;
    gap: .85rem;
}

.legacy-card {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid var(--siba-line);
    border-radius: var(--siba-radius);
    background: #fff;
}

.legacy-card__image {
    display: block;
    min-height: 120px;
    background: var(--siba-soft);
}

.legacy-card__image img {
    width: 100%;
    height: 100%;
    min-height: 120px;
    object-fit: cover;
}

.legacy-card__body {
    padding: 1rem;
}

.legacy-card__body span {
    color: var(--siba-pink);
    font-size: .76rem;
    font-weight: 800;
    text-transform: uppercase;
}

.legacy-card__body h4 {
    margin: .35rem 0 .5rem;
    color: var(--siba-navy);
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.35;
}

.legacy-card__body time {
    color: var(--siba-muted);
    font-size: .88rem;
    font-weight: 700;
}

/* Homepage promotions: displays approved campaign poster assets on the homepage. */
.home-promotions {
    padding: 3.5rem 0;
    background: var(--siba-soft);
}

.home-promotions .section-heading p:not(.eyebrow) {
    max-width: 720px;
    color: var(--siba-muted);
}

.home-promotions__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.promotion-card {
    overflow: hidden;
    border: 1px solid var(--siba-line);
    border-radius: var(--siba-radius);
    background: #fff;
}

.promotion-card__image {
    display: block;
    background: var(--siba-navy);
}

.promotion-card__image img {
    width: 100%;
    aspect-ratio: 4 / 5.6;
    object-fit: cover;
}

.poster-fit {
    display: block;
    aspect-ratio: var(--poster-ratio, 16 / 9);
    background: #f8fafc;
}

.poster-fit img {
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: var(--poster-ratio, 16 / 9);
    object-fit: contain;
}

.promotion-card__body {
    padding: 1.25rem;
}

.promotion-card__body span {
    display: inline-block;
    margin-bottom: .55rem;
    color: var(--siba-pink);
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.promotion-card__body h3 {
    margin: 0 0 .5rem;
    color: var(--siba-navy);
    font-size: 1.2rem;
    font-weight: 800;
}

.promotion-card__body p {
    color: var(--siba-muted);
}

.promotion-card__body a {
    color: var(--siba-pink);
    font-weight: 800;
}

/* Homepage SIBA Express: promotes the campus food and beverage service. */
.menu-express-feature {
    padding: 3.5rem 0;
    background: #fff;
}

.menu-express-feature__inner {
    display: grid;
    grid-template-columns: minmax(280px, .85fr) minmax(0, 1.15fr);
    overflow: hidden;
    border: 1px solid rgba(245, 86, 155, .16);
    border-radius: var(--siba-radius);
    background:
        linear-gradient(135deg, rgba(19, 85, 178, .98), rgba(19, 85, 178, .86));
    box-shadow: 0 22px 55px rgba(19, 85, 178, .14);
}

.menu-express-feature__image {
    display: block;
    background: #fff;
}

.menu-express-feature__image img {
    width: 100%;
    height: 100%;
    min-height: 520px;
    object-fit: contain;
}

.menu-express-feature__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(1.5rem, 4vw, 3rem);
    color: #fff;
}

.menu-express-feature__content h2 {
    margin: 0;
    font-size: clamp(2.2rem, 6vw, 5rem);
    font-weight: 900;
    line-height: .95;
}

.menu-express-feature__content strong {
    display: block;
    margin-top: 1rem;
    color: #fff;
    font-size: 1.25rem;
}

.menu-express-feature__content p:not(.eyebrow) {
    max-width: 620px;
    margin: 1rem 0 1.4rem;
    color: rgba(255, 255, 255, .78);
    font-size: 1.04rem;
}

.siba-express-mini-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 1rem;
}

.promotion-card__image.poster-fit img {
    height: 100%;
    aspect-ratio: var(--poster-ratio, 16 / 9);
    object-fit: contain;
}

/* Homepage approved poster galleries: preserves real poster aspect ratios from source files. */
.poster-gallery {
    padding: 3.5rem 0;
    background: var(--siba-soft);
}

.poster-gallery--white {
    background: #fff;
}

.poster-gallery .section-heading p:not(.eyebrow) {
    max-width: 780px;
    color: var(--siba-muted);
}

.poster-gallery__grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1rem;
}

.poster-gallery__grid--wide {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.course-poster-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.poster-gallery-card {
    overflow: hidden;
    border: 1px solid var(--siba-line);
    border-radius: var(--siba-radius);
    background: #fff;
    box-shadow: 0 14px 34px rgba(19, 85, 178, .06);
}

.poster-gallery-card__image {
    border-bottom: 1px solid var(--siba-line);
}

.poster-gallery-card__body {
    padding: 1rem;
}

.poster-gallery-card__body span {
    display: inline-block;
    margin-bottom: .45rem;
    color: var(--siba-pink);
    font-size: .72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.poster-gallery-card__body h3 {
    margin: 0;
    color: var(--siba-navy);
    font-size: 1rem;
    font-weight: 850;
    line-height: 1.35;
}

/* Homepage media and social: holds video thumbnails and official social channel links. */
.home-media-social {
    padding: 4rem 0;
    background:
        linear-gradient(180deg, #fff 0%, rgba(255, 203, 232, .34) 100%);
}

.home-media-social .section-heading p:not(.eyebrow) {
    max-width: 700px;
    color: var(--siba-muted);
}

.home-media-social__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.28fr) minmax(320px, .72fr);
    gap: 1.15rem;
    align-items: stretch;
}

.video-feature,
.social-proof-card {
    border: 1px solid rgba(19, 85, 178, .10);
    border-radius: var(--siba-radius);
    background: #fff;
    box-shadow: 0 18px 46px rgba(19, 85, 178, .08);
}

.video-feature {
    overflow: hidden;
    display: grid;
    grid-template-rows: auto 1fr;
    border-color: rgba(245, 86, 155, .22);
}

.video-feature__frame {
    position: relative;
    padding: .75rem;
    background:
        linear-gradient(135deg, rgba(19, 85, 178, .98), rgba(28, 99, 197, .92) 58%, rgba(245, 86, 155, .9));
}

.video-feature__frame img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    opacity: .86;
}

.video-feature__frame iframe {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    border: 0;
    border-radius: 8px;
    background: #0d1b3d;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .18);
}

.video-feature__label {
    position: absolute;
    z-index: 1;
    top: 1.25rem;
    left: 1.25rem;
    padding: .42rem .72rem;
    border: 1px solid rgba(255, 255, 255, .36);
    border-radius: 999px;
    background: rgba(255, 255, 255, .92);
    color: var(--siba-navy);
    font-size: .76rem;
    font-weight: 900;
    box-shadow: 0 10px 24px rgba(19, 85, 178, .18);
}

.video-feature__play {
    position: absolute;
    top: 50%;
    left: 50%;
    display: grid;
    width: 72px;
    height: 72px;
    place-items: center;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    color: #fff;
    background: var(--siba-pink);
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.video-feature__body {
    padding: 1.35rem 1.45rem 1.45rem;
}

.video-feature__body span {
    color: var(--siba-pink);
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.video-feature__body h3 {
    margin: .4rem 0 .5rem;
    color: var(--siba-navy);
    font-size: clamp(1.35rem, 2.2vw, 1.85rem);
    line-height: 1.2;
    font-weight: 900;
}

.video-feature__body p {
    margin: 0;
    color: var(--siba-muted);
    line-height: 1.65;
}

.video-feature__meta {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: .95rem;
}

.video-feature__meta span {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: .35rem .68rem;
    border: 1px solid rgba(245, 86, 155, .22);
    border-radius: 999px;
    background: rgba(255, 203, 232, .30);
    color: var(--siba-navy);
    font-size: .78rem;
    font-weight: 900;
    text-transform: none;
}

.video-feature__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    margin-top: 1rem;
}

.social-proof-list {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.social-proof-card {
    display: flex;
    min-height: 144px;
    flex-direction: column;
    justify-content: center;
    padding: 1.12rem;
    text-decoration: none;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.social-proof-card:hover {
    transform: translateY(-2px);
    border-color: rgba(245, 86, 155, .45);
    box-shadow: 0 22px 52px rgba(245, 86, 155, .14);
}

.social-proof-card--logo {
    align-items: flex-start;
    gap: .72rem;
}

.social-proof-card--channel {
    position: relative;
    justify-content: flex-start;
    gap: .55rem;
    overflow: hidden;
    padding: 1.18rem 1.18rem 1.08rem;
    border-left: 4px solid var(--siba-pink);
    background:
        linear-gradient(135deg, rgba(255, 203, 232, .28), rgba(255, 255, 255, .96) 42%),
        #fff;
}

.social-proof-card--channel::after {
    content: "";
    position: absolute;
    right: 1rem;
    top: 1rem;
    width: 42px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--siba-pink), var(--siba-navy));
    opacity: .75;
}

.social-proof-card--channel em {
    max-width: calc(100% - 3.8rem);
    color: var(--siba-pink);
    font-style: normal;
    font-size: .72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.platform-logo {
    display: inline-grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: 12px;
    color: #fff;
}

.platform-logo svg {
    width: 26px;
    height: 26px;
    fill: currentColor;
}

.platform-logo--facebook {
    background: #1877f2;
}

.platform-logo--line {
    background: #06c755;
}

.platform-logo--tiktok {
    background: #111;
}

.platform-logo--youtube {
    background: #ff0033;
}

.social-proof-card strong {
    color: var(--siba-navy);
    font-size: 1.05rem;
    font-weight: 900;
}

.social-proof-card span {
    margin-top: .45rem;
    color: var(--siba-muted);
    line-height: 1.45;
}

.social-proof-card--channel span {
    margin-top: 0;
}

.social-proof-card small {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 28px;
    margin-top: auto;
    padding: .34rem .62rem;
    border: 1px solid rgba(19, 85, 178, .12);
    border-radius: 999px;
    color: var(--siba-navy);
    background: rgba(19, 85, 178, .06);
    font-size: .78rem;
    font-weight: 900;
}

.social-proof-card .platform-logo + strong {
    margin-top: .1rem;
}

.youtube-activity-section {
    background: linear-gradient(180deg, #fff, #f8faff);
}

.youtube-activity-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.youtube-activity-card {
    display: flex;
    min-height: 210px;
    flex-direction: column;
    gap: .85rem;
    border: 1px solid rgba(19, 85, 178, .08);
    border-radius: var(--siba-radius);
    background: #fff;
    padding: 1.25rem;
    color: var(--siba-navy);
    text-decoration: none;
    box-shadow: 0 16px 38px rgba(19, 85, 178, .06);
    transition: transform .2s ease, border-color .2s ease;
}

.youtube-activity-card:hover {
    border-color: rgba(245, 86, 155, .36);
    transform: translateY(-2px);
}

.youtube-activity-card strong {
    font-size: 1.08rem;
    font-weight: 900;
}

.youtube-activity-card small {
    color: var(--siba-muted);
    line-height: 1.65;
}

/* Homepage programs: showcases course directions without depending on CMS data. */
.home-programs {
    padding: 3.5rem 0;
    background: #fff;
}

.home-programs .section-heading p:not(.eyebrow) {
    max-width: 680px;
    color: var(--siba-muted);
}

.home-programs__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.program-card {
    display: flex;
    min-height: 260px;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.25rem;
    border: 1px solid var(--siba-line);
    border-radius: var(--siba-radius);
    background: linear-gradient(180deg, #fff, #fbfcff);
}

.program-card span {
    width: fit-content;
    padding: .35rem .65rem;
    border-radius: 999px;
    color: var(--siba-pink);
    background: rgba(245, 86, 155, .08);
    font-size: .78rem;
    font-weight: 800;
}

.program-card h3 {
    margin: 1.1rem 0 .5rem;
    color: var(--siba-navy);
    font-size: 1.25rem;
    font-weight: 800;
}

.program-card p {
    color: var(--siba-muted);
}

.program-card a {
    color: var(--siba-pink);
    font-weight: 800;
}

/* Homepage career journey: explains how interest becomes portfolio and career readiness. */
.career-journey {
    padding: 3.5rem 0;
    color: #fff;
    background:
        linear-gradient(135deg, rgba(19, 85, 178, .98), rgba(19, 85, 178, .9)),
        url("/images/hero/hero-siba-index-2026.png") center/cover;
}

.career-journey .section-heading h2 {
    color: #fff;
}

.career-journey .section-heading p:not(.eyebrow) {
    max-width: 760px;
    color: rgba(255, 255, 255, .76);
}

.career-journey__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.career-step {
    min-height: 230px;
    padding: 1.25rem;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: var(--siba-radius);
    background: rgba(255, 255, 255, .07);
    backdrop-filter: blur(8px);
}

.career-step span {
    display: inline-grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 8px;
    color: #fff;
    background: var(--siba-pink);
    font-weight: 900;
}

.career-step h3 {
    margin: 1rem 0 .55rem;
    color: #fff;
    font-size: 1.15rem;
    font-weight: 850;
}

.career-step p {
    margin: 0;
    color: rgba(255, 255, 255, .75);
}

/* Homepage admission CTA: direct conversion area for campaigns and applicants. */
.home-admission-cta {
    padding: 3.5rem 0;
    background: var(--siba-soft);
}

.home-admission-cta__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.5rem;
    align-items: center;
    padding: 1.5rem;
    border: 1px solid var(--siba-line);
    border-radius: var(--siba-radius);
    background: #fff;
}

.home-admission-cta h2 {
    color: var(--siba-navy);
    font-weight: 800;
}

.home-admission-cta p {
    max-width: 640px;
    color: var(--siba-muted);
}

.home-admission-cta__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: flex-end;
}

.btn-outline-navy {
    color: var(--siba-navy);
    border-color: var(--siba-navy);
    font-weight: 700;
}

.btn-outline-navy:hover {
    color: #fff;
    background: var(--siba-navy);
}

/* Homepage digital campus: presents the college digital learning experience. */
.home-digital-campus {
    padding: 3.5rem 0;
    background: #fff;
}

.digital-campus-panel {
    height: 100%;
    padding: 1.5rem;
    border-radius: var(--siba-radius);
    color: #fff;
    background:
        linear-gradient(135deg, rgba(19, 85, 178, .96), rgba(245, 86, 155, .74)),
        url("/images/hero/siba-career-outcome-ai-digital-technology-careers-2026.jpg") center/cover;
}

.digital-campus-panel h2 {
    font-weight: 800;
}

.digital-campus-panel p:not(.eyebrow) {
    color: rgba(255, 255, 255, .82);
}

.digital-feature-list {
    display: grid;
    gap: 1rem;
}

.digital-feature-list article {
    display: grid;
    grid-template-columns: 54px 1fr;
    gap: 1rem;
    padding: 1.25rem;
    border: 1px solid var(--siba-line);
    border-radius: var(--siba-radius);
    background: #fff;
}

.digital-feature-list span {
    display: grid;
    width: 54px;
    height: 54px;
    place-items: center;
    border-radius: 8px;
    color: #fff;
    background: var(--siba-pink);
    font-weight: 800;
}

.digital-feature-list h3 {
    margin: 0 0 .35rem;
    color: var(--siba-navy);
    font-size: 1.1rem;
    font-weight: 800;
}

.digital-feature-list p {
    margin: 0;
    color: var(--siba-muted);
}

/* Homepage metrics: compact proof points for mobile and desktop scanning. */
.home-metrics {
    padding: 3.5rem 0;
    background: var(--siba-navy);
}

.home-metrics__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

.home-metrics__grid div {
    min-height: 120px;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: var(--siba-radius);
    background: rgba(255, 255, 255, .06);
}

.home-metrics__grid strong,
.home-metrics__grid span {
    display: block;
}

.home-metrics__grid strong {
    color: #fff;
    font-size: 1.35rem;
    font-weight: 800;
}

.home-metrics__grid span {
    margin-top: .5rem;
    color: rgba(255, 255, 255, .74);
}

.page-hero {
    color: #fff;
    background: linear-gradient(120deg, var(--siba-navy), #122761);
    padding: 3.5rem 0;
}

.course-grid,
.news-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.info-card {
    overflow: hidden;
    padding-bottom: 1.25rem;
}

.info-card img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    background: var(--siba-soft);
}

.info-card h2,
.info-card p,
.info-card .badge {
    margin-right: 1.25rem;
    margin-left: 1.25rem;
}

.info-card h2 {
    margin-top: 1.25rem;
    color: var(--siba-navy);
    font-size: 1.25rem;
    font-weight: 800;
}

/* News page: public archive layout for SIBA news and activity records. */
.news-hero {
    background:
        linear-gradient(120deg, rgba(19, 85, 178, .96), rgba(19, 85, 178, .82)),
        url("/images/legacy/activities/legacy-activities-0005.jpg") center/cover;
}

.news-overview {
    padding: 1.25rem 0;
    background: #fff;
    border-bottom: 1px solid var(--siba-line);
}

.news-simple-nav {
    position: sticky;
    z-index: 20;
    top: var(--header-offset, 104px);
    border-bottom: 1px solid var(--siba-line);
    background: rgba(255, 255, 255, .96);
    backdrop-filter: blur(12px);
}

.news-simple-nav .container {
    display: flex;
    gap: .35rem;
    overflow-x: auto;
    padding-top: .65rem;
    padding-bottom: .65rem;
    scrollbar-width: none;
}

.news-simple-nav .container::-webkit-scrollbar {
    display: none;
}

.news-simple-nav a {
    flex: 0 0 auto;
    border-radius: 6px;
    padding: .55rem .75rem;
    color: var(--siba-navy);
    text-decoration: none;
    font-size: .86rem;
    font-weight: 850;
}

.news-simple-nav a:hover {
    background: rgba(245, 86, 155, .08);
    color: var(--siba-pink);
}

.news-official-panel {
    padding-top: 2.25rem;
    padding-bottom: 1.5rem;
}

.news-official-panel__inner {
    display: grid;
    align-items: center;
    grid-template-columns: minmax(0, 1.2fr) auto;
    gap: 1.25rem;
    padding: clamp(1.25rem, 3vw, 2rem);
    border: 1px solid rgba(19, 85, 178, .12);
    border-left: 5px solid var(--siba-pink);
    background:
        linear-gradient(135deg, rgba(255, 203, 232, .55), rgba(255, 255, 255, .9) 42%),
        #fff;
    box-shadow: 0 18px 48px rgba(19, 85, 178, .08);
}

.news-official-panel__copy h2 {
    margin: .35rem 0 .55rem;
    color: var(--siba-navy);
    font-size: clamp(1.45rem, 3vw, 2.15rem);
    font-weight: 900;
}

.news-official-panel__copy p:not(.eyebrow) {
    max-width: 780px;
    margin: 0;
    color: var(--siba-muted);
    line-height: 1.8;
}

.news-official-panel__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .75rem;
}

.news-official-panel__topics {
    display: flex;
    flex-wrap: wrap;
    grid-column: 1 / -1;
    gap: .5rem;
    padding-top: .35rem;
}

.news-official-panel__topics span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: .4rem .7rem;
    border: 1px solid rgba(19, 85, 178, .12);
    border-radius: 6px;
    background: rgba(255, 255, 255, .74);
    color: var(--siba-navy);
    font-size: .92rem;
    font-weight: 800;
}

.news-simple-update-grid {
    margin-top: 1rem;
}

.news-listing-grid--compact {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.news-listing-grid--compact .news-listing-card h3 {
    font-size: .98rem;
}

.news-listing-grid--compact .news-listing-card p {
    font-size: .88rem;
}

.news-channel-band > .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    border-top: 1px solid var(--siba-line);
    padding-top: 1.5rem;
}

.news-channel-band h2 {
    color: var(--siba-navy);
    font-weight: 900;
}

.news-channel-band p:not(.eyebrow) {
    max-width: 720px;
    color: var(--siba-muted);
}

.news-overview__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
}

.news-overview__grid article {
    min-height: 128px;
    border: 1px solid var(--siba-line);
    border-radius: 8px;
    background: #fff;
    padding: 1rem;
}

.news-overview__grid span,
.news-overview__grid strong,
.news-overview__grid small {
    display: block;
}

.news-overview__grid span {
    color: var(--siba-pink);
    font-size: 1.55rem;
    font-weight: 800;
}

.news-overview__grid strong {
    margin-top: .35rem;
    color: var(--siba-navy);
    font-weight: 800;
}

.news-overview__grid small {
    margin-top: .4rem;
    color: var(--siba-muted);
    line-height: 1.55;
}

.news-featured-section {
    padding-bottom: 2rem;
}

.news-featured {
    display: grid;
    overflow: hidden;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
    border: 1px solid var(--siba-line);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 22px 54px rgba(19, 85, 178, .1);
}

.news-featured__image img {
    width: 100%;
    height: 100%;
    min-height: 420px;
    object-fit: cover;
    background: var(--siba-soft);
}

.news-featured__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(1.5rem, 4vw, 3rem);
}

.news-featured__body time,
.news-listing-card time,
.activity-feature-strip time {
    color: var(--siba-pink);
    font-size: .86rem;
    font-weight: 800;
}

.news-featured__body h2 {
    margin: .75rem 0;
    color: var(--siba-navy);
    font-size: clamp(1.55rem, 3vw, 2.55rem);
    font-weight: 800;
    line-height: 1.18;
}

.news-featured__body p {
    color: var(--siba-muted);
    line-height: 1.75;
}

.news-featured__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1rem;
}

.news-section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
}

.news-section-heading p:not(.eyebrow) {
    max-width: 780px;
    margin: .35rem 0 0;
    color: var(--siba-muted);
}

.news-archive-control {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.news-archive-panel {
    display: grid;
    grid-template-columns: minmax(260px, .85fr) minmax(0, 1.15fr);
    gap: 1rem;
    border: 1px solid var(--siba-line);
    border-radius: 8px;
    padding: clamp(1.25rem, 3vw, 1.75rem);
    background: linear-gradient(135deg, #fff, rgba(245, 86, 155, .055));
    box-shadow: 0 18px 44px rgba(19, 85, 178, .07);
}

.news-archive-panel__intro h2 {
    color: var(--siba-navy);
    font-weight: 900;
    letter-spacing: 0;
}

.news-archive-panel__intro p:not(.eyebrow) {
    color: var(--siba-muted);
    line-height: 1.75;
}

.news-taxonomy-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
}

.news-taxonomy-grid article {
    border: 1px solid rgba(19, 85, 178, .08);
    border-radius: 8px;
    padding: 1rem;
    background: rgba(255, 255, 255, .82);
}

.news-taxonomy-grid h3 {
    margin: 0 0 .75rem;
    color: var(--siba-navy);
    font-size: 1rem;
    font-weight: 900;
}

.news-chip-list {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.news-chip-list a {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    border: 1px solid rgba(245, 86, 155, .2);
    border-radius: 999px;
    padding: .42rem .68rem;
    background: #fff;
    color: var(--siba-navy);
    text-decoration: none;
    font-size: .86rem;
    font-weight: 800;
}

.news-chip-list a:hover {
    border-color: var(--siba-pink);
    color: var(--siba-pink);
}

.news-chip-list a.active {
    border-color: var(--siba-pink);
    background: var(--siba-pink);
    color: #fff;
}

.news-chip-list a.active strong {
    color: #fff;
}

.news-chip-list strong {
    color: var(--siba-pink);
    font-weight: 900;
}

.news-filter-form {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(240px, 1.4fr) repeat(2, minmax(180px, .8fr)) auto;
    align-items: end;
    gap: .75rem;
    border-top: 1px solid var(--siba-line);
    padding-top: 1rem;
}

.news-filter-form label,
.admin-news-filter label {
    display: grid;
    gap: .4rem;
}

.news-filter-form label span,
.admin-news-filter label span {
    color: var(--siba-navy);
    font-size: .78rem;
    font-weight: 850;
}

.news-filter-form input,
.news-filter-form select,
.admin-news-filter input,
.admin-news-filter select {
    width: 100%;
    min-height: 44px;
    border: 1px solid var(--siba-line);
    border-radius: 6px;
    padding: .65rem .75rem;
    background: #fff;
    color: var(--siba-navy);
}

.news-filter-form > div {
    display: flex;
    gap: .5rem;
}

.news-filter-result {
    display: flex;
    align-items: baseline;
    gap: .45rem;
    margin-bottom: .85rem;
    color: var(--siba-muted);
}

.news-filter-result strong {
    color: var(--siba-pink);
    font-size: 1.35rem;
    font-weight: 900;
}

.news-empty-state {
    border: 1px dashed var(--siba-line);
    border-radius: 8px;
    padding: 2rem;
    background: var(--siba-soft);
    text-align: center;
}

.news-empty-state h3 {
    color: var(--siba-navy);
    font-weight: 900;
}

.news-detail-hero {
    padding: clamp(2.5rem, 6vw, 5rem) 0;
    background: linear-gradient(135deg, var(--siba-navy), #14245a);
    color: #fff;
}

.news-detail-hero .breadcrumb-line,
.news-detail-hero .breadcrumb-line a {
    color: rgba(255, 255, 255, .74);
}

.news-detail-hero__copy {
    max-width: 980px;
    margin-top: 1.5rem;
}

.news-detail-hero__copy > span {
    display: inline-flex;
    border-radius: 999px;
    padding: .38rem .7rem;
    background: var(--siba-pink);
    color: #fff;
    font-size: .8rem;
    font-weight: 900;
}

.news-detail-hero h1 {
    margin: .9rem 0;
    color: #fff;
    font-size: clamp(2rem, 5vw, 4rem);
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.15;
}

.news-detail-hero p {
    max-width: 820px;
    color: rgba(255, 255, 255, .82);
    font-size: 1.06rem;
    line-height: 1.75;
}

.news-detail-hero time {
    color: #fff;
    font-weight: 800;
}

.news-detail-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 1.25rem;
    align-items: start;
}

.news-detail-main,
.news-detail-aside > div {
    border: 1px solid var(--siba-line);
    border-radius: 8px;
    background: #fff;
}

.news-detail-main {
    overflow: hidden;
}

.news-detail-cover {
    margin: 0;
    background: var(--siba-soft);
}

.news-detail-cover img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.news-detail-body {
    padding: clamp(1.25rem, 4vw, 2.5rem);
}

.news-detail-body p {
    color: #30384e;
    font-size: 1.03rem;
    line-height: 1.9;
}

.news-detail-aside {
    display: grid;
    gap: .85rem;
    position: sticky;
    top: 140px;
}

.news-detail-aside > div {
    padding: 1rem;
}

.news-detail-aside h2,
.news-detail-gallery h2 {
    color: var(--siba-navy);
    font-size: 1.05rem;
    font-weight: 900;
}

.news-detail-aside dl,
.news-detail-aside dd {
    margin: 0;
}

.news-detail-aside dl > div {
    display: grid;
    gap: .2rem;
    border-top: 1px solid var(--siba-line);
    padding: .75rem 0;
}

.news-detail-aside dt {
    color: var(--siba-muted);
    font-size: .78rem;
}

.news-detail-aside dd {
    color: var(--siba-navy);
    font-weight: 800;
}

.news-share-links {
    display: grid;
    gap: .55rem;
}

.news-share-links a {
    color: var(--siba-pink);
    font-weight: 800;
    text-decoration: none;
}

.news-detail-gallery {
    padding: 0 clamp(1.25rem, 4vw, 2.5rem) 2rem;
}

.news-detail-gallery > div {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
}

.news-detail-gallery img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 6px;
}

.admin-news-filter {
    display: grid;
    grid-template-columns: minmax(240px, 1.4fr) repeat(2, minmax(180px, .8fr)) auto;
    gap: .75rem;
    align-items: end;
    margin-bottom: 1rem;
}

.admin-news-filter > div {
    display: flex;
    align-items: center;
    gap: .55rem;
}

.admin-news-filter button,
.admin-news-filter a {
    min-height: 44px;
    border: 0;
    border-radius: 6px;
    padding: .68rem .85rem;
    text-decoration: none;
    font-weight: 850;
}

.admin-news-filter button {
    background: var(--siba-pink);
    color: #fff;
}

.admin-news-filter a {
    border: 1px solid var(--siba-line);
    background: #fff;
    color: var(--siba-navy);
}

.admin-news-list {
    display: grid;
    gap: .65rem;
}

.admin-news-row {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    border: 1px solid var(--siba-line);
    border-radius: 8px;
    padding: .75rem;
    background: #fff;
}

.admin-news-row > img {
    width: 150px;
    aspect-ratio: 16 / 9;
    border-radius: 6px;
    object-fit: cover;
    background: var(--siba-soft);
}

.admin-news-row__meta {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    color: var(--siba-muted);
    font-size: .76rem;
}

.admin-news-row__meta span,
.admin-news-row__meta strong {
    border-radius: 999px;
    padding: .25rem .55rem;
    background: var(--siba-soft);
    color: var(--siba-navy);
}

.admin-news-row__meta strong[data-status="approved"] { background: #e7f7ee; color: #187647; }
.admin-news-row__meta strong[data-status="review"] { background: #fff4d8; color: #8a5d00; }
.admin-news-row__meta strong[data-status="archived"] { background: #edf0f5; color: #5f6675; }

.admin-news-row h2 {
    margin: .45rem 0 .2rem;
    color: var(--siba-navy);
    font-size: 1rem;
    font-weight: 900;
}

.admin-news-row p {
    margin: 0;
    color: var(--siba-muted);
    font-size: .84rem;
    line-height: 1.55;
}

.admin-news-row__actions {
    display: grid;
    gap: .4rem;
    min-width: 86px;
}

.admin-news-row__actions a,
.admin-news-row__actions button {
    width: 100%;
    border: 1px solid var(--siba-line);
    border-radius: 5px;
    padding: .48rem .6rem;
    background: #fff;
    color: var(--siba-navy);
    text-align: center;
    text-decoration: none;
    font-size: .78rem;
    font-weight: 850;
}

.admin-news-row__actions button {
    color: #a32944;
}

.admin-news-form__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
}

.admin-field--wide,
.admin-news-image-preview,
.admin-checkbox {
    grid-column: 1 / -1;
}

.admin-news-image-preview img {
    width: min(100%, 520px);
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border: 1px solid var(--siba-line);
    border-radius: 8px;
}

.admin-checkbox {
    display: flex !important;
    grid-template-columns: auto 1fr !important;
    align-items: center;
}

.admin-checkbox input {
    width: 18px !important;
    min-height: 18px !important;
}

.news-listing-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.news-listing-card {
    overflow: hidden;
    border: 1px solid var(--siba-line);
    border-radius: 8px;
    background: #fff;
}

.news-listing-card__image {
    display: block;
    overflow: hidden;
    background: var(--siba-soft);
}

.news-listing-card__image img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    transition: transform .22s ease;
}

.news-listing-card:hover .news-listing-card__image img {
    transform: scale(1.035);
}

.news-listing-card__body {
    padding: 1rem;
}

.news-listing-card__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    margin-bottom: .65rem;
}

.news-listing-card__meta span {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    border-radius: 999px;
    background: rgba(245, 86, 155, .08);
    color: var(--siba-pink);
    padding: .2rem .65rem;
    font-size: .75rem;
    font-weight: 800;
}

.news-listing-card h3 {
    margin: 0;
    color: var(--siba-navy);
    font-size: 1.05rem;
    font-weight: 800;
    line-height: 1.38;
}

.news-listing-card h3 a {
    color: inherit;
    text-decoration: none;
}

.news-listing-card h3 a:hover {
    color: var(--siba-pink);
}

.news-listing-card p {
    margin: .65rem 0 0;
    color: var(--siba-muted);
    line-height: 1.65;
}

.activity-feature-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.activity-feature-strip article {
    display: grid;
    overflow: hidden;
    grid-template-columns: 128px minmax(0, 1fr);
    min-height: 128px;
    border: 1px solid var(--siba-line);
    border-radius: 8px;
    background: #fff;
}

.activity-feature-strip img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: var(--siba-soft);
}

.activity-feature-strip div {
    padding: .85rem;
}

.activity-feature-strip h3 {
    margin: .35rem 0 0;
    color: var(--siba-navy);
    font-size: .98rem;
    font-weight: 800;
    line-height: 1.36;
}

.news-community-section {
    background: #fff;
}

.news-community {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, .8fr);
    gap: 1.25rem;
    align-items: center;
    border: 1px solid var(--siba-line);
    border-radius: 8px;
    background: linear-gradient(120deg, #fff, #fff6fa);
    padding: clamp(1.25rem, 3vw, 2rem);
}

.news-community h2 {
    color: var(--siba-navy);
    font-weight: 800;
}

.news-community p {
    color: var(--siba-muted);
}

.news-community__steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .5rem;
}

.news-community__steps span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    border: 1px solid rgba(245, 86, 155, .18);
    border-radius: 8px;
    background: #fff;
    color: var(--siba-navy);
    font-weight: 800;
    text-align: center;
}

/* Course page: public program presentation for admission and parent review. */
.course-hero {
    background:
        linear-gradient(120deg, rgba(19, 85, 178, .96), rgba(19, 85, 178, .78)),
        url("/images/course/course-regular.png") center/cover;
}

.course-intro-strip {
    padding: 1.25rem 0;
    background: #fff;
    border-bottom: 1px solid var(--siba-line);
}

.course-intro-strip__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
}

.course-intro-strip article {
    min-height: 150px;
    border: 1px solid var(--siba-line);
    border-radius: 8px;
    background: #fff;
    padding: 1rem;
}

.course-intro-strip strong {
    display: block;
    color: var(--siba-navy);
    font-size: 1.1rem;
    font-weight: 800;
}

.course-intro-strip p,
.course-section-heading p:not(.eyebrow) {
    margin: .55rem 0 0;
    color: var(--siba-muted);
    line-height: 1.65;
}

.course-section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
}

.course-section-heading p:not(.eyebrow) {
    max-width: 780px;
}

.course-showcase-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.course-showcase-card {
    overflow: hidden;
    border: 1px solid var(--siba-line);
    border-radius: 8px;
    background: #fff;
}

.course-showcase-card__image {
    position: relative;
    overflow: hidden;
    background: var(--siba-soft);
}

.course-showcase-card__image img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    transition: transform .22s ease;
}

.course-showcase-card:hover .course-showcase-card__image img {
    transform: scale(1.03);
}

.course-showcase-card__image span {
    position: absolute;
    left: 1rem;
    bottom: 1rem;
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    border-radius: 999px;
    background: rgba(19, 85, 178, .88);
    color: #fff;
    padding: .35rem .85rem;
    font-size: .78rem;
    font-weight: 800;
}

.course-showcase-card__body {
    padding: 1.1rem;
}

.course-showcase-card__body h2 {
    margin: .3rem 0 .65rem;
    color: var(--siba-navy);
    font-size: 1.28rem;
    font-weight: 800;
}

.course-showcase-card__body p {
    color: var(--siba-muted);
    line-height: 1.7;
}

.course-showcase-card__body ul {
    display: grid;
    gap: .5rem;
    margin: 1rem 0 0;
    padding: 0;
    list-style: none;
}

.course-showcase-card__body li {
    position: relative;
    color: var(--siba-navy);
    padding-left: 1.25rem;
    line-height: 1.55;
}

.course-showcase-card__body li::before {
    position: absolute;
    top: .55rem;
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--siba-pink);
    content: "";
}

.course-department-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .75rem;
}

.course-department-grid span {
    display: inline-flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--siba-line);
    border-radius: 8px;
    background: #fff;
    color: var(--siba-navy);
    padding: .65rem .8rem;
    font-weight: 800;
    text-align: center;
}

.course-confidence-section {
    background: #fff;
}

.course-confidence {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, .85fr);
    gap: 1.25rem;
    align-items: center;
    border: 1px solid var(--siba-line);
    border-radius: 8px;
    background: linear-gradient(120deg, #fff, #f7f9ff);
    padding: clamp(1.25rem, 3vw, 2rem);
}

.course-confidence h2 {
    color: var(--siba-navy);
    font-weight: 800;
}

.course-confidence p {
    color: var(--siba-muted);
    line-height: 1.75;
}

.course-confidence__list {
    display: grid;
    gap: .75rem;
}

.course-confidence__list article {
    border: 1px solid rgba(19, 85, 178, .08);
    border-radius: 8px;
    background: #fff;
    padding: 1rem;
}

.course-confidence__list strong,
.course-confidence__list span {
    display: block;
}

.course-confidence__list strong {
    color: var(--siba-pink);
    font-weight: 800;
}

.course-confidence__list span {
    margin-top: .35rem;
    color: var(--siba-navy);
    font-weight: 700;
}

.course-cta-band {
    background:
        linear-gradient(120deg, rgba(19, 85, 178, .96), rgba(245, 86, 155, .88));
}

.course-cta-band .eyebrow,
.course-cta-band h2,
.course-cta-band p {
    color: #fff;
}

.course-cta-band p {
    color: rgba(255, 255, 255, .82);
}

/* Admission page: conversion-focused public page for students and parents. */
.admission-hero {
    background:
        linear-gradient(120deg, rgba(19, 85, 178, .96), rgba(245, 86, 155, .74)),
        url("/images/online-learning/siba-plus-flexible-learning-associate-degree-2026.jpg") center/cover;
}

.admission-highlight-strip {
    padding: 1.25rem 0;
    border-bottom: 1px solid var(--siba-line);
    background: #fff;
}

.admission-highlight-strip__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
}

.admission-highlight-strip article,
.admission-step-grid article,
.admission-program-grid article {
    border: 1px solid var(--siba-line);
    border-radius: 8px;
    background: #fff;
}

.admission-highlight-strip article {
    min-height: 124px;
    padding: 1rem;
}

.admission-highlight-strip strong,
.admission-highlight-strip span {
    display: block;
}

.admission-highlight-strip strong {
    color: var(--siba-navy);
    font-size: 1.1rem;
    font-weight: 800;
}

.admission-highlight-strip span,
.admission-section-heading p:not(.eyebrow),
.admission-step-grid p,
.admission-program-grid p,
.admission-support p {
    color: var(--siba-muted);
    line-height: 1.65;
}

.admission-highlight-strip span {
    margin-top: .5rem;
}

.admission-section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
}

.admission-section-heading p:not(.eyebrow) {
    max-width: 780px;
    margin: .35rem 0 0;
}

.admission-step-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.admission-step-grid article {
    min-height: 220px;
    padding: 1rem;
}

.admission-step-grid span {
    display: inline-flex;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--siba-pink);
    color: #fff;
    font-weight: 800;
}

.admission-step-grid strong {
    display: block;
    margin-top: .85rem;
    color: var(--siba-navy);
    font-size: 1.05rem;
    font-weight: 800;
}

.admission-step-grid p {
    margin: .55rem 0 0;
}

.admission-program-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.admission-program-grid article {
    min-height: 210px;
    padding: 1.15rem;
}

.admission-program-grid h3 {
    color: var(--siba-navy);
    font-weight: 800;
}

.admission-support {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, .78fr);
    gap: 1.25rem;
    align-items: stretch;
}

.admission-support > div,
.admission-support aside {
    border: 1px solid var(--siba-line);
    border-radius: 8px;
    background: #fff;
    padding: clamp(1.25rem, 3vw, 2rem);
}

.admission-support h2,
.admission-support h3 {
    color: var(--siba-navy);
    font-weight: 800;
}

.admission-support aside {
    background: linear-gradient(180deg, #fff, #fff5fa);
}

.admission-cta-band {
    background:
        linear-gradient(120deg, rgba(19, 85, 178, .96), rgba(245, 86, 155, .9));
}

.admission-cta-band .eyebrow,
.admission-cta-band h2 {
    color: #fff;
}

.admission-cta-band p {
    color: rgba(255, 255, 255, .82);
}

/* Scholarship page: opportunity-focused presentation for applicants and parents. */
.scholarship-hero {
    background:
        linear-gradient(120deg, rgba(19, 85, 178, .96), rgba(245, 86, 155, .72)),
        url("/images/scholarship/og-scholarships.png") center/cover;
}

.scholarship-intro-strip {
    padding: 1.25rem 0;
    border-bottom: 1px solid var(--siba-line);
    background: #fff;
}

.scholarship-intro-strip__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
}

.scholarship-intro-strip article,
.scholarship-card,
.scholarship-prepare {
    border: 1px solid var(--siba-line);
    border-radius: 8px;
    background: #fff;
}

.scholarship-intro-strip article {
    min-height: 126px;
    padding: 1rem;
}

.scholarship-intro-strip strong,
.scholarship-intro-strip span {
    display: block;
}

.scholarship-intro-strip strong {
    color: var(--siba-navy);
    font-size: 1.1rem;
    font-weight: 800;
}

.scholarship-intro-strip span,
.scholarship-section-heading p:not(.eyebrow),
.scholarship-feature p,
.scholarship-card p,
.scholarship-prepare p {
    color: var(--siba-muted);
    line-height: 1.65;
}

.scholarship-intro-strip span {
    margin-top: .5rem;
}

.scholarship-feature {
    display: grid;
    overflow: hidden;
    grid-template-columns: minmax(0, 1fr) minmax(340px, .78fr);
    gap: 1.25rem;
    align-items: center;
    border: 1px solid var(--siba-line);
    border-radius: 8px;
    background: #fff;
    padding: clamp(1.25rem, 3vw, 2rem);
}

.scholarship-feature h2,
.scholarship-section-heading h2,
.scholarship-prepare h2 {
    color: var(--siba-navy);
    font-weight: 800;
}

.scholarship-feature img {
    width: 100%;
    border-radius: 8px;
    background: var(--siba-soft);
}

.scholarship-section-heading {
    margin-bottom: 1.5rem;
}

.scholarship-section-heading p:not(.eyebrow) {
    max-width: 760px;
    margin: .35rem 0 0;
}

.scholarship-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.scholarship-card {
    overflow: hidden;
}

.scholarship-card img {
    width: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    background: var(--siba-soft);
}

.scholarship-card div {
    padding: 1rem;
}

.scholarship-card span {
    color: var(--siba-pink);
    font-size: .82rem;
    font-weight: 800;
}

.scholarship-card h3 {
    margin: .45rem 0 .65rem;
    color: var(--siba-navy);
    font-weight: 800;
}

.scholarship-prepare {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(360px, 1fr);
    gap: 1.25rem;
    padding: clamp(1.25rem, 3vw, 2rem);
}

.scholarship-cta-band {
    background:
        linear-gradient(120deg, rgba(19, 85, 178, .96), rgba(245, 86, 155, .9));
}

.scholarship-cta-band .eyebrow,
.scholarship-cta-band h2 {
    color: #fff;
}

.scholarship-cta-band p {
    color: rgba(255, 255, 255, .82);
}

/* Public utility pages: consistent hero imagery for service-oriented pages. */
.online-hero {
    background:
        linear-gradient(120deg, rgba(19, 85, 178, .96), rgba(19, 85, 178, .76)),
        url("/images/promotions/siba-admission-three-language-vocational-program-2026.jpg") center/cover;
}

.online-hero--plus {
    background:
        linear-gradient(120deg, rgba(19, 85, 178, .96), rgba(19, 85, 178, .68)),
        url("/images/online-learning/siba-plus-flexible-learning-associate-degree-2026.jpg") center 38%/cover;
}

.services-hero {
    background:
        linear-gradient(120deg, rgba(19, 85, 178, .96), rgba(19, 85, 178, .76)),
        url("/images/services/lifelong-banner.jpg") center/cover;
}

.documents-hero {
    background:
        linear-gradient(120deg, rgba(19, 85, 178, .96), rgba(245, 86, 155, .72)),
        url("/images/home-promotions/siba-tuition-payment-account-finance-2026.jpg") center/cover;
}

.online-feature img {
    object-position: center top;
}

.online-plus-feature {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 440px);
    align-items: center;
}

.online-plus-poster {
    display: block;
    overflow: hidden;
    border-radius: 18px;
    box-shadow: 0 24px 70px rgba(19, 85, 178, .18);
    background: #fff;
}

.online-plus-poster img {
    display: block;
    width: 100%;
    height: auto;
}

.online-program-grid .feature-card strong {
    color: var(--siba-pink);
}

.online-setup-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.online-download-card {
    align-items: center;
}

.about-hero {
    background:
        radial-gradient(circle at 16% 12%, rgba(245, 86, 155, .28), transparent 24rem),
        radial-gradient(circle at 88% 20%, rgba(255, 255, 255, .12), transparent 18rem),
        linear-gradient(135deg, #0D3D86 0%, #1355B2 58%, #1C63C5 100%);
}

.contact-hero {
    background:
        linear-gradient(120deg, rgba(19, 85, 178, .96), rgba(245, 86, 155, .72)),
        url("/images/services/lifelong-banner.jpg") center/cover;
}

.contact-location-band {
    background:
        linear-gradient(120deg, rgba(19, 85, 178, .96), rgba(245, 86, 155, .88));
}

.contact-location-band .eyebrow,
.contact-location-band h2 {
    color: #fff;
}

.contact-location-band p {
    color: rgba(255, 255, 255, .82);
}

.system-state {
    background: var(--siba-soft);
}

.system-state__panel {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.status-dot {
    flex: 0 0 auto;
    width: 14px;
    height: 14px;
    margin-top: .45rem;
    border-radius: 50%;
    background: var(--siba-pink);
    box-shadow: 0 0 0 8px rgba(245, 86, 155, .12);
}

.timeline {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.timeline div {
    position: relative;
    display: grid;
    align-content: start;
    min-height: 100%;
    padding: 1.25rem;
    border: 1px solid rgba(19, 85, 178, .08);
    border-radius: var(--siba-radius);
    background: #fff;
    box-shadow: 0 16px 38px rgba(19, 85, 178, .06);
}

.timeline span {
    display: inline-flex;
    width: fit-content;
    min-width: 88px;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    margin-bottom: .9rem;
    padding: .45rem .75rem;
    border-radius: 999px;
    color: #fff;
    background: linear-gradient(135deg, var(--siba-pink), #b91563);
    font-weight: 900;
    font-size: .86rem;
}

.timeline strong {
    color: var(--siba-navy);
    font-size: 1.08rem;
    line-height: 1.35;
}

.timeline p {
    margin: .55rem 0 0;
    color: var(--siba-muted);
}

.timeline--modern div::after {
    content: none;
}

.about-detail-section {
    background: linear-gradient(180deg, #fff, #f8faff);
}

.about-detail-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.about-detail-card {
    overflow: hidden;
    border: 1px solid rgba(19, 85, 178, .08);
    border-radius: var(--siba-radius);
    background: #fff;
    box-shadow: 0 18px 42px rgba(19, 85, 178, .07);
}

.about-detail-card__image {
    display: block;
    aspect-ratio: 16 / 9;
    background: #eef1f7;
}

.about-detail-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-detail-card__body {
    padding: 1rem;
}

.about-detail-card__body span {
    display: inline-block;
    margin-bottom: .45rem;
    color: var(--siba-pink);
    font-size: .78rem;
    font-weight: 900;
    text-transform: uppercase;
}

.about-detail-card__body h3 {
    margin: 0;
    color: var(--siba-navy);
    font-size: 1.12rem;
    font-weight: 900;
}

.about-detail-card__body p {
    margin: .55rem 0 .85rem;
    color: var(--siba-muted);
}

.about-detail-card__body > a {
    color: var(--siba-pink);
    font-weight: 900;
}

.executive-profile-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.executive-team-featured-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.executive-team-featured-card {
    overflow: hidden;
    border: 1px solid rgba(19, 85, 178, .08);
    border-radius: var(--siba-radius);
    background: #fff;
    box-shadow: 0 18px 42px rgba(19, 85, 178, .07);
}

.executive-team-featured-card img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

.executive-team-featured-card div {
    padding: 1.15rem;
}

.executive-team-featured-card span {
    display: inline-block;
    margin-bottom: .45rem;
    color: var(--siba-pink);
    font-weight: 900;
}

.executive-team-featured-card h2 {
    margin: 0;
    color: var(--siba-navy);
    font-size: 1.25rem;
    font-weight: 900;
}

.executive-team-featured-card p {
    margin: .7rem 0 0;
    color: var(--siba-muted);
}

.executive-profile-grid--compact {
    margin-top: 1rem;
}

.section-heading--sub {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(19, 85, 178, .08);
}

.executive-profile-card {
    overflow: hidden;
    border: 1px solid rgba(19, 85, 178, .08);
    border-radius: var(--siba-radius);
    background: #fff;
    box-shadow: 0 18px 42px rgba(19, 85, 178, .07);
}

.executive-profile-card img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.executive-profile-card div {
    padding: 1rem;
}

.executive-profile-card span {
    display: inline-block;
    margin-bottom: .45rem;
    color: var(--siba-pink);
    font-weight: 900;
}

.executive-profile-card h2 {
    margin: 0;
    color: var(--siba-navy);
    font-size: 1.18rem;
    font-weight: 900;
}

.executive-profile-card p {
    margin: .65rem 0 0;
    color: var(--siba-muted);
}

.heritage-related-section {
    background: linear-gradient(180deg, #fff, #f8faff);
}

.heritage-related-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

.heritage-related-grid a {
    display: flex;
    min-height: 64px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(19, 85, 178, .1);
    border-radius: 8px;
    background: #fff;
    color: var(--siba-navy);
    font-weight: 900;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 12px 30px rgba(19, 85, 178, .05);
    transition: transform .2s ease, border-color .2s ease, color .2s ease;
}

.heritage-related-grid a:hover,
.heritage-related-grid a.active {
    border-color: rgba(245, 86, 155, .38);
    color: var(--siba-pink);
    transform: translateY(-2px);
}

.learning-panel {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
}

.dashboard-table {
    display: grid;
    gap: 1rem;
}

.status-row {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 1rem;
    align-items: center;
}

.status-row h2 {
    margin: 0 0 .45rem;
    color: var(--siba-navy);
    font-size: 1.05rem;
    font-weight: 800;
}

.progress {
    height: 1.4rem;
}

.progress-bar {
    background: var(--siba-pink);
    font-weight: 700;
}

.site-footer {
    color: #fff;
    background:
        radial-gradient(circle at 10% 0%, rgba(245, 86, 155, .28), transparent 34rem),
        linear-gradient(135deg, #1355B2 0%, #0d1d4f 66%, #0D3D86 100%);
    padding: 3rem 0 1.35rem;
}

.footer-cta {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.25rem;
    align-items: center;
    margin-bottom: 2rem;
    padding: 1.35rem;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 12px;
    background: rgba(255, 255, 255, .08);
    box-shadow: 0 22px 60px rgba(0, 0, 0, .16);
}

.footer-cta .eyebrow,
.footer-map-panel .eyebrow {
    margin-bottom: .35rem;
    color: #ff8ab8;
}

.footer-cta h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.45rem, 2.8vw, 2.2rem);
    font-weight: 900;
}

.footer-cta p:not(.eyebrow) {
    margin: .45rem 0 0;
    color: rgba(255, 255, 255, .78);
}

.footer-cta__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .7rem;
    justify-content: flex-end;
}

.footer-main-grid {
    display: grid;
    grid-template-columns: minmax(260px, 1.25fr) repeat(3, minmax(150px, .75fr));
    gap: 1.5rem;
}

.footer-brand {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.footer-brand strong {
    display: block;
    margin-bottom: .4rem;
    color: #fff;
    font-family: var(--siba-font-heading);
    font-size: 1.18rem;
    font-weight: 900;
}

.footer-brand p,
.footer-map-panel p {
    margin: 0 0 .65rem;
    color: rgba(255, 255, 255, .74);
}

.site-footer h2 {
    margin: 0 0 .75rem;
    color: #fff;
    font-size: 1rem;
    font-weight: 900;
}

.site-footer a {
    display: block;
    margin-top: .48rem;
    color: rgba(255, 255, 255, .78);
    transition: color .2s ease, transform .2s ease;
}

.site-footer a:hover {
    color: #fff;
    transform: translateX(2px);
}

.footer-logo {
    width: 76px;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 12px 22px rgba(0, 0, 0, .2));
}

.footer-map-panel {
    display: grid;
    grid-template-columns: minmax(240px, .72fr) minmax(0, 1.28fr);
    gap: 1rem;
    align-items: stretch;
    margin-top: 2rem;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 12px;
    background: rgba(255, 255, 255, .07);
}

.footer-map-panel__copy {
    padding: .5rem;
}

.footer-map-panel__copy a {
    display: inline-flex;
    margin-top: .4rem;
    padding: .62rem .82rem;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 10px;
    background: rgba(255, 255, 255, .08);
    color: #fff;
    font-weight: 800;
}

.footer-map-panel iframe {
    width: 100%;
    min-height: 260px;
    border: 0;
    border-radius: 10px;
    background: rgba(255, 255, 255, .08);
}

.footer-bottom-line {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: space-between;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, .16);
    color: rgba(255, 255, 255, .68);
    font-size: .9rem;
}

.btn-outline-siba {
    color: var(--siba-pink);
    border-color: var(--siba-pink);
    font-weight: 700;
}

.btn-outline-siba:hover {
    color: #fff;
    background: var(--siba-pink);
    border-color: var(--siba-pink);
}

.hero-actions,
.button-row,
.cta-band__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    align-items: center;
}

.content-section--soft {
    background: var(--siba-soft);
}

.program-grid,
.feature-grid,
.contact-grid {
    display: grid;
    gap: 1rem;
}

.program-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.feature-grid,
.contact-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.program-card,
.feature-card,
.contact-card,
.cta-band {
    background: #fff;
    border: 1px solid var(--siba-line);
    border-radius: 8px;
    box-shadow: 0 18px 44px rgba(19, 85, 178, .08);
}

.program-card {
    overflow: hidden;
}

.program-card img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    background: var(--siba-soft);
}

.program-card__body,
.feature-card,
.contact-card {
    padding: 1.25rem;
}

.program-card__body span,
.feature-card strong,
.contact-card span {
    color: var(--siba-pink);
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.program-card h2,
.feature-card h2,
.contact-card h2,
.cta-band h2,
.feature-split h2 {
    color: var(--siba-navy);
    font-weight: 850;
}

.program-card h2,
.feature-card h2,
.contact-card h2 {
    margin: .5rem 0;
    font-size: 1.18rem;
}

.program-card p,
.feature-card p,
.contact-card p,
.cta-band p,
.feature-split p {
    color: var(--siba-muted);
}

.program-card ul,
.check-list {
    margin: .75rem 0 0;
    padding-left: 1.2rem;
    color: var(--siba-muted);
}

.program-card li,
.check-list li {
    margin-top: .35rem;
}

.feature-split {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, .9fr);
    align-items: center;
    gap: 2rem;
}

.feature-split img {
    width: 100%;
    border-radius: 8px;
    object-fit: cover;
    box-shadow: 0 18px 44px rgba(19, 85, 178, .12);
}

.pill-grid {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

.pill-grid span {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: .55rem .9rem;
    color: var(--siba-navy);
    background: #fff;
    border: 1px solid var(--siba-line);
    border-radius: 999px;
    font-weight: 700;
}

.cta-band {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.5rem;
}

.contact-card a {
    display: block;
    margin-top: .5rem;
}

.dashboard-path-row code {
    display: block;
    overflow-wrap: anywhere;
    color: var(--siba-navy);
    background: var(--siba-soft);
    border: 1px solid var(--siba-line);
    border-radius: 8px;
    padding: .8rem;
    font-size: .88rem;
}

.f1-dashboard-body {
    min-height: 100vh;
    color: #fff;
    background:
        radial-gradient(circle at 20% 0%, rgba(245, 86, 155, .25), transparent 34%),
        radial-gradient(circle at 80% 20%, rgba(0, 218, 255, .16), transparent 30%),
        linear-gradient(135deg, #050816 0%, #1355B2 54%, #02040B 100%);
    overflow-x: hidden;
}

.f1-dashboard {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    gap: clamp(.75rem, 1.4vw, 1rem);
    min-height: 100vh;
    max-width: 1480px;
    margin: 0 auto;
    padding: clamp(.8rem, 1.6vw, 1.4rem);
}

.f1-hero,
.f1-stats,
.f1-grid,
.f1-footer-strip {
    position: relative;
    z-index: 1;
}

.f1-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 1rem;
    align-items: stretch;
}

.f1-kicker,
.f1-panel__head span,
.f1-stat span,
.f1-footer-strip span {
    color: #9FE8FF;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.f1-hero h1 {
    margin: .15rem 0 .3rem;
    font-size: clamp(2rem, 4vw, 4.4rem);
    line-height: .92;
    font-weight: 950;
    text-transform: uppercase;
}

.f1-hero p {
    max-width: 820px;
    margin: 0;
    color: rgba(255, 255, 255, .72);
    font-size: clamp(.95rem, 1.2vw, 1.08rem);
}

.f1-overall,
.f1-stat,
.f1-panel,
.f1-footer-strip {
    border: 1px solid rgba(255, 255, 255, .16);
    background: linear-gradient(180deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .045));
    box-shadow: 0 20px 80px rgba(0, 0, 0, .26);
    backdrop-filter: blur(16px);
}

.f1-overall {
    display: grid;
    align-content: center;
    padding: 1rem;
    border-left: 5px solid var(--siba-pink);
}

.f1-overall span,
.f1-overall small {
    color: rgba(255, 255, 255, .68);
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.f1-overall strong {
    color: #fff;
    font-size: clamp(2.4rem, 5vw, 4rem);
    line-height: .9;
    font-weight: 950;
}

.f1-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

.f1-stat {
    overflow: hidden;
    padding: .9rem 1rem;
    border-top: 4px solid var(--siba-pink);
}

.f1-stat strong {
    display: block;
    margin-top: .2rem;
    font-size: clamp(1.9rem, 3vw, 3rem);
    line-height: 1;
    font-weight: 950;
}

.f1-stat small {
    color: rgba(255, 255, 255, .64);
    font-weight: 800;
    text-transform: uppercase;
}

.f1-stat--cyan { border-top-color: #00DAFF; }
.f1-stat--gold { border-top-color: #F8C14A; }
.f1-stat--green { border-top-color: #35E58B; }
.f1-stat--pink { border-top-color: var(--siba-pink); }

.f1-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(280px, .75fr) minmax(280px, .8fr);
    gap: .75rem;
    min-height: 0;
}

.f1-grid--handoff {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    margin-top: .75rem;
}

.f1-panel {
    min-height: 0;
    padding: .95rem;
}

.f1-panel--wide {
    margin-top: .75rem;
}

.f1-panel__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .8rem;
    padding-bottom: .65rem;
    border-bottom: 1px solid rgba(255, 255, 255, .14);
}

.f1-panel__head strong {
    color: #fff;
    font-size: .78rem;
    font-weight: 950;
}

.f1-readiness-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .55rem;
}

.f1-readiness-item {
    padding: .7rem;
    background: rgba(0, 0, 0, .22);
    border: 1px solid rgba(255, 255, 255, .1);
}

.f1-readiness-item > div:first-child {
    display: flex;
    justify-content: space-between;
    gap: .5rem;
    min-height: 34px;
}

.f1-readiness-item strong {
    color: #fff;
    font-size: .84rem;
    line-height: 1.15;
}

.f1-readiness-item span {
    color: #35E58B;
    font-weight: 950;
}

.f1-bar {
    height: 8px;
    overflow: hidden;
    margin-top: .55rem;
    background: rgba(255, 255, 255, .12);
}

.f1-bar i {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, var(--siba-pink), #00DAFF);
}

.f1-library-map {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .45rem;
}

.f1-library-map span,
.f1-note,
.f1-path-list div {
    background: rgba(0, 0, 0, .22);
    border: 1px solid rgba(255, 255, 255, .1);
}

.f1-library-map span {
    padding: .55rem;
    color: rgba(255, 255, 255, .88);
    font-size: .8rem;
    font-weight: 800;
}

.f1-note {
    margin-top: .75rem;
    padding: .7rem;
    color: rgba(255, 255, 255, .72);
    font-size: .82rem;
}

.f1-note strong {
    color: #F8C14A;
}

.f1-path-list {
    display: grid;
    gap: .5rem;
}

.f1-path-list div {
    padding: .6rem;
}

.f1-path-list span {
    display: block;
    color: #9FE8FF;
    font-size: .7rem;
    font-weight: 950;
    text-transform: uppercase;
}

.f1-path-list code {
    display: block;
    overflow: hidden;
    color: rgba(255, 255, 255, .82);
    font-size: .74rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.f1-department-table {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .5rem;
}

.f1-department-row {
    min-height: 132px;
    padding: .65rem;
    border: 1px solid rgba(255, 255, 255, .1);
    background: rgba(0, 0, 0, .22);
}

.f1-department-row strong,
.f1-department-row span,
.f1-department-row em,
.f1-department-row p {
    display: block;
}

.f1-department-row strong {
    color: #fff;
    font-size: .78rem;
}

.f1-department-row span {
    margin-top: .18rem;
    color: rgba(255, 255, 255, .52);
    font-size: .58rem;
}

.f1-department-row em {
    width: fit-content;
    margin-top: .45rem;
    padding: .16rem .42rem;
    border-radius: 999px;
    color: #1355B2;
    background: #F8C14A;
    font-size: .55rem;
    font-style: normal;
    font-weight: 950;
    text-transform: uppercase;
}

.f1-department-row p {
    margin: .45rem 0 0;
    color: rgba(255, 255, 255, .72);
    font-size: .62rem;
    line-height: 1.35;
}

.f1-canva-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .45rem;
}

.f1-canva-list a {
    min-height: 42px;
    padding: .55rem;
    border: 1px solid rgba(245, 86, 155, .22);
    color: #fff;
    background: rgba(245, 86, 155, .13);
    font-size: .66rem;
    font-weight: 850;
}

.f1-footer-strip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    min-height: 42px;
    padding: .65rem .9rem;
}

.f1-footer-strip a {
    color: #fff;
    background: var(--siba-pink);
    padding: .45rem .75rem;
    font-size: .78rem;
    font-weight: 900;
    text-transform: uppercase;
}

@media (max-width: 1100px) {
    .online-plus-feature,
    .online-setup-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1100px) {
    .f1-dashboard {
        min-height: auto;
    }

    .f1-hero,
    .f1-grid,
    .f1-grid--handoff {
        grid-template-columns: 1fr;
    }

    .f1-stats,
    .f1-readiness-grid,
    .f1-department-table {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .online-plus-feature,
    .online-setup-grid {
        grid-template-columns: 1fr;
    }

    .f1-dashboard-body {
        overflow: hidden;
    }

    .f1-dashboard {
        gap: .42rem;
        height: 100vh;
        min-height: 0;
        overflow: hidden;
        padding: .45rem;
    }

    .f1-hero {
        grid-template-columns: minmax(0, 1fr) 118px;
        gap: .45rem;
    }

    .f1-kicker {
        font-size: .54rem;
    }

    .f1-hero h1 {
        margin: .05rem 0;
        font-size: 1.45rem;
        line-height: .9;
    }

    .f1-hero p,
    .f1-overall small {
        display: none;
    }

    .f1-overall {
        padding: .45rem;
        border-left-width: 3px;
    }

    .f1-overall span {
        font-size: .52rem;
    }

    .f1-overall strong {
        font-size: 1.65rem;
    }

    .f1-stats,
    .f1-readiness-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: .35rem;
    }

    .f1-stat {
        min-height: 0;
        padding: .42rem;
        border-top-width: 3px;
    }

    .f1-stat span {
        font-size: .48rem;
    }

    .f1-stat strong {
        margin-top: .05rem;
        font-size: 1.15rem;
    }

    .f1-stat small {
        font-size: .5rem;
    }

    .f1-grid {
        display: grid;
        grid-template-columns: 1.35fr .9fr;
        grid-template-rows: minmax(0, 1fr) auto;
        gap: .42rem;
        min-height: 0;
    }

    .f1-grid--handoff {
        display: none;
    }

    .f1-panel {
        overflow: hidden;
        padding: .48rem;
    }

    .f1-panel--wide {
        margin-top: 0;
    }

    .f1-panel--readiness {
        grid-row: span 2;
    }

    .f1-panel__head {
        margin-bottom: .38rem;
        padding-bottom: .32rem;
    }

    .f1-panel__head span,
    .f1-panel__head strong {
        font-size: .5rem;
    }

    .f1-readiness-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .f1-readiness-item {
        padding: .34rem;
    }

    .f1-readiness-item > div:first-child {
        display: block;
        min-height: 30px;
    }

    .f1-readiness-item strong {
        display: block;
        overflow: hidden;
        font-size: .55rem;
        line-height: 1.05;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .f1-readiness-item span {
        display: block;
        margin-top: .1rem;
        font-size: .62rem;
    }

    .f1-bar {
        height: 5px;
        margin-top: .25rem;
    }

    .f1-library-map {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .25rem;
    }

    .f1-library-map span {
        overflow: hidden;
        padding: .28rem;
        font-size: .5rem;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .f1-note {
        display: none;
    }

    .f1-path-list {
        gap: .25rem;
    }

    .f1-path-list div {
        padding: .3rem;
    }

    .f1-path-list span {
        font-size: .48rem;
    }

    .f1-path-list code {
        font-size: .48rem;
    }

    .f1-department-table {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: .25rem;
    }

    .f1-department-row {
        min-height: 0;
        padding: .32rem;
    }

    .f1-department-row strong {
        overflow: hidden;
        font-size: .5rem;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .f1-department-row span,
    .f1-department-row p {
        display: none;
    }

    .f1-department-row em {
        margin-top: .18rem;
        padding: .1rem .22rem;
        font-size: .42rem;
    }

    .f1-footer-strip {
        min-height: 28px;
        padding: .35rem;
        overflow: hidden;
        flex-direction: row;
        white-space: nowrap;
    }

    .f1-footer-strip span {
        display: none;
    }

    .f1-footer-strip span:first-child {
        display: inline;
        overflow: hidden;
        min-width: 0;
        text-overflow: ellipsis;
    }

    .f1-footer-strip a {
        flex: 0 0 auto;
        padding: .25rem .45rem;
        font-size: .55rem;
    }
}

@media (max-width: 1199.98px) {
    .site-navbar {
        padding: .6rem 0;
    }

    .navbar-brand {
        min-width: 0;
    }

    .navbar-collapse {
        margin-top: .75rem;
        border: 1px solid rgba(19, 85, 178, .08);
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 18px 40px rgba(19, 85, 178, .12);
        padding: .85rem;
    }

    .site-nav-list {
        align-items: stretch;
        gap: .18rem;
    }

    .nav-link {
        display: block;
        padding: .72rem .85rem !important;
    }

    .site-nav-actions {
        align-items: stretch;
        flex-direction: column;
        margin-left: 0;
        margin-top: .75rem;
        padding-top: .75rem;
        border-top: 1px solid var(--siba-line);
    }

    .site-nav-actions .btn {
        width: 100%;
    }
}

@media (max-width: 991.98px) {
    .home-media-social__grid {
        grid-template-columns: 1fr;
    }

    .legacy-highlights__layout {
        grid-template-columns: 1fr;
    }

    .quick-grid,
    .quick-grid--public,
    .digital-services__grid,
    .portal-card-grid,
    .dashboard-card-grid,
    .project-status-grid,
    .home-value__grid,
    .career-journey__grid,
    .home-promotions__grid,
    .poster-gallery__grid,
    .poster-gallery__grid--wide,
    .course-poster-grid,
    .home-programs__grid,
    .home-metrics__grid,
    .news-overview__grid,
    .course-intro-strip__grid,
    .course-department-grid,
    .admission-highlight-strip__grid,
    .admission-step-grid,
    .scholarship-intro-strip__grid,
    .scholarship-card-grid,
    .course-matrix-grid,
    .course-branch-grid,
    .course-document-grid,
    .about-detail-grid,
    .executive-team-featured-grid,
    .executive-profile-grid,
    .heritage-related-grid,
    .youtube-activity-grid,
    .timeline,
    .program-grid,
    .feature-grid,
    .contact-grid,
    .course-grid,
    .news-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .news-featured,
    .news-community,
    .news-archive-panel,
    .course-showcase-grid,
    .course-confidence,
    .admission-support,
    .scholarship-feature,
    .scholarship-prepare {
        grid-template-columns: 1fr;
    }

    .news-featured__image img {
        min-height: 0;
        aspect-ratio: 16 / 9;
    }

    .news-listing-grid,
    .activity-feature-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .news-listing-grid--compact {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .news-channel-band > .container {
        align-items: flex-start;
        flex-direction: column;
    }

    .news-official-panel__inner {
        grid-template-columns: 1fr;
    }

    .news-official-panel__actions {
        justify-content: flex-start;
    }

    .news-taxonomy-grid {
        grid-template-columns: 1fr;
    }

    .news-filter-form,
    .admin-news-filter,
    .news-detail-layout {
        grid-template-columns: 1fr;
    }

    .news-detail-aside {
        position: static;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-news-row {
        grid-template-columns: 120px minmax(0, 1fr);
    }

    .admin-news-row > img {
        width: 120px;
    }

    .admin-news-row__actions {
        grid-column: 1 / -1;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .feature-split,
    .cta-band,
    .mis-connect-layout,
    .official-info-card,
    .official-info-card--wide,
    .parent-info-layout,
    .menu-express-feature__inner {
        grid-template-columns: 1fr;
    }

    .menu-express-feature__image img {
        min-height: 0;
        max-height: 720px;
        object-fit: contain;
    }

    .feature-split {
        display: grid;
    }

    .cta-band {
        align-items: flex-start;
        flex-direction: column;
    }

    .home-admission-cta__inner {
        grid-template-columns: 1fr;
    }

    .home-value__header {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .home-official-guide__inner {
        grid-template-columns: 1fr;
    }

    .home-official-guide__links a {
        grid-template-columns: minmax(0, .42fr) minmax(0, .58fr);
    }

    .quick-item:nth-child(4n) {
        border-right: 1px solid rgba(19, 85, 178, .09);
    }

    .quick-item:nth-child(2n) {
        border-right: 0;
    }

    .quick-item:nth-last-child(-n + 4) {
        border-bottom: 1px solid rgba(19, 85, 178, .09);
    }

    .quick-item:nth-last-child(-n + 2) {
        border-bottom: 0;
    }

    .ecosystem-feature-row {
        grid-template-columns: 1fr;
    }

    .home-admission-cta__actions {
        justify-content: flex-start;
    }

    .status-row {
        grid-template-columns: 1fr;
    }

    .footer-cta,
    .footer-main-grid,
    .footer-map-panel {
        grid-template-columns: 1fr;
    }

    .footer-cta__actions {
        justify-content: flex-start;
    }

    .footer-map-panel iframe {
        min-height: 320px;
    }

    .social-proof-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .news-listing-grid--compact {
        grid-template-columns: 1fr;
    }

    .news-simple-nav {
        position: static;
    }

    .hero,
    .page-hero {
        padding: 3rem 0 2.5rem;
    }

    .quick-access {
        padding-top: .5rem;
    }

    .quick-grid,
    .quick-grid--public,
    .digital-services__grid,
    .portal-card-grid,
    .dashboard-card-grid,
    .project-status-grid,
    .home-value__grid,
    .career-journey__grid,
    .home-promotions__grid,
    .poster-gallery__grid,
    .poster-gallery__grid--wide,
    .course-poster-grid,
    .home-programs__grid,
    .home-metrics__grid,
    .news-overview__grid,
    .news-listing-grid,
    .activity-feature-strip,
    .admission-program-grid,
    .scholarship-intro-strip__grid,
    .scholarship-card-grid,
    .course-intro-strip__grid,
    .course-department-grid,
    .course-showcase-grid,
    .course-matrix-grid,
    .course-branch-grid,
    .course-document-grid,
    .about-detail-grid,
    .executive-team-featured-grid,
    .executive-profile-grid,
    .heritage-related-grid,
    .youtube-activity-grid,
    .timeline,
    .program-grid,
    .feature-grid,
    .contact-grid,
    .course-grid,
    .news-grid {
        grid-template-columns: 1fr;
    }

    .home-official-guide {
        padding: 2.5rem 0;
    }

    .home-official-guide__links a {
        grid-template-columns: minmax(0, 1fr);
        gap: .2rem;
        padding: .95rem 0;
    }

    .home-official-guide__links small {
        grid-column: auto;
    }

    .quick-item,
    .quick-item:nth-child(2n),
    .quick-item:nth-child(4n) {
        border-right: 0;
    }

    .quick-item,
    .quick-item:nth-last-child(-n + 2),
    .quick-item:nth-last-child(-n + 4) {
        border-bottom: 1px solid rgba(19, 85, 178, .09);
    }

    .quick-item:last-child {
        border-bottom: 0;
    }

    .news-section-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .social-proof-list {
        grid-template-columns: 1fr;
    }

    .digital-service-card,
    .portal-card,
    .dashboard-summary-card,
    .project-status-card {
        min-height: auto;
        padding: 1rem;
    }

    .official-info-grid,
    .parent-info-layout,
    .official-info-card,
    .official-info-card--wide {
        grid-template-columns: 1fr;
    }

    .official-info-card img,
    .finance-info-card img {
        min-height: 0;
        max-height: 680px;
    }

    .finance-account-list li {
        flex-direction: column;
        gap: .25rem;
    }

    .course-section-heading,
    .admission-section-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .activity-feature-strip article {
        grid-template-columns: 112px minmax(0, 1fr);
    }

    .news-community__steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .course-confidence {
        grid-template-columns: 1fr;
    }

    .admission-highlight-strip__grid,
    .admission-step-grid,
    .admission-program-grid,
    .admission-support,
    .scholarship-feature,
    .scholarship-prepare {
        grid-template-columns: 1fr;
    }

    .site-topbar .container,
    .site-topbar .container-fluid {
        align-items: center;
        flex-direction: row;
        min-height: 32px;
        gap: .5rem;
    }

    .site-topbar__label {
        max-width: 52vw;
        font-size: .72rem;
    }

    .site-topbar__links {
        gap: .25rem;
    }

    .site-topbar a {
        margin: 0;
        padding: .18rem .42rem;
        font-size: .68rem;
    }

    .site-topbar__links > a:first-child {
        display: none;
    }

    .language-switch a {
        min-width: 30px;
        padding: .18rem .4rem;
        font-size: .66rem;
    }

    .brand-logo {
        width: 122px;
        height: auto;
        max-height: 44px;
    }

    .navbar-brand {
        gap: 0;
    }

    .navbar-brand strong {
        font-size: 1rem;
    }

    .navbar-brand small {
        font-size: .66rem;
    }

    .footer-cta {
        padding: 1rem;
    }

    .footer-cta__actions .btn,
    .footer-map-panel__copy a {
        width: 100%;
        justify-content: center;
    }

    .footer-brand {
        flex-direction: column;
    }

    .footer-map-panel {
        padding: .75rem;
    }

    .footer-map-panel iframe {
        min-height: 260px;
    }

    .home-programs,
    .home-value,
    .career-journey,
    .legacy-highlights,
    .home-promotions,
    .home-media-social,
    .home-admission-cta,
    .home-digital-campus,
    .home-metrics {
        padding: 2.5rem 0;
    }

    .video-feature__play {
        width: 58px;
        height: 58px;
    }

    .legacy-card {
        grid-template-columns: 1fr;
    }

    .legacy-card__image img {
        aspect-ratio: 16 / 9;
    }

    .digital-feature-list article {
        grid-template-columns: 44px 1fr;
    }

    .digital-feature-list span {
        width: 44px;
        height: 44px;
    }

    .learning-panel {
        align-items: flex-start;
        flex-direction: column;
    }
}

.admin-body {
    min-height: 100vh;
    background: #F3F5FA;
    color: var(--siba-ink);
}

.admin-login {
    display: grid;
    min-height: 100vh;
    place-items: center;
    padding: 1rem;
    background:
        linear-gradient(135deg, rgba(19, 85, 178, .96), rgba(19, 85, 178, .82)),
        url("/images/hero/hero-siba-index-2026.png") center/cover;
}

.admin-login__panel {
    width: min(100%, 520px);
    padding: 2rem;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .28);
}

.admin-login__panel h1,
.admin-page-title h1 {
    color: var(--siba-navy);
    font-weight: 900;
}

.admin-login__panel p,
.admin-page-title p,
.admin-module-card p,
.admin-module-card small,
.admin-demo span,
.admin-form small {
    color: var(--siba-muted);
}

.admin-form {
    display: grid;
    gap: 1rem;
    margin-top: 1.25rem;
}

.admin-form label,
.admin-form span {
    display: grid;
    gap: .4rem;
}

.admin-form span {
    color: var(--siba-navy);
    font-weight: 800;
}

.admin-form input,
.admin-form textarea,
.admin-form select {
    width: 100%;
    border: 1px solid var(--siba-line);
    border-radius: 8px;
    padding: .75rem .85rem;
    background: #fff;
    font: inherit;
}

.admin-form textarea {
    resize: vertical;
}

.admin-form button,
.admin-card-action,
.admin-card-secondary {
    border: 0;
    border-radius: 8px;
    padding: .78rem 1rem;
    color: #fff;
    background: var(--siba-pink);
    font-weight: 850;
    text-align: center;
}

.admin-card-secondary {
    border: 1px solid rgba(19, 85, 178, .18);
    color: var(--siba-navy);
    background: #fff;
}

.admin-module-card--new {
    border-style: dashed;
    background: linear-gradient(135deg, rgba(255, 203, 232, .42), rgba(255, 255, 255, .95));
}

.admin-checkbox {
    display: flex !important;
    align-items: center;
    gap: .65rem !important;
}

.admin-checkbox input {
    width: auto;
}

.admin-demo,
.admin-alert,
.admin-success {
    margin-top: 1rem;
    padding: .9rem;
    border-radius: 8px;
}

.admin-demo {
    background: var(--siba-soft);
}

.admin-demo strong,
.admin-demo span {
    display: block;
}

.admin-alert {
    color: #9d174d;
    background: #fff1f5;
}

.admin-success {
    color: #065f46;
    background: #ecfdf5;
}

.admin-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem clamp(1rem, 3vw, 2rem);
    color: #fff;
    background: var(--siba-navy);
}

.admin-header strong,
.admin-header span {
    display: block;
}

.admin-header span {
    color: rgba(255, 255, 255, .68);
    font-size: .9rem;
}

.admin-header nav {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.admin-header a {
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 999px;
    padding: .45rem .75rem;
    color: #fff;
    font-weight: 750;
}

.admin-shell {
    width: min(1180px, calc(100% - 2rem));
    margin: 0 auto;
    padding: 2rem 0;
}

.admin-page-title {
    margin-bottom: 1.25rem;
}

.admin-page-title--dashboard {
    max-width: 920px;
}

.admin-kpi-grid,
.admin-system-grid {
    display: grid;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.admin-kpi-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.admin-kpi-grid article,
.admin-system-card,
.admin-section {
    border: 1px solid var(--siba-line);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 16px 36px rgba(19, 85, 178, .06);
}

.admin-kpi-grid article {
    padding: 1rem;
}

.admin-kpi-grid span,
.admin-system-card span {
    color: var(--siba-pink);
    font-size: .76rem;
    font-weight: 900;
    text-transform: uppercase;
}

.admin-kpi-grid strong {
    display: block;
    margin: .15rem 0;
    color: var(--siba-navy);
    font-size: clamp(1.6rem, 4vw, 2.35rem);
    line-height: 1;
}

.admin-kpi-grid small,
.admin-system-card p,
.admin-section__head p {
    color: var(--siba-muted);
}

.admin-section {
    margin-bottom: 1.5rem;
    padding: 1rem;
}

.admin-section__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.admin-section__head h2 {
    margin: 0;
    color: var(--siba-navy);
    font-size: 1.35rem;
    font-weight: 900;
}

.admin-section__head p {
    max-width: 520px;
    margin: 0;
}

.admin-system-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-bottom: 0;
}

.admin-system-card {
    display: grid;
    gap: .65rem;
    padding: 1rem;
}

.admin-system-card h3 {
    margin: 0;
    color: var(--siba-navy);
    font-size: 1rem;
    font-weight: 900;
}

.admin-system-card a {
    width: fit-content;
    border-radius: 999px;
    padding: .45rem .75rem;
    color: #fff;
    background: var(--siba-navy);
    font-size: .85rem;
    font-weight: 850;
}

.admin-module-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.admin-module-card {
    display: grid;
    gap: .65rem;
    min-height: 250px;
    padding: 1rem;
    border: 1px solid var(--siba-line);
    border-radius: 8px;
    background: #fff;
}

.admin-module-card--locked {
    opacity: .58;
}

.admin-module-card > span {
    color: var(--siba-pink);
    font-size: .78rem;
    font-weight: 850;
}

.admin-module-card h2 {
    margin: 0;
    color: var(--siba-navy);
    font-size: 1.15rem;
    font-weight: 900;
}

.admin-status-row {
    display: grid;
    gap: .25rem;
    margin-top: auto;
}

.admin-status-row strong {
    width: fit-content;
    border-radius: 999px;
    padding: .25rem .55rem;
    color: #fff;
    background: var(--siba-navy);
    font-size: .78rem;
}

.admin-module-card em {
    color: var(--siba-muted);
    font-style: normal;
    font-weight: 800;
}

.admin-editor {
    border: 1px solid var(--siba-line);
    border-radius: 8px;
    padding: 1.25rem;
    background: #fff;
}

.admin-form--editor {
    grid-template-columns: 1fr;
}

.custom-page-layout {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: clamp(1.25rem, 4vw, 3rem);
    align-items: start;
}

.custom-page-hero-image {
    overflow: hidden;
    margin: 0;
    border: 1px solid var(--siba-line);
    border-radius: 8px;
    background: #fff;
}

.custom-page-hero-image img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

.custom-page-content {
    color: var(--siba-navy);
    line-height: 1.85;
}

.custom-page-content p {
    margin: 0 0 1rem;
    color: var(--siba-muted);
    font-size: 1.02rem;
}

@media (max-width: 991.98px) {
    .admin-kpi-grid,
    .admin-system-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-section__head {
        align-items: flex-start;
        flex-direction: column;
    }

    .admin-module-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .custom-page-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .news-filter-form > div,
    .admin-news-filter > div {
        align-items: stretch;
        flex-direction: column;
    }

    .news-detail-aside,
    .news-detail-gallery > div,
    .admin-news-form__grid {
        grid-template-columns: 1fr;
    }

    .admin-news-row {
        grid-template-columns: 1fr;
    }

    .admin-news-row > img {
        width: 100%;
    }

    .admin-news-row__actions {
        grid-column: auto;
        grid-template-columns: 1fr;
    }

    .admin-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .admin-kpi-grid,
    .admin-system-grid {
        grid-template-columns: 1fr;
    }

    .admin-module-grid {
        grid-template-columns: 1fr;
    }
}

/* Compact production header: keep desktop navigation in one clean row. */
@media (min-width: 1200px) {
    .site-navbar {
        padding: .52rem 0;
    }

    .site-navbar .container-fluid {
        flex-wrap: nowrap;
        gap: .75rem;
    }

    .navbar-brand {
        flex: 0 0 auto;
        min-width: 150px;
        gap: 0;
    }

    .brand-logo {
        width: 150px;
        height: auto;
        max-height: 54px;
    }

    .navbar-brand strong {
        font-size: 1.02rem;
        white-space: nowrap;
    }

    .navbar-brand small {
        font-size: .62rem;
        white-space: nowrap;
    }

    .navbar-collapse {
        min-width: 0;
        flex-wrap: nowrap;
    }

    .site-nav-list {
        flex: 1 1 auto;
        flex-wrap: nowrap;
        min-width: 0;
        justify-content: flex-end;
        gap: .08rem;
    }

    .site-nav-list .nav-item {
        flex: 0 0 auto;
    }

    .nav-link {
        white-space: nowrap;
        padding: .48rem .42rem !important;
        font-size: .76rem;
        font-weight: 850;
    }

    .site-nav-actions {
        flex: 0 0 auto;
        gap: .38rem;
        margin-left: .5rem;
    }

    .site-nav-actions .btn {
        padding: .54rem .66rem;
        font-size: .76rem;
        line-height: 1;
    }
}

@media (min-width: 1400px) {
    .navbar-brand {
        min-width: 166px;
    }

    .brand-logo {
        width: 166px;
        max-height: 58px;
    }

    .nav-link {
        padding: .56rem .62rem !important;
        font-size: .86rem;
    }

    .site-nav-actions .btn {
        padding: .62rem .86rem;
        font-size: .84rem;
    }
}

@media (max-width: 1199.98px) {
    .marketing-summary-grid,
    .marketing-platform-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .marketing-dashboard-layout {
        grid-template-columns: 1fr;
    }

    .funnel-track {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .funnel-step::after {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .marketing-summary-grid,
    .marketing-platform-grid,
    .funnel-track {
        grid-template-columns: 1fr;
    }

    .platform-card {
        min-height: auto;
    }

    .marketing-table div,
    .marketing-table--actions div,
    .data-source-row {
        grid-template-columns: 1fr;
        gap: .35rem;
    }

    .marketing-dashboard-layout {
        gap: .75rem;
    }

    .marketing-panel,
    .platform-card,
    .marketing-kpi-card {
        padding: 1rem;
    }
}

/* CMS production modules */
.admin-media-management-grid,
.admin-seo-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.admin-media-management-card,
.admin-seo-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #dfe3ec;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(17, 26, 60, 0.06);
}

.admin-media-management-card > img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    background: #f2f4f8;
}

.admin-media-management-card .admin-form,
.admin-seo-card .admin-form {
    padding: 18px;
}

.admin-media-management-card strong,
.admin-media-management-card small {
    display: block;
    overflow-wrap: anywhere;
}

.admin-media-management-card small {
    color: #667085;
}

.admin-seo-card > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 18px;
    cursor: pointer;
    color: #111a3c;
}

.admin-seo-card > summary span {
    color: #667085;
    font-size: 0.85rem;
}

.admin-inline-form {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(220px, 1.4fr) 150px auto auto;
    gap: 12px;
    align-items: end;
    margin-bottom: 20px;
}

.admin-user-create-form {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    align-items: end;
    margin-bottom: 22px;
}

.admin-user-create-form button {
    min-height: 44px;
}

.admin-inline-form button {
    min-height: 44px;
}

.admin-table-wrap {
    width: 100%;
    overflow-x: auto;
}

.admin-data-table {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
    background: #fff;
}

.admin-data-table th,
.admin-data-table td {
    padding: 13px 14px;
    border-bottom: 1px solid #e4e7ec;
    text-align: left;
    vertical-align: top;
}

.admin-data-table th {
    background: #111a3c;
    color: #fff;
    font-weight: 700;
}

.admin-empty-state {
    grid-column: 1 / -1;
    padding: 48px 24px;
    border: 1px dashed #cfd5e2;
    text-align: center;
    color: #667085;
    background: #f8f9fc;
}

.admin-empty-state i,
.admin-empty-state strong {
    display: block;
}

.admin-empty-state i {
    margin-bottom: 10px;
    color: #ed145b;
    font-size: 2rem;
}

@media (max-width: 991.98px) {
    .admin-media-management-grid,
    .admin-seo-grid {
        grid-template-columns: 1fr;
    }

    .admin-inline-form {
        grid-template-columns: 1fr 1fr;
    }

    .admin-user-create-form {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 575.98px) {
    .admin-inline-form {
        grid-template-columns: 1fr;
    }

    .admin-user-create-form {
        grid-template-columns: 1fr;
    }

    .admin-seo-card > summary {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* SIBA Signature final visibility and contrast lock */
body:has(.siba-signature-pathways) .siba-home-audience-card,
body:has(.siba-signature-pathways) .siba-home-proof-card,
body:has(.siba-signature-pathways) .siba-home-campaign-card,
body:has(.siba-signature-pathways) .siba-home-video-panel,
body:has(.siba-signature-pathways) .siba-home-news-panel {
    opacity: 1;
    transform: none;
}

body:has(.siba-signature-pathways) .siba-home-proof .section-heading h2,
body:has(.siba-signature-pathways) .siba-home-proof .section-heading p,
body:has(.siba-signature-pathways) .siba-home-proof-card h3,
body:has(.siba-signature-pathways) .siba-home-proof-card p,
body:has(.siba-signature-pathways) .siba-home-proof-card > span {
    color: #fff;
}

body:has(.siba-signature-pathways) .siba-home-proof .eyebrow {
    color: #ffc1d7;
}

body:has(.siba-signature-pathways) .siba-home-campaigns__grid {
    align-items: stretch;
}

body:has(.siba-signature-pathways) .siba-home-campaign-card {
    height: 100%;
}

/* Homepage campaign banner 2569: final cascade layer */
body .siba-home-hero {
    position: relative;
    overflow: hidden;
    background: #10183b;
}

body .siba-home-hero .carousel-item,
body .siba-home-hero .siba-home-hero__content {
    height: min(76svh, 760px);
    min-height: 620px;
}

body .siba-home-hero__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: none;
}

body .siba-home-hero__shade {
    position: absolute;
    inset: 0 auto 0 0;
    width: min(62vw, 880px);
    background: rgba(12, 22, 58, .86);
}

body .siba-home-hero__shade::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 7px;
    height: 100%;
    background: #ed145b;
    content: "";
}

body .siba-home-hero__content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: min(100% - 48px, 1320px);
    max-width: 1320px;
    margin-inline: auto;
    padding: 72px 52% 72px 0;
    color: #fff;
}

body .siba-home-hero__content .eyebrow {
    margin: 0 0 18px;
    color: #ff75a8;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
}

body .siba-home-hero__content h1 {
    max-width: 720px;
    margin: 0;
    color: #fff;
    font-size: clamp(42px, 4.7vw, 72px);
    line-height: 1.08;
    letter-spacing: 0;
}

body .siba-home-hero__content > p {
    max-width: 640px;
    margin: 22px 0 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: rgba(255, 255, 255, .88);
    font-size: 18px;
    line-height: 1.7;
}

body .siba-home-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}

body .siba-home-hero__meta {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 36px;
}

body .siba-home-hero__sequence {
    min-width: 62px;
    color: rgba(255, 255, 255, .76);
    font-size: 13px;
    font-weight: 800;
}

body .siba-home-hero__controls {
    display: flex;
    gap: 8px;
}

body .siba-home-hero__control {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .44);
    border-radius: 50%;
    background: rgba(9, 18, 48, .46);
    color: #fff;
}

body .siba-home-hero .carousel-indicators {
    right: 24px;
    bottom: 24px;
    left: auto;
    z-index: 3;
    width: auto;
    margin: 0;
    gap: 7px;
}

body .siba-home-hero .carousel-indicators button {
    width: 30px;
    height: 4px;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: rgba(255, 255, 255, .68);
}

body .siba-home-hero .carousel-indicators button.active {
    background: #ed145b;
}

@media (max-width: 991.98px) {
    body .siba-home-hero .carousel-item,
    body .siba-home-hero .siba-home-hero__content {
        height: min(74svh, 700px);
        min-height: 590px;
    }

    body .siba-home-hero__shade {
        width: 72vw;
    }

    body .siba-home-hero__content {
        width: min(100% - 40px, 940px);
        padding-right: 38%;
    }

    body .siba-home-hero__content h1 {
        font-size: clamp(38px, 6vw, 58px);
    }
}

@media (max-width: 620px) {
    body .siba-home-hero .carousel-item,
    body .siba-home-hero .siba-home-hero__content {
        height: 78svh;
        min-height: 650px;
        max-height: 760px;
    }

    body .siba-home-hero__image {
        position: absolute;
        inset: 0 0 auto;
        height: 38%;
        object-position: center 50% !important;
    }

    body .siba-home-hero__shade {
        inset: 38% 0 0;
        width: 100%;
        background: rgba(11, 20, 54, .94);
    }

    body .siba-home-hero__shade::after {
        top: 0;
        right: auto;
        width: 100%;
        height: 5px;
    }

    body .siba-home-hero__content {
        justify-content: flex-end;
        width: calc(100% - 32px);
        padding: 0 0 42px;
    }

    body .siba-home-hero__content .eyebrow {
        margin-bottom: 10px;
        font-size: 11px;
    }

    body .siba-home-hero__content h1 {
        font-size: clamp(31px, 9vw, 42px);
        line-height: 1.12;
    }

    body .siba-home-hero__content > p {
        margin-top: 13px;
        font-size: 15px;
        line-height: 1.55;
    }

    body .siba-home-hero__actions {
        gap: 8px;
        margin-top: 18px;
    }

    body .siba-home-hero__actions .btn {
        flex: 1 1 145px;
        min-height: 44px;
        padding-inline: 12px;
        font-size: 14px;
    }

    body .siba-home-hero__meta {
        margin-top: 18px;
    }

    body .siba-home-hero .carousel-indicators {
        right: 16px;
        bottom: 14px;
    }

    body .siba-home-hero .carousel-indicators button {
        width: 19px;
    }
}

/* SIBA Signature homepage: selected international concept */
body:has(.siba-signature-pathways) {
    --signature-pink: #ed145b;
    --signature-raspberry: #c20f52;
    --signature-wine: #86143f;
    --signature-navy: #101936;
    --signature-ink: #17203d;
    --signature-blush: #fff3f7;
    --signature-pearl: #f7f7fa;
    color: var(--signature-ink);
    background: #fff;
}

body:has(.siba-signature-pathways) .siba-home-hero .carousel-item,
body:has(.siba-signature-pathways) .siba-home-hero .siba-home-hero__content {
    height: min(74svh, 720px);
    min-height: 610px;
}

body:has(.siba-signature-pathways) .siba-home-hero__shade {
    width: 50%;
    background: rgba(255, 255, 255, .9);
}

body:has(.siba-signature-pathways) .siba-home-hero__shade::after {
    width: 1px;
    background: rgba(237, 20, 91, .45);
}

body:has(.siba-signature-pathways) .siba-home-hero__content {
    padding-right: 56%;
    color: var(--signature-navy);
}

body:has(.siba-signature-pathways) .siba-home-hero__content h1 {
    color: var(--signature-navy);
    font-size: clamp(52px, 6vw, 88px);
    line-height: .96;
}

body:has(.siba-signature-pathways) .siba-home-hero__content > p {
    color: var(--signature-pink);
}

body:has(.siba-signature-pathways) .siba-home-hero__content > span {
    display: block;
    max-width: 580px;
    margin-top: 22px;
    color: #4c5366;
    font-size: 17px;
    line-height: 1.7;
}

body:has(.siba-signature-pathways) .siba-home-hero__sequence {
    color: var(--signature-pink);
}

body:has(.siba-signature-pathways) .siba-home-hero__controls button {
    border-color: #d7d9e2;
    background: #fff;
    color: var(--signature-navy);
    transition: transform .2s ease, border-color .2s ease, color .2s ease;
}

body:has(.siba-signature-pathways) .siba-home-hero__controls button:hover {
    border-color: var(--signature-pink);
    color: var(--signature-pink);
    transform: translateY(-2px);
}

.siba-signature-pathways {
    position: relative;
    z-index: 4;
    border-bottom: 1px solid #e7e8ed;
    background: #fff;
}

.siba-signature-pathways > .container {
    display: grid;
    grid-template-columns: 1.18fr repeat(4, 1fr);
    max-width: 1320px;
    padding-block: 0;
}

.siba-signature-pathways__intro,
.siba-signature-pathways a {
    min-height: 154px;
    padding: 26px 24px;
    border-right: 1px solid #e7e8ed;
}

.siba-signature-pathways__intro {
    border-left: 1px solid #e7e8ed;
}

.siba-signature-pathways__intro span,
.siba-signature-pathways a b,
.siba-signature-pathways a span {
    display: block;
    color: var(--signature-pink);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.siba-signature-pathways__intro strong {
    display: block;
    margin-top: 12px;
    font-size: 23px;
    line-height: 1.25;
}

.siba-signature-pathways a {
    position: relative;
    color: var(--signature-navy);
    text-decoration: none;
    transition: color .25s ease, background .25s ease;
}

.siba-signature-pathways a span {
    margin-top: 24px;
    color: #818697;
    text-transform: none;
}

.siba-signature-pathways a strong {
    display: block;
    margin-top: 5px;
    font-size: 22px;
}

.siba-signature-pathways a i {
    position: absolute;
    right: 20px;
    bottom: 22px;
}

.siba-signature-pathways a:hover,
.siba-signature-pathways a:focus-visible {
    color: #fff;
    background: var(--signature-pink);
}

.siba-signature-pathways a:hover b,
.siba-signature-pathways a:hover span,
.siba-signature-pathways a:focus-visible b,
.siba-signature-pathways a:focus-visible span {
    color: rgba(255, 255, 255, .78);
}

body:has(.siba-signature-pathways) .siba-home-audience,
body:has(.siba-signature-pathways) .siba-home-campaigns,
body:has(.siba-signature-pathways) .siba-home-updates {
    padding-block: clamp(72px, 9vw, 128px);
    background: #fff;
}

body:has(.siba-signature-pathways) .section-heading {
    max-width: 760px;
    margin-bottom: 54px;
}

body:has(.siba-signature-pathways) .section-heading h2 {
    color: var(--signature-navy);
    font-size: clamp(34px, 4.4vw, 62px);
    line-height: 1.08;
}

body:has(.siba-signature-pathways) .siba-home-audience__grid {
    border-top: 1px solid #dfe1e8;
}

body:has(.siba-signature-pathways) .siba-home-audience-card {
    border: 0;
    border-right: 1px solid #dfe1e8;
    border-radius: 0;
    box-shadow: none;
    transition: background .25s ease, transform .25s ease;
}

body:has(.siba-signature-pathways) .siba-home-audience-card:hover {
    background: var(--signature-blush);
    transform: translateY(-6px);
}

body:has(.siba-signature-pathways) .siba-home-proof {
    padding-block: clamp(76px, 9vw, 132px);
    background: linear-gradient(110deg, var(--signature-wine), var(--signature-raspberry) 58%, var(--signature-pink));
}

body:has(.siba-signature-pathways) .siba-home-proof-card {
    border-color: rgba(255, 255, 255, .24);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body:has(.siba-signature-pathways) .siba-home-campaign-card__image {
    overflow: hidden;
    aspect-ratio: 4 / 3;
    border-radius: 0;
}

body:has(.siba-signature-pathways) .siba-home-campaign-card__image img,
body:has(.siba-signature-pathways) .siba-home-news-list img {
    transition: transform .55s cubic-bezier(.2,.75,.25,1);
}

body:has(.siba-signature-pathways) .siba-home-campaign-card:hover img,
body:has(.siba-signature-pathways) .siba-home-news-list a:hover img {
    transform: scale(1.045);
}

body:has(.siba-signature-pathways) .siba-home-updates {
    background: var(--signature-pearl);
}

.siba-live-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.siba-live-heading .eyebrow {
    margin: 0;
}

.siba-live-heading a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--signature-pink);
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

body:has(.siba-signature-pathways) .siba-home-admission {
    padding-block: 0;
    background: linear-gradient(105deg, #d80f58, #9e174d 72%, #78143d);
}

body:has(.siba-signature-pathways) .siba-home-admission__inner {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.siba-home-audience-card,
.siba-home-proof-card,
.siba-home-campaign-card,
.siba-home-video-panel,
.siba-home-news-panel {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity .65s ease var(--reveal-delay, 0ms), transform .65s cubic-bezier(.2,.72,.24,1) var(--reveal-delay, 0ms);
}

.siba-home-audience-card.is-visible,
.siba-home-proof-card.is-visible,
.siba-home-campaign-card.is-visible,
.siba-home-video-panel.is-visible,
.siba-home-news-panel.is-visible {
    opacity: 1;
    transform: none;
}

@media (max-width: 991.98px) {
    .siba-signature-pathways > .container {
        grid-template-columns: repeat(2, 1fr);
    }
    .siba-signature-pathways__intro {
        grid-column: 1 / -1;
        min-height: auto;
    }
    body:has(.siba-signature-pathways) .siba-home-hero__shade { width: 62%; }
    body:has(.siba-signature-pathways) .siba-home-hero__content { padding-right: 44%; }
}

@media (max-width: 620px) {
    body:has(.siba-signature-pathways) .siba-home-hero__shade {
        inset: 38% 0 0;
        width: 100%;
        background: rgba(255,255,255,.96);
    }
    body:has(.siba-signature-pathways) .siba-home-hero__content {
        padding-right: 0;
        color: var(--signature-navy);
    }
    body:has(.siba-signature-pathways) .siba-home-hero__content h1 { font-size: clamp(38px, 12vw, 52px); }
    body:has(.siba-signature-pathways) .siba-home-hero__content > span { font-size: 14px; line-height: 1.5; }
    .siba-signature-pathways > .container { grid-template-columns: 1fr 1fr; padding-inline: 0; }
    .siba-signature-pathways__intro { padding-inline: 18px; }
    .siba-signature-pathways a { min-height: 138px; padding: 20px 16px; }
    .siba-signature-pathways a strong { font-size: 19px; }
    .siba-live-heading { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
    .siba-home-audience-card,
    .siba-home-proof-card,
    .siba-home-campaign-card,
    .siba-home-video-panel,
    .siba-home-news-panel { opacity: 1; transform: none; transition: none; }
}

/* Homepage layout reset - consistent production composition */
.siba-home-hero,
.siba-home-hero .carousel-item,
.siba-home-hero__content {
    min-height: 620px;
}

.siba-home-hero__image {
    object-position: center;
}

.siba-home-hero__shade {
    background: linear-gradient(90deg, rgba(16, 20, 42, .86) 0%, rgba(16, 20, 42, .56) 48%, rgba(16, 20, 42, .14) 100%);
}

.siba-home-hero__content {
    max-width: 1320px;
    justify-content: center;
    padding-top: 3.5rem;
    padding-bottom: 5rem;
}

.siba-home-hero__content > p,
.siba-home-hero__content > h1,
.siba-home-hero__content > span,
.siba-home-hero__actions {
    width: min(100%, 680px);
}

.siba-home-hero__content h1 {
    margin: .9rem 0 1rem;
    font-size: 4.25rem;
    line-height: 1.08;
}

.siba-home-hero__content span {
    font-size: 1.15rem;
    line-height: 1.75;
}

.siba-home-audience,
.siba-home-proof,
.siba-home-campaigns,
.siba-home-updates,
.siba-home-admission {
    padding: 5rem 0;
}

.siba-home-audience .section-heading,
.siba-home-proof .section-heading,
.siba-home-campaigns .section-heading {
    display: block;
    max-width: 760px;
    margin-bottom: 2.5rem;
    padding-top: 0;
}

.siba-home-audience .section-heading::before,
.siba-home-proof .section-heading::before,
.siba-home-campaigns .section-heading::before {
    position: static;
    display: block;
    width: 48px;
    height: 4px;
    margin-bottom: 1rem;
}

.siba-home-audience .section-heading h2,
.siba-home-proof .section-heading h2,
.siba-home-campaigns .section-heading h2 {
    margin: .4rem 0 .75rem;
    font-size: 3rem;
    line-height: 1.16;
}

.siba-home-audience .section-heading h2 br,
.siba-home-proof .section-heading h2 br,
.siba-home-video-panel h2 br {
    display: none;
}

.siba-home-audience .section-heading > p:last-child,
.siba-home-proof .section-heading > p:last-child,
.siba-home-campaigns .section-heading > p:last-child {
    max-width: 680px;
    margin: 0;
    font-size: 1.05rem;
}

.siba-home-audience__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    border: 1px solid var(--siba-line);
    background: var(--siba-line);
}

.siba-home-audience-card,
.siba-home-audience-card:nth-child(odd),
.siba-home-audience-card:nth-child(n+3) {
    display: flex;
    min-height: 290px;
    flex-direction: column;
    padding: 1.6rem;
    border: 0;
    background: #fff;
}

.siba-home-audience-card__index {
    margin-bottom: 1.5rem;
}

.siba-home-audience-card small,
.siba-home-audience-card strong,
.siba-home-audience-card__summary,
.siba-home-audience-card__link {
    display: block;
    width: 100%;
}

.siba-home-audience-card strong {
    margin: .45rem 0 .75rem;
    font-size: 1.55rem;
    line-height: 1.3;
}

.siba-home-audience-card__summary {
    font-size: .96rem;
    line-height: 1.7;
}

.siba-home-audience-card__link {
    margin-top: auto;
    padding-top: 1rem;
}

.siba-home-proof__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.siba-home-proof-card {
    min-height: 220px;
    padding: 1.75rem;
}

.siba-home-proof-card > span {
    margin-bottom: 2rem;
}

.siba-home-proof-card h3 {
    font-size: 1.45rem;
}

.siba-home-campaigns__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: auto;
    gap: 1.25rem;
}

.siba-home-campaign-card,
.siba-home-campaign-card:first-child {
    grid-column: auto;
    grid-row: auto;
    display: block;
    min-height: 0;
    background: #fff;
}

.siba-home-campaign-card__image,
.siba-home-campaign-card:first-child .siba-home-campaign-card__image {
    display: block;
    min-height: 0;
    aspect-ratio: 16 / 10;
}

.siba-home-campaign-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.siba-home-campaign-card > div,
.siba-home-campaign-card:first-child > div {
    padding: 1.5rem;
}

.siba-home-campaign-card h3,
.siba-home-campaign-card:first-child h3 {
    font-size: 1.55rem;
    line-height: 1.3;
}

.siba-home-updates__layout {
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
    gap: 1.5rem;
    border: 0;
}

.siba-home-video-panel,
.siba-home-news-panel {
    padding: 2rem;
    border: 1px solid var(--siba-line);
    background: #fff;
}

.siba-home-video-panel {
    border-right: 1px solid var(--siba-line);
}

.siba-home-video-panel h2,
.siba-home-news-panel h2 {
    font-size: 2.25rem;
    line-height: 1.2;
}

.siba-home-admission__inner {
    padding: 3.5rem;
}

.siba-home-admission__inner h2 {
    font-size: 3rem;
    line-height: 1.15;
}

@media (max-width: 991.98px) {
    .siba-home-audience__grid,
    .siba-home-proof__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .siba-home-campaigns__grid,
    .siba-home-updates__layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .siba-home-hero,
    .siba-home-hero .carousel-item,
    .siba-home-hero__content {
        min-height: 520px;
    }

    .siba-home-hero__shade {
        background: linear-gradient(180deg, rgba(15, 18, 39, .22) 0%, rgba(15, 18, 39, .9) 76%);
    }

    .siba-home-hero__content {
        justify-content: flex-end;
        padding-top: 2rem;
        padding-bottom: 3.5rem;
    }

    .siba-home-hero__content h1 {
        margin: .65rem 0 .75rem;
        font-size: 2.55rem;
        line-height: 1.12;
    }

    .siba-home-hero__content span {
        font-size: .98rem;
        line-height: 1.6;
    }

    .siba-home-hero__actions {
        gap: .6rem;
    }

    .siba-home-hero__actions .btn {
        flex: 1 1 0;
        min-width: 0;
        padding-inline: .7rem;
        font-size: .88rem;
    }

    .siba-home-audience,
    .siba-home-proof,
    .siba-home-campaigns,
    .siba-home-updates,
    .siba-home-admission {
        padding: 3.5rem 0;
    }

    .siba-home-audience .section-heading,
    .siba-home-proof .section-heading,
    .siba-home-campaigns .section-heading {
        margin-bottom: 1.75rem;
    }

    .siba-home-audience .section-heading h2,
    .siba-home-proof .section-heading h2,
    .siba-home-campaigns .section-heading h2 {
        font-size: 2rem;
        line-height: 1.25;
    }

    .siba-home-audience__grid,
    .siba-home-proof__grid {
        grid-template-columns: 1fr;
    }

    .siba-home-audience-card,
    .siba-home-audience-card:nth-child(odd),
    .siba-home-audience-card:nth-child(n+3) {
        min-height: 0;
        padding: 1.35rem;
    }

    .siba-home-audience-card__index {
        margin-bottom: .85rem;
    }

    .siba-home-audience-card strong {
        font-size: 1.3rem;
    }

    .siba-home-audience-card__link {
        margin-top: 1.25rem;
    }

    .siba-home-proof-card {
        min-height: 0;
        padding: 1.35rem 0;
    }

    .siba-home-video-panel,
    .siba-home-news-panel {
        padding: 1.25rem;
    }

    .siba-home-video-panel h2,
    .siba-home-news-panel h2 {
        font-size: 1.75rem;
    }

    .siba-home-admission__inner {
        margin-inline: 0;
        padding: 2rem 1.25rem;
    }

    .siba-home-admission__inner h2 {
        font-size: 2rem;
    }
}

/* MIS School gateway: branded bridge before users leave to the external MIS system. */
.mis-gateway-hero {
    background:
        linear-gradient(135deg, rgba(19, 85, 178, .95), rgba(245, 86, 155, .82)),
        radial-gradient(circle at 82% 18%, rgba(255, 255, 255, .18), transparent 34%);
}

.mis-gateway-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
    gap: 1.25rem;
    align-items: stretch;
}

.mis-gateway-panel,
.mis-gateway-image,
.mis-step-card {
    border: 1px solid var(--siba-line);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 48px rgba(19, 85, 178, .08);
}

.mis-gateway-panel {
    padding: clamp(1.25rem, 3vw, 2rem);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.mis-gateway-panel h2,
.mis-step-card h2 {
    color: var(--siba-navy);
    font-weight: 900;
    letter-spacing: 0;
}

.mis-feature-list {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.mis-feature-list span {
    border: 1px solid rgba(245, 86, 155, .2);
    border-radius: 999px;
    padding: .45rem .75rem;
    background: rgba(245, 86, 155, .07);
    color: var(--siba-navy);
    font-size: .9rem;
    font-weight: 800;
}

.mis-gateway-image {
    overflow: hidden;
    min-height: 360px;
}

.mis-gateway-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.mis-step-card {
    display: grid;
    grid-template-columns: minmax(220px, .38fr) 1fr;
    gap: 1rem;
    padding: clamp(1.25rem, 3vw, 2rem);
}

.mis-step-card ol {
    margin: 0;
    padding-left: 1.25rem;
    display: grid;
    gap: .65rem;
    color: var(--siba-muted);
    font-weight: 650;
}

.mis-step-card li::marker {
    color: var(--siba-pink);
    font-weight: 900;
}

@media (max-width: 991.98px) {
    .mis-gateway-layout,
    .mis-step-card {
        grid-template-columns: 1fr;
    }

    .mis-gateway-image {
        min-height: 280px;
    }
}

/* Course page refinement: grouped program posters, downloadable study plans, and official references. */
.course-navigation-band {
    position: sticky;
    top: 0;
    z-index: 20;
    border-bottom: 1px solid var(--siba-line);
    background: rgba(255, 255, 255, .94);
    backdrop-filter: blur(16px);
}

.course-navigation-band .container {
    display: flex;
    gap: .65rem;
    overflow-x: auto;
    padding-block: .75rem;
}

.course-navigation-band a {
    flex: 0 0 auto;
    border: 1px solid rgba(19, 85, 178, .12);
    border-radius: 999px;
    padding: .55rem .9rem;
    color: var(--siba-navy);
    font-size: .9rem;
    font-weight: 850;
    text-decoration: none;
    white-space: nowrap;
}

.course-navigation-band a:hover {
    border-color: rgba(245, 86, 155, .35);
    background: rgba(245, 86, 155, .07);
    color: var(--siba-pink);
}

.course-poster-levels,
.course-document-levels {
    display: grid;
    gap: 1.35rem;
}

.course-poster-level,
.course-document-level {
    border: 1px solid var(--siba-line);
    border-radius: 8px;
    padding: clamp(1rem, 2.4vw, 1.35rem);
    background: #fff;
    box-shadow: 0 16px 42px rgba(19, 85, 178, .06);
}

.course-poster-level__head,
.course-document-level__head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.course-poster-level__head h3,
.course-document-level__head h3 {
    margin: 0;
    color: var(--siba-navy);
    font-size: clamp(1.25rem, 2.4vw, 1.65rem);
    font-weight: 950;
    letter-spacing: 0;
}

.course-poster-level__head p {
    max-width: 760px;
    margin: .35rem 0 0;
    color: var(--siba-muted);
    line-height: 1.7;
}

.course-poster-showcase {
    display: grid;
    grid-template-columns: minmax(240px, 340px) minmax(0, 1fr);
    gap: clamp(1rem, 2.2vw, 1.4rem);
    align-items: start;
}

.course-poster-feature {
    overflow: hidden;
    border: 1px solid rgba(19, 85, 178, .12);
    border-radius: 8px;
    background: #f8fafc;
}

.course-poster-summary {
    display: grid;
    gap: .8rem;
    align-content: start;
}

.course-poster-summary > span {
    width: fit-content;
    border-radius: 999px;
    padding: .45rem .75rem;
    background: rgba(245, 86, 155, .1);
    color: var(--siba-pink);
    font-size: .85rem;
    font-weight: 900;
}

.course-poster-summary h4 {
    margin: 0;
    color: var(--siba-navy);
    font-size: clamp(1.2rem, 2.3vw, 1.7rem);
    font-weight: 950;
    letter-spacing: 0;
}

.course-poster-summary p {
    max-width: 720px;
    margin: 0;
    color: var(--siba-muted);
    line-height: 1.7;
}

.course-poster-mini-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.course-poster-mini {
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr);
    grid-template-areas:
        "image title"
        "image label";
    column-gap: .75rem;
    align-items: center;
    min-height: 98px;
    border: 1px solid var(--siba-line);
    border-radius: 8px;
    padding: .65rem;
    color: inherit;
    text-decoration: none;
    background: linear-gradient(135deg, #fff, rgba(255, 203, 232, .18));
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.course-poster-mini:hover {
    transform: translateY(-2px);
    border-color: rgba(245, 86, 155, .34);
    box-shadow: 0 14px 30px rgba(19, 85, 178, .08);
}

.course-poster-mini img {
    grid-area: image;
    width: 74px;
    height: 98px;
    border-radius: 6px;
    object-fit: cover;
    background: #f8fafc;
}

.course-poster-mini strong {
    grid-area: title;
    color: var(--siba-navy);
    font-size: .95rem;
    font-weight: 900;
    line-height: 1.35;
}

.course-poster-mini small {
    grid-area: label;
    align-self: start;
    color: var(--siba-muted);
    font-size: .8rem;
    font-weight: 800;
}

.course-document-level__head span {
    border-radius: 999px;
    padding: .45rem .75rem;
    background: rgba(245, 86, 155, .1);
    color: var(--siba-pink);
    font-size: .85rem;
    font-weight: 900;
    white-space: nowrap;
}

.course-poster-grid--level {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.course-document-grid--level {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.course-plan-interest {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(260px, .65fr);
    gap: 1rem;
    align-items: center;
    margin-bottom: 1.35rem;
    border: 1px solid rgba(19, 85, 178, .12);
    border-left: 6px solid var(--siba-pink);
    border-radius: 8px;
    padding: clamp(1rem, 2.3vw, 1.4rem);
    background:
        linear-gradient(135deg, rgba(255, 203, 232, .32), rgba(255, 255, 255, .95)),
        #fff;
}

.course-plan-interest span {
    display: inline-block;
    margin-bottom: .45rem;
    color: var(--siba-pink);
    font-size: .82rem;
    font-weight: 950;
    text-transform: uppercase;
}

.course-plan-interest h3 {
    margin: 0;
    color: var(--siba-navy);
    font-size: clamp(1.2rem, 2.4vw, 1.65rem);
    font-weight: 950;
    letter-spacing: 0;
}

.course-plan-interest p {
    margin: .55rem 0 0;
    color: var(--siba-muted);
    line-height: 1.7;
}

.course-plan-interest ul {
    display: grid;
    gap: .5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.course-plan-interest li {
    border: 1px solid rgba(19, 85, 178, .1);
    border-radius: 8px;
    padding: .65rem .75rem;
    background: #fff;
    color: var(--siba-navy);
    font-weight: 850;
}

.course-document-card {
    position: relative;
    padding-bottom: 3.25rem;
}

.course-document-card--locked {
    background:
        linear-gradient(135deg, #fff, rgba(255, 203, 232, .16));
}

.course-document-card--locked::after {
    content: "ติดต่อขอรับเอกสาร";
    display: block;
    margin-top: .65rem;
    color: var(--siba-muted);
    font-size: .86rem;
    font-weight: 750;
}

.course-document-card small {
    position: absolute;
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
    width: fit-content;
    border-radius: 999px;
    padding: .45rem .75rem;
    background: var(--siba-navy);
    color: #fff;
}

.course-official-links-section {
    background:
        radial-gradient(circle at 8% 0%, rgba(245, 86, 155, .08), transparent 26rem),
        #fff;
}

.course-official-link-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.course-official-link-card {
    display: grid;
    gap: .65rem;
    min-height: 190px;
    border: 1px solid var(--siba-line);
    border-radius: 8px;
    padding: 1.15rem;
    background: #fff;
    color: inherit;
    text-decoration: none;
    box-shadow: 0 16px 42px rgba(19, 85, 178, .06);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.course-official-link-card:hover {
    transform: translateY(-3px);
    border-color: rgba(245, 86, 155, .34);
    box-shadow: 0 22px 52px rgba(245, 86, 155, .12);
}

.course-official-link-card span {
    width: fit-content;
    border-radius: 999px;
    padding: .4rem .65rem;
    background: rgba(19, 85, 178, .08);
    color: var(--siba-navy);
    font-size: .78rem;
    font-weight: 950;
}

.course-official-link-card strong {
    color: var(--siba-navy);
    font-size: 1.05rem;
    font-weight: 950;
    line-height: 1.35;
}

.course-official-link-card small {
    color: var(--siba-muted);
    font-size: .92rem;
    line-height: 1.65;
}

@media (max-width: 991.98px) {
    .course-poster-showcase,
    .course-plan-interest {
        grid-template-columns: 1fr;
    }

    .course-poster-grid--level,
    .course-document-grid--level,
    .course-official-link-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .course-navigation-band {
        position: static;
    }

    .course-poster-mini-grid {
        grid-template-columns: 1fr;
    }

    .course-poster-mini {
        grid-template-columns: 64px minmax(0, 1fr);
        min-height: 88px;
    }

    .course-poster-mini img {
        width: 64px;
        height: 88px;
    }

    .course-poster-grid--level,
    .course-document-grid--level,
    .course-official-link-grid {
        grid-template-columns: 1fr;
    }

    .course-poster-level__head,
    .course-document-level__head {
        flex-direction: column;
    }
}

/* Content intake preview: meeting-only blank areas and asset requirements. */
.content-intake-preview {
    padding: 3rem 0;
    background:
        radial-gradient(circle at 8% 0%, rgba(245, 86, 155, .08), transparent 28rem),
        linear-gradient(180deg, #fff, #f8faff);
}

.content-intake-preview__head,
.content-intake-note {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding: 1.25rem;
    border: 1px solid var(--siba-line);
    border-radius: 10px;
    background: #fff;
    box-shadow: var(--siba-shadow-soft);
}

.content-intake-note .container {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    justify-content: space-between;
}

.content-intake-note .container > span {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: .35rem .7rem;
    border-radius: 999px;
    background: rgba(245, 86, 155, .12);
    color: var(--siba-pink);
    font-size: .82rem;
    font-weight: 900;
}

.content-intake-preview__head h2,
.content-intake-note h2 {
    margin: 0;
    color: var(--siba-navy);
    font-size: clamp(1.5rem, 2.4vw, 2.1rem);
}

.content-intake-preview__head p:not(.eyebrow),
.content-intake-note p:not(.eyebrow) {
    max-width: 780px;
    margin: .4rem 0 0;
    color: var(--siba-muted);
}

.content-intake-preview__head > span,
.content-intake-summary__card > span {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: .35rem .7rem;
    border-radius: 999px;
    background: rgba(245, 86, 155, .12);
    color: var(--siba-pink);
    font-size: .82rem;
    font-weight: 900;
}

.content-intake-preview__owner {
    margin-bottom: 1rem;
    color: var(--siba-navy);
    font-weight: 900;
}

.content-intake-preview__grid,
.content-intake-summary__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.content-intake-card,
.content-intake-summary__card {
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--siba-line);
    border-radius: 10px;
    background: #fff;
    box-shadow: var(--siba-shadow-soft);
}

.content-intake-card__blank {
    display: grid;
    min-height: 145px;
    margin-bottom: 1rem;
    padding: 1rem;
    place-items: center;
    border: 1px dashed rgba(19, 85, 178, .34);
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(19, 85, 178, .05), rgba(245, 86, 155, .08));
    text-align: center;
}

.content-intake-card__blank strong {
    color: var(--siba-navy);
    font-size: 1.45rem;
    letter-spacing: 0;
}

.content-intake-card__blank small {
    display: block;
    max-width: 220px;
    margin-top: .35rem;
    color: var(--siba-muted);
    font-weight: 800;
    line-height: 1.45;
}

.content-intake-card h3,
.content-intake-summary__card h3 {
    margin: 0 0 .45rem;
    color: var(--siba-navy);
    font-size: 1.1rem;
}

.content-intake-card p,
.content-intake-summary__card p,
.content-intake-summary__card li {
    color: var(--siba-muted);
    line-height: 1.6;
}

.content-intake-card__size {
    width: fit-content;
    margin: .7rem 0;
    border-radius: 999px;
    padding: .38rem .68rem;
    background: rgba(19, 85, 178, .08);
    color: var(--siba-navy) !important;
    font-weight: 900;
}

.content-intake-summary__card ul {
    display: grid;
    gap: .55rem;
    margin: .8rem 0 0;
    padding-left: 1.1rem;
}

.content-intake-summary__card small {
    display: block;
    color: var(--siba-pink);
    font-weight: 800;
}

@media (max-width: 991.98px) {
    .content-intake-preview__grid,
    .content-intake-summary__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .content-intake-preview__head,
    .content-intake-note {
        flex-direction: column;
    }

    .content-intake-note .container {
        flex-direction: column;
    }

    .content-intake-preview__grid,
    .content-intake-summary__grid {
        grid-template-columns: 1fr;
    }
}

/* SIBA 2026 design refresh: cleaner cards, stronger identity, meeting-friendly pages. */
:root {
    --siba-shadow-soft: 0 12px 30px rgba(19, 85, 178, .08);
    --siba-shadow-card: 0 18px 42px rgba(19, 85, 178, .12);
    --siba-shadow-hover: 0 22px 50px rgba(245, 86, 155, .14);
}

body {
    background: #fff;
    color: var(--siba-ink);
    line-height: 1.65;
}

.site-header {
    border-bottom: 1px solid rgba(19, 85, 178, .08);
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 10px 30px rgba(19, 85, 178, .06);
}

.site-topbar {
    background: linear-gradient(90deg, var(--siba-navy), #1d68ca);
    color: #fff;
}

.site-navbar .nav-link,
.site-nav-link {
    color: var(--siba-ink);
    font-weight: 800;
}

.site-navbar .nav-link:hover,
.site-navbar .nav-link:focus,
.site-nav-link:hover,
.site-nav-link:focus {
    color: var(--siba-pink);
}

.btn,
.siba-btn,
.admin-card-action,
.admin-form button,
.admin-system-card a {
    border-radius: var(--siba-radius);
    font-weight: 900;
}

.siba-home-positioning,
.siba-home-audience,
.siba-home-proof,
.siba-home-campaigns,
.siba-home-updates,
.siba-home-admission,
.services-hub-section,
.service-detail-section,
.content-section {
    position: relative;
}

.siba-home-audience-card,
.siba-home-proof-card,
.siba-home-campaign-card,
.siba-home-update-card,
.service-hub-card,
.service-detail-card,
.feature-card,
.content-card,
.admin-system-card,
.admin-module-card,
.admin-kpi-grid article,
.content-intake-card,
.content-intake-summary__card {
    border: 1px solid rgba(19, 85, 178, .10);
    border-radius: var(--siba-radius);
    box-shadow: var(--siba-shadow-soft);
}

.siba-home-audience-card:hover,
.siba-home-proof-card:hover,
.siba-home-campaign-card:hover,
.service-hub-card:hover,
.service-detail-card:hover,
.feature-card:hover,
.admin-system-card:hover,
.admin-module-card:hover {
    box-shadow: var(--siba-shadow-hover);
    transform: translateY(-2px);
}

.siba-home-audience-card,
.siba-home-proof-card,
.siba-home-campaign-card,
.service-hub-card,
.service-detail-card,
.feature-card,
.admin-system-card,
.admin-module-card {
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.siba-home-hero__content,
.page-hero__content,
.service-hero__content {
    max-width: 760px;
}

.siba-home-hero__content h1,
.page-hero h1,
.service-hero h1,
.admin-page-title h1 {
    letter-spacing: 0;
}

.siba-home-hero__content p,
.page-hero p,
.service-hero p {
    color: rgba(255, 255, 255, .92);
}

.eyebrow {
    color: var(--siba-pink);
    font-weight: 900;
    letter-spacing: 0;
}

.content-intake-preview {
    background:
        radial-gradient(circle at 12% 0%, rgba(245, 86, 155, .12), transparent 24rem),
        radial-gradient(circle at 88% 12%, rgba(19, 85, 178, .10), transparent 24rem),
        linear-gradient(180deg, #fff, #f8faff);
}

.content-intake-preview__head,
.content-intake-note {
    border-radius: var(--siba-radius);
    box-shadow: var(--siba-shadow-card);
}

.content-intake-card__size {
    border-radius: var(--siba-radius);
}

.admin-body {
    background:
        radial-gradient(circle at 10% 0%, rgba(245, 86, 155, .08), transparent 26rem),
        linear-gradient(180deg, #f7faff, #fff);
}

.admin-header {
    border-bottom: 1px solid rgba(19, 85, 178, .10);
    background: #fff;
    box-shadow: 0 10px 30px rgba(19, 85, 178, .08);
}

.admin-header strong {
    color: var(--siba-navy);
}

.admin-header nav a {
    border-radius: var(--siba-radius);
}

.admin-page-title,
.admin-section {
    border-radius: var(--siba-radius);
}

.admin-kpi-grid article strong {
    color: var(--siba-navy);
}

.admin-form label span,
.admin-module-card h2,
.admin-system-card h3 {
    color: var(--siba-navy);
}

.admin-form input,
.admin-form textarea,
.admin-form select {
    border-radius: var(--siba-radius);
    border-color: rgba(19, 85, 178, .18);
}

.admin-form input:focus,
.admin-form textarea:focus,
.admin-form select:focus {
    border-color: var(--siba-pink);
    box-shadow: 0 0 0 3px rgba(245, 86, 155, .12);
    outline: none;
}

.admin-card-action,
.admin-form button,
.admin-system-card a {
    background: linear-gradient(135deg, var(--siba-navy), #1d68ca);
    color: #fff;
}

.admin-card-action:hover,
.admin-card-action:focus,
.admin-form button:hover,
.admin-form button:focus,
.admin-system-card a:hover,
.admin-system-card a:focus {
    background: linear-gradient(135deg, var(--siba-pink), #f77ab1);
    color: #fff;
}

@media (max-width: 767.98px) {
    .admin-header {
        align-items: flex-start;
        flex-direction: column;
        gap: .85rem;
    }

    .admin-header nav {
        width: 100%;
    }
}

.sdex-hero {
    background:
        linear-gradient(135deg, rgba(13, 36, 91, .96), rgba(14, 88, 182, .92)),
        linear-gradient(90deg, rgba(245, 86, 155, .22), transparent);
    color: #fff;
}

.sdex-hero h1,
.sdex-hero p,
.sdex-hero .eyebrow {
    color: #fff;
}

.sdex-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sdex-card,
.ai-test-panel {
    background: #fff;
    border: 1px solid rgba(19, 85, 178, .12);
    border-radius: var(--siba-radius);
    box-shadow: 0 16px 38px rgba(19, 85, 178, .08);
    padding: 1.1rem;
}

.sdex-card {
    display: flex;
    flex-direction: column;
    gap: .7rem;
    min-height: 100%;
}

.sdex-card__number {
    align-items: center;
    background: linear-gradient(135deg, var(--siba-pink), #f77ab1);
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    font-weight: 800;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.sdex-card strong {
    color: var(--siba-pink);
    font-size: .82rem;
}

.sdex-card h3,
.ai-test-panel h2 {
    color: var(--siba-navy);
    font-size: 1.05rem;
    margin: 0;
}

.sdex-card p,
.ai-test-panel p {
    color: #5b6375;
    margin: 0;
}

.sdex-card a,
.ai-test-examples button {
    background: rgba(19, 85, 178, .08);
    border: 0;
    border-radius: var(--siba-radius);
    color: var(--siba-navy);
    display: inline-flex;
    font-weight: 700;
    justify-content: center;
    margin-top: auto;
    padding: .72rem .9rem;
    text-decoration: none;
}

.sdex-card a:hover,
.sdex-card a:focus,
.ai-test-examples button:hover,
.ai-test-examples button:focus {
    background: var(--siba-pink);
    color: #fff;
}

.ai-test-layout {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
}

.ai-test-examples {
    display: grid;
    gap: .55rem;
    margin-top: 1rem;
}

.ai-test-examples form {
    margin: 0;
}

.ai-test-examples button {
    cursor: pointer;
    text-align: left;
    width: 100%;
}

.ai-test-answer > span {
    background: #fff0f6;
    border-radius: 999px;
    color: var(--siba-pink);
    display: inline-flex;
    font-size: .8rem;
    font-weight: 800;
    margin-bottom: .8rem;
    padding: .35rem .7rem;
}

/* Production admission experience */
.content-intake-preview,
.content-intake-note,
.siba-home-positioning { display:none !important; }

.application-hero {
    background: #0d245b;
    color: #fff;
    padding: clamp(3rem, 7vw, 6rem) 0;
}
.application-hero__layout { display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:2rem;align-items:end; }
.application-hero h1 { max-width:760px;margin:.35rem 0 1rem;font-size:clamp(2.2rem,4.5vw,4.6rem);line-height:1.05;letter-spacing:0; }
.application-hero p { max-width:720px;color:rgba(255,255,255,.86);font-size:1.08rem; }
.application-hero__facts { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem; }
.application-hero__facts span { border:1px solid rgba(255,255,255,.24);padding:.85rem 1rem;background:rgba(255,255,255,.08);font-weight:800; }
.application-page { padding:3rem 0 5rem;background:#f6f8fc; }
.application-layout { display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:1.5rem;align-items:start; }
.application-form,.application-help { background:#fff;border:1px solid #dfe5ef;box-shadow:0 16px 44px rgba(13,36,91,.08); }
.application-form { padding:clamp(1.25rem,3vw,2.3rem); }
.application-form__head { margin-bottom:1.5rem; }
.application-form__head h2 { margin:.25rem 0;color:#0d245b;letter-spacing:0; }
.application-alert { margin-bottom:1rem;padding:.9rem 1rem;border-left:4px solid #d8326f;background:#fff1f6;color:#8c1947;font-weight:700; }
.application-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem; }
.application-grid label { display:grid;gap:.4rem;font-weight:800;color:#16213b; }
.application-grid input,.application-grid select,.application-grid textarea { width:100%;min-height:48px;border:1px solid #cbd4e3;background:#fff;padding:.75rem .85rem;color:#16213b; }
.application-grid input:focus,.application-grid select:focus,.application-grid textarea:focus { outline:3px solid rgba(245,86,155,.18);border-color:#f5569b; }
.application-grid__full { grid-column:1/-1; }
.application-consent { display:flex;gap:.75rem;align-items:flex-start;margin:1.25rem 0;color:#4e596e;line-height:1.55; }
.application-consent input { width:20px;height:20px;flex:0 0 auto;margin-top:.15rem;accent-color:#f5569b; }
.application-submit { min-height:50px;padding-inline:1.4rem; }
.application-hp { position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important; }
.application-help { position:sticky;top:110px;overflow:hidden; }
.application-help img { width:100%;aspect-ratio:4/3;object-fit:cover;object-position:top; }
.application-help > div { padding:1.3rem; }
.application-help h2 { color:#0d245b;font-size:1.35rem;letter-spacing:0; }
.application-help .btn,.application-phone { width:100%;justify-content:center;margin-top:.7rem; }
.application-phone { display:flex;color:#0d245b;font-weight:900;text-decoration:none; }
.application-success { min-height:70vh;display:grid;place-items:center;padding:4rem 0;background:#f6f8fc; }
.application-success__panel { max-width:700px;margin:auto;padding:clamp(2rem,5vw,4rem);background:#fff;border:1px solid #dfe5ef;text-align:center;box-shadow:0 18px 48px rgba(13,36,91,.1); }
.application-success__icon { display:grid;width:64px;height:64px;margin:0 auto 1rem;place-items:center;border-radius:50%;background:#e7f8ef;color:#17824b;font-size:2rem;font-weight:900; }
.application-reference { display:grid;gap:.25rem;margin:1.5rem auto;padding:1rem;background:#f6f8fc;color:#4e596e; }
.application-reference strong { color:#0d245b;font-size:1.35rem;letter-spacing:.04em; }
@media (max-width: 900px) { .application-hero__layout,.application-layout { grid-template-columns:1fr; }.application-help { position:static; }.application-help img { aspect-ratio:16/7; } }
@media (max-width: 620px) { .application-grid,.application-hero__facts { grid-template-columns:1fr; }.application-hero h1 { font-size:2.35rem; }.application-page { padding-top:1rem; } }

/* Homepage campaign banner 2569: supplied student photography remains unaltered. */
.siba-home-hero {
    position: relative;
    background: #081331;
    color: #fff;
    overflow: hidden;
}

.siba-home-hero .carousel-item,
.siba-home-hero__content {
    height: min(76svh, 760px);
    min-height: 620px;
}

.siba-home-hero__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.siba-home-hero__shade {
    position: absolute;
    inset: 0 auto 0 0;
    width: min(62vw, 880px);
    background: rgba(7, 16, 43, .82);
}

.siba-home-hero__shade::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: 100%;
    background: rgba(235, 31, 107, .92);
}

.siba-home-hero__content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    max-width: 1320px;
    padding-top: 3.5rem;
    padding-bottom: 5.5rem;
}

.siba-home-hero__sequence {
    display: flex;
    align-items: baseline;
    gap: .45rem;
    margin-bottom: 1.25rem;
    color: rgba(255,255,255,.6);
}

.siba-home-hero__sequence b {
    color: #fff;
    font-size: 1.6rem;
}

.siba-home-hero__sequence small {
    font-size: .8rem;
}

.siba-home-hero__content > p {
    margin: 0 0 1rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: #ff88bb;
    font-size: .82rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0;
}

.siba-home-hero__content h1 {
    max-width: 720px;
    margin: 0;
    font-size: clamp(3rem, 6.2vw, 6.2rem);
    line-height: .98;
    letter-spacing: 0;
    text-shadow: 0 4px 24px rgba(0,0,0,.2);
}

.siba-home-hero__content > span {
    display: block;
    max-width: 650px;
    margin-top: 1.25rem;
    color: rgba(255,255,255,.86);
    font-size: 1.05rem;
    line-height: 1.75;
}

.siba-home-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1.75rem;
}

.siba-home-hero__controls {
    position: absolute;
    right: max(1.25rem, calc((100vw - 1320px) / 2));
    bottom: 2.25rem;
    z-index: 4;
    display: flex;
    gap: .5rem;
}

.siba-home-hero__controls button {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border: 1px solid rgba(255,255,255,.55);
    border-radius: 50%;
    background: rgba(7,16,43,.72);
    color: #fff;
    transition: background-color .2s ease, border-color .2s ease;
}

.siba-home-hero__controls button:hover,
.siba-home-hero__controls button:focus-visible {
    border-color: #ec1f6b;
    background: #ec1f6b;
}

.siba-home-hero__indicators {
    right: auto;
    bottom: 2.45rem;
    left: max(1.25rem, calc((100vw - 1320px) / 2));
    z-index: 4;
    justify-content: flex-start;
    width: 260px;
    margin: 0;
}

.siba-home-hero__indicators [data-bs-target] {
    width: 28px;
    height: 4px;
    margin: 0 4px 0 0;
    border: 0;
    background: rgba(255,255,255,.55);
    opacity: 1;
}

.siba-home-hero__indicators .active {
    width: 52px;
    background: #ec1f6b;
}

@media (max-width: 991px) {
    .siba-home-hero .carousel-item,
    .siba-home-hero__content {
        height: min(78svh, 700px);
        min-height: 600px;
    }

    .siba-home-hero__shade {
        width: 76vw;
        background: rgba(7,16,43,.76);
    }

    .siba-home-hero__content h1 {
        max-width: 620px;
        font-size: clamp(2.8rem, 8vw, 5.2rem);
    }
}

@media (max-width: 620px) {
    .siba-home-hero .carousel-item,
    .siba-home-hero__content {
        height: min(76svh, 650px);
        min-height: 590px;
    }

    .siba-home-hero__image {
        object-position: center 28% !important;
    }

    .siba-home-hero__shade {
        inset: 34% 0 0;
        width: 100%;
        height: auto;
        background: rgba(7,16,43,.9);
    }

    .siba-home-hero__shade::after {
        top: 0;
        right: auto;
        width: 100%;
        height: 6px;
    }

    .siba-home-hero__content {
        justify-content: flex-end;
        padding: 1.25rem 1.1rem 5.5rem;
    }

    .siba-home-hero__sequence {
        margin-bottom: .65rem;
    }

    .siba-home-hero__content > p {
        margin-bottom: .5rem;
    }

    .siba-home-hero__content h1 {
        font-size: 2.55rem;
        line-height: 1.02;
    }

    .siba-home-hero__content > span {
        margin-top: .75rem;
        font-size: .9rem;
        line-height: 1.55;
    }

    .siba-home-hero__actions {
        gap: .5rem;
        margin-top: 1rem;
    }

    .siba-home-hero__actions .btn {
        min-height: 44px;
        padding: .65rem .9rem;
        font-size: .86rem;
    }

    .siba-home-hero__controls {
        right: 1rem;
        bottom: 1.2rem;
    }

    .siba-home-hero__controls button {
        width: 42px;
        height: 42px;
    }

    .siba-home-hero__indicators {
        bottom: 1.45rem;
        left: 1.1rem;
        width: 150px;
    }

    .siba-home-hero__indicators [data-bs-target] {
        width: 18px;
    }

    .siba-home-hero__indicators .active {
        width: 34px;
    }
}

/* SIBA Express marketing page */
.express-page { background:#fff; color:#20242c; }
.express-hero { position:relative;min-height:680px;display:flex;align-items:center;overflow:hidden;background:#16110f;color:#fff; }
.express-hero__image,.express-hero__overlay { position:absolute;inset:0;width:100%;height:100%; }
.express-hero__image { object-fit:cover;object-position:center; }
.express-hero__overlay { background:linear-gradient(90deg,rgba(18,10,8,.92) 0%,rgba(18,10,8,.72) 48%,rgba(18,10,8,.12) 100%); }
.express-hero__content { position:relative;z-index:1;padding-top:5rem;padding-bottom:5rem; }
.express-breadcrumb { margin-bottom:4rem;color:rgba(255,255,255,.78); }
.express-breadcrumb a { color:#fff; }
.express-kicker { margin:0 0 .5rem;color:#f5569b;font-size:.82rem;font-weight:900;letter-spacing:.12em; }
.express-hero h1 { max-width:760px;margin:0;font-size:clamp(4rem,9vw,8.5rem);line-height:.9;letter-spacing:0;text-transform:uppercase; }
.express-hero__lead { max-width:650px;margin:1.4rem 0;color:rgba(255,255,255,.9);font-size:1.12rem;line-height:1.8; }
.express-price-callout { display:flex;width:fit-content;align-items:end;gap:.55rem;margin:1rem 0 1.4rem;padding:.8rem 1rem;border-left:4px solid #f5569b;background:rgba(255,255,255,.1);backdrop-filter:blur(8px); }
.express-price-callout span { align-self:center;font-weight:800; }
.express-price-callout strong { color:#fff;font-size:3.2rem;line-height:.8; }
.express-price-callout small { font-weight:900; }
.express-hero__actions { display:flex;flex-wrap:wrap;gap:.7rem; }
.express-btn-primary,.express-btn-light,.express-btn-dark { min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.2rem;border-radius:4px;font-weight:900; }
.express-btn-primary { border-color:#f5569b;background:#f5569b;color:#fff; }
.express-btn-primary:hover { border-color:#d93a7c;background:#d93a7c;color:#fff; }
.express-btn-light { border-color:#fff;background:#fff;color:#151922; }
.express-btn-dark { border-color:#0d245b;background:#0d245b;color:#fff; }
.express-quickbar { background:#f5569b;color:#fff; }
.express-quickbar__grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr)); }
.express-quickbar__grid div { display:grid;gap:.15rem;min-height:100px;padding:1.35rem 1.5rem;border-right:1px solid rgba(255,255,255,.3);align-content:center; }
.express-quickbar__grid strong { font-size:1.05rem; }
.express-quickbar__grid span { color:rgba(255,255,255,.88); }
.express-menu-section { padding:5rem 0;background:#f7f4f1; }
.express-weekly-section { padding:5rem 0;background:#fff; }
.express-weekly-visuals { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem; }
.express-weekly-visuals figure { position:relative;margin:0;overflow:hidden;aspect-ratio:16/9;background:#eee; }
.express-weekly-visuals img { width:100%;height:100%;object-fit:cover; }
.express-weekly-visuals figcaption { position:absolute;left:1rem;right:1rem;bottom:1rem;display:flex;justify-content:space-between;align-items:end;gap:1rem;padding:.9rem 1rem;background:rgba(13,36,91,.9);color:#fff; }
.express-weekly-visuals figcaption strong { font-size:1.15rem; }
.express-weekly-visuals figcaption span { color:#fff;font-weight:800; }
.express-weekly-table { border-top:4px solid #f5569b;border-inline:1px solid #e3e5ea; }
.express-weekly-row { display:grid;grid-template-columns:130px repeat(2,minmax(0,1fr));border-bottom:1px solid #e3e5ea; }
.express-weekly-row > * { min-width:0;padding:1rem 1.15rem;border-right:1px solid #e3e5ea; }
.express-weekly-row h3 { margin:0;background:#f7f4f1;color:#0d245b;font-size:1.15rem;letter-spacing:0; }
.express-weekly-row p { margin:.35rem 0;color:#545963;line-height:1.55; }
.express-weekly-row div > strong { color:#d72f73; }
.express-weekly-row--head { background:#0d245b;color:#fff; }
.express-meal-label { color:#777;font-size:.75rem;font-weight:900; }
.express-swap-panel { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:center;margin-top:1.3rem;padding:1.5rem;background:#fff1f6;border-left:5px solid #f5569b; }
.express-swap-panel h3 { margin:.1rem 0;color:#171b24;letter-spacing:0; }
.express-swap-panel p:not(.express-kicker) { margin:.35rem 0 0;color:#62646b; }
.express-section-heading { display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.65fr);gap:2rem;align-items:end;margin-bottom:2rem; }
.express-section-heading h2,.express-cafe-copy h2,.express-order-panel h2 { margin:0;color:#171b24;font-size:clamp(2rem,4vw,3.6rem);line-height:1.12;letter-spacing:0; }
.express-section-heading > p { margin:0;color:#62646b;line-height:1.75; }
.express-menu-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem; }
.express-menu-card { overflow:hidden;border:1px solid #e4ddd7;background:#fff;box-shadow:0 16px 38px rgba(42,28,21,.08); }
.express-menu-card__image { position:relative;aspect-ratio:4/3;overflow:hidden;background:#ddd; }
.express-menu-card__image img { width:100%;height:100%;object-fit:cover;transition:transform .35s ease; }
.express-menu-card:hover .express-menu-card__image img { transform:scale(1.035); }
.express-menu-card__image span { position:absolute;left:1rem;top:1rem;padding:.35rem .65rem;background:#f5569b;color:#fff;font-size:.78rem;font-weight:900; }
.express-menu-card__body { position:relative;padding:1.25rem; }
.express-menu-card__body h3 { max-width:72%;min-height:3.1rem;margin:0 0 .7rem;color:#171b24;font-size:1.22rem;line-height:1.3;letter-spacing:0; }
.express-menu-card__body p { min-height:5rem;margin:0 0 1rem;color:#65676e;line-height:1.65; }
.express-menu-card__body > a { color:#d72f73;font-weight:900;text-decoration:none; }
.express-menu-card__price { position:absolute;right:1.1rem;top:1.1rem;display:flex;align-items:end;gap:.25rem;color:#d72f73; }
.express-menu-card__price strong { font-size:2.1rem;line-height:.9; }
.express-menu-card__price span { font-size:.68rem;font-weight:900;line-height:1.15; }
.express-menu-note { margin:1.2rem 0 0;color:#777;font-size:.84rem; }
.express-cafe-section { padding:5rem 0;background:#fff; }
.express-cafe-layout { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:clamp(2rem,5vw,5rem);align-items:center; }
.express-cafe-media { overflow:hidden;aspect-ratio:4/5;background:#eee; }
.express-cafe-media img { width:100%;height:100%;object-fit:cover; }
.express-cafe-copy > p:not(.express-kicker) { color:#64676f;line-height:1.8; }
.express-cafe-copy ul { display:grid;gap:.65rem;margin:1.5rem 0;padding:0;list-style:none; }
.express-cafe-copy li { padding:.7rem 0;border-bottom:1px solid #e6e7eb;font-weight:800; }

.express-hot-section { padding:5rem 0;background:#fff; }
.express-hot-layout { display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(2rem,5vw,5rem);align-items:center; }
.express-hot-media { position:relative;margin:0;overflow:hidden;aspect-ratio:4/3;background:#eee; }
.express-hot-media img { width:100%;height:100%;object-fit:cover; }
.express-hot-media figcaption { position:absolute;left:1rem;bottom:1rem;padding:.65rem .9rem;background:#0d245b;color:#fff;font-weight:900; }
.express-hot-copy h2 { margin:0;color:#171b24;font-size:clamp(2rem,4vw,3.6rem);line-height:1.12;letter-spacing:0; }
.express-hot-copy > p:not(.express-kicker) { color:#64676f;line-height:1.8; }
.express-hot-list { display:grid;margin:1.25rem 0 1.5rem;border-top:3px solid #f5569b; }
.express-hot-list article { display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid #e6e7eb; }
.express-hot-list h3 { margin:0;color:#0d245b;font-size:1.05rem;letter-spacing:0; }
.express-hot-list p { margin:.2rem 0 0;color:#6b6e76;font-size:.88rem; }
.express-hot-list strong { flex:0 0 auto;color:#d72f73;font-size:1.35rem; }

.express-iron-section { padding:5rem 0;background:#0d245b;color:#fff; }
.express-iron-heading { display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem; }
.express-iron-heading h2 { margin:0;max-width:760px;color:#fff;font-size:clamp(2.3rem,5vw,4.4rem);line-height:1;letter-spacing:0; }
.express-iron-heading p:not(.express-kicker) { max-width:700px;margin:.8rem 0 0;color:rgba(255,255,255,.72); }
.express-iron-price { display:flex;align-items:end;gap:.4rem;flex:0 0 auto;color:#fff; }
.express-iron-price span { align-self:center;font-weight:900; }
.express-iron-price strong { color:#ff75ae;font-size:4.5rem;line-height:.78; }
.express-iron-price small { font-weight:900; }
.express-iron-showcase { display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.45fr);background:#fff;color:#171b24; }
.express-iron-showcase figure { margin:0;min-height:420px;overflow:hidden; }
.express-iron-showcase img { width:100%;height:100%;object-fit:cover; }
.express-iron-feature { display:flex;flex-direction:column;justify-content:center;padding:clamp(1.5rem,4vw,3.5rem);border-left:8px solid #f5569b; }
.express-iron-feature span { color:#d72f73;font-weight:900; }
.express-iron-feature h3 { margin:.35rem 0;color:#0d245b;font-size:2rem;letter-spacing:0; }
.express-iron-feature p { color:#5e626c;line-height:1.75; }
.express-iron-feature strong { color:#d72f73;font-size:1.3rem; }
.express-iron-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:1.25rem;background:rgba(255,255,255,.22); }
.express-iron-grid article { display:flex;justify-content:space-between;gap:1rem;min-height:180px;padding:1.35rem;background:#162f69; }
.express-iron-grid h3 { margin:0;color:#fff;font-size:1.15rem;letter-spacing:0; }
.express-iron-grid span { display:block;margin:.25rem 0;color:#ff9fc7;font-weight:800; }
.express-iron-grid p { margin:.45rem 0 0;color:rgba(255,255,255,.68);font-size:.88rem;line-height:1.55; }
.express-iron-grid article > strong { flex:0 0 auto;color:#fff;font-size:1.25rem; }
.express-iron-cta { display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-top:1.25rem;padding:1.25rem 1.4rem;background:#fff;color:#171b24; }
.express-iron-cta p { display:grid;gap:.15rem;margin:0; }
.express-iron-cta span { color:#666b74; }
.express-iron-section .express-menu-note { color:rgba(255,255,255,.62); }
.express-delivery-section { padding:5rem 0;background:#0d245b;color:#fff; }
.express-soda-section { padding:5rem 0;background:#fff5f8; }
.express-soda-heading { display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2rem; }
.express-soda-heading h2 { margin:0;color:#171b24;font-size:clamp(2.4rem,5vw,4.7rem);line-height:1;letter-spacing:0; }
.express-soda-heading > div > p:not(.express-kicker) { margin:.75rem 0 0;color:#64676f; }
.express-soda-price { display:flex;align-items:end;gap:.4rem;flex:0 0 auto;color:#d72f73; }
.express-soda-price span { align-self:center;font-weight:900; }
.express-soda-price strong { font-size:4.5rem;line-height:.78; }
.express-soda-price small { font-weight:900; }
.express-soda-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem; }
.express-soda-card { overflow:hidden;background:#fff;border-bottom:5px solid var(--soda-color);box-shadow:0 14px 34px rgba(95,43,65,.09); }
.express-soda-card__image { position:relative;aspect-ratio:1/1;overflow:hidden;background:#eee; }
.express-soda-card__image img { width:100%;height:100%;object-fit:cover;transition:transform .3s ease; }
.express-soda-card:hover .express-soda-card__image img { transform:scale(1.04); }
.express-soda-card__image span { position:absolute;right:.75rem;top:.75rem;display:grid;width:58px;height:58px;place-items:center;border-radius:50%;background:#171b24;color:#fff;font-size:1.05rem;font-weight:900; }
.express-soda-card__body { padding:1rem; }
.express-soda-card__body p { margin:0;color:var(--soda-color);font-size:.78rem;font-weight:900; }
.express-soda-card__body h3 { margin:.15rem 0;color:#171b24;font-size:1.1rem;letter-spacing:0; }
.express-soda-card__body span { color:#73757b;font-size:.88rem; }
.express-soda-grid .express-soda-card:nth-child(n+5) { transform:translateX(50%); }
.express-soda-cta { display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-top:1.2rem;padding:1.25rem 1.4rem;background:#171b24;color:#fff; }
.express-soda-cta p { display:grid;gap:.15rem;margin:0; }
.express-soda-cta span { color:rgba(255,255,255,.7); }
.express-section-heading--light h2 { color:#fff; }
.express-section-heading--light > p { color:rgba(255,255,255,.75); }
.express-delivery-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem; }
.express-delivery-card { display:flex;min-height:220px;flex-direction:column;padding:1.25rem;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06); }
.express-delivery-card strong { font-size:1.35rem; }
.express-delivery-card p { color:rgba(255,255,255,.75);line-height:1.65; }
.express-delivery-card span,.express-delivery-card a { width:fit-content;margin-top:auto;padding:.42rem .7rem;background:#fff;color:#172033;font-size:.78rem;font-weight:900;text-decoration:none; }
.express-delivery-card--grab { border-top:5px solid #00b14f; }
.express-delivery-card--lineman,.express-delivery-card--line { border-top:5px solid #06c755; }
.express-delivery-card--shopee { border-top:5px solid #ee4d2d; }
.express-order-section { padding:3rem 0 5rem;background:#f7f4f1; }
.express-learning-section { padding:5rem 0;background:#fff; }
.express-learning-layout { display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:4rem;align-items:start; }
.express-learning-layout h2 { margin:0;color:#171b24;font-size:clamp(2rem,4vw,3.6rem);letter-spacing:0; }
.express-learning-layout > div > p:not(.express-kicker) { color:#62646b;line-height:1.8; }
.express-learning-points { display:grid;gap:.8rem; }
.express-learning-points article { display:grid;grid-template-columns:160px 1fr;gap:1rem;padding:1.1rem;border-bottom:1px solid #e5e7eb; }
.express-learning-points strong { color:#d72f73;font-size:1.05rem; }
.express-learning-points span { color:#62646b;line-height:1.6; }
.express-order-panel { display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:2rem;align-items:center;padding:2.2rem;background:#fff;border:1px solid #e5ded8;box-shadow:0 18px 44px rgba(42,28,21,.08); }
.express-order-panel h2 { font-size:2rem; }
.express-order-panel p { margin:.55rem 0 0;color:#62646b; }
.express-order-steps { display:grid;gap:.55rem; }
.express-order-steps span { display:flex;align-items:center;gap:.65rem;font-weight:800; }
.express-order-steps b { display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#f5569b;color:#fff; }
@media (max-width: 990px) {
    .express-menu-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .express-menu-card:last-child { grid-column:1/-1;max-width:calc(50% - .5rem); }
    .express-delivery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .express-order-panel { grid-template-columns:1fr 1fr; }
    .express-order-panel > a { grid-column:1/-1; }
    .express-soda-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .express-soda-grid .express-soda-card:nth-child(n+5) { transform:none; }
}
@media (max-width: 720px) {
    .express-hero { min-height:720px;align-items:end; }
    .express-hero__overlay { background:linear-gradient(180deg,rgba(18,10,8,.2),rgba(18,10,8,.94) 58%); }
    .express-breadcrumb { margin-bottom:6rem; }
    .express-hero h1 { font-size:3.8rem; }
    .express-quickbar__grid,.express-menu-grid,.express-section-heading,.express-weekly-visuals,.express-cafe-layout,.express-hot-layout,.express-learning-layout,.express-order-panel { grid-template-columns:1fr; }
    .express-quickbar__grid div { min-height:82px;border-right:0;border-bottom:1px solid rgba(255,255,255,.25); }
    .express-menu-card:last-child { grid-column:auto;max-width:none; }
    .express-menu-card__body h3,.express-menu-card__body p { min-height:0; }
    .express-delivery-grid { grid-template-columns:1fr; }
    .express-delivery-card { min-height:180px; }
    .express-cafe-media { aspect-ratio:4/3; }
    .express-iron-showcase { grid-template-columns:1fr; }
    .express-iron-showcase figure { min-height:0;aspect-ratio:16/9; }
    .express-iron-feature { border-left:0;border-top:8px solid #f5569b; }
    .express-iron-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .express-order-panel > a { grid-column:auto; }
    .express-learning-points article { grid-template-columns:1fr;gap:.3rem;padding-inline:0; }
    .express-weekly-row,.express-weekly-row--head { grid-template-columns:1fr; }
    .express-weekly-row--head { display:none; }
    .express-weekly-row > * { border-right:0;border-bottom:1px dashed #e3e5ea; }
    .express-swap-panel { grid-template-columns:1fr; }
    .express-soda-heading,.express-soda-cta { align-items:flex-start;flex-direction:column; }
    .express-iron-heading,.express-iron-cta { align-items:flex-start;flex-direction:column; }
    .express-soda-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .express-soda-card__image span { width:50px;height:50px;font-size:.9rem; }
}

@media (max-width:640px) {
    .express-iron-grid { grid-template-columns:1fr; }
    .express-iron-grid article { min-height:0; }
    .express-hot-list article { align-items:flex-start; }
}

/* Production 2026: SIBA International Pink identity */
:root {
    --siba-pink: #e6006d;
    --siba-rose: #e6006d;
    --siba-deep-pink: #a91357;
    --siba-navy: #151d3b;
    --siba-sapphire: #2456a6;
    --siba-ink: #182036;
    --siba-muted: #626a7c;
    --siba-soft: #fff3f8;
    --siba-fairy: #ffc6df;
    --siba-line: #e8dfe5;
    --siba-shadow-soft: 0 12px 30px rgba(50, 25, 42, .07);
    --siba-shadow-card: 0 20px 46px rgba(70, 22, 48, .11);
    --siba-shadow-hover: 0 24px 54px rgba(230, 0, 109, .16);
}

body { background:#fff;color:var(--siba-ink); }
.site-header { border-bottom:1px solid #f0dce6;background:rgba(255,255,255,.98);box-shadow:0 8px 24px rgba(90,23,57,.07); }
.site-topbar { background:var(--siba-deep-pink); }
.site-navbar .nav-link.active,.site-nav-link.active { color:var(--siba-pink); }
.site-navbar .nav-link.active::after { background:var(--siba-pink); }
.site-dropdown-menu { border-top:3px solid var(--siba-pink);box-shadow:0 18px 40px rgba(77,25,52,.13); }
.site-dropdown-menu .dropdown-item:hover,.site-dropdown-menu .dropdown-item:focus { background:var(--siba-soft);color:var(--siba-deep-pink); }
.btn-siba,.site-nav-cta { border-color:var(--siba-pink);background:var(--siba-pink);color:#fff;box-shadow:0 10px 24px rgba(230,0,109,.2); }
.btn-siba:hover,.btn-siba:focus,.site-nav-cta:hover,.site-nav-cta:focus { border-color:var(--siba-deep-pink);background:var(--siba-deep-pink);color:#fff; }
.btn-outline-siba { border-color:var(--siba-pink);color:var(--siba-deep-pink); }
.btn-outline-siba:hover,.btn-outline-siba:focus { background:var(--siba-pink);color:#fff; }

.siba-home-hero,.siba-home-hero .carousel-item { background:var(--siba-deep-pink); }
.siba-home-hero .carousel-item { min-height:clamp(600px,80vh,820px); }
.siba-home-hero__shade { background:rgba(20,16,31,.48); }
.siba-home-hero::after { height:8px;background:var(--siba-pink); }
.siba-home-hero__content { min-height:clamp(600px,80vh,820px);max-width:820px;padding-top:4rem;padding-bottom:6rem; }
.siba-home-hero__content p { border:0;border-left:4px solid #ff86bd;border-radius:0;background:rgba(18,24,49,.72);padding:.5rem .85rem; }
.siba-home-hero__content h1 { max-width:820px;font-size:clamp(3.2rem,8vw,7rem);text-shadow:0 14px 40px rgba(0,0,0,.3); }
.siba-home-hero__content span { max-width:720px;font-size:clamp(1.05rem,1.8vw,1.3rem); }
.siba-home-hero__indicators .active { background:var(--siba-pink); }

.section-heading { max-width:850px; }
.section-heading h2 { color:var(--siba-ink);font-size:clamp(2rem,4vw,3.45rem);line-height:1.12;letter-spacing:0; }
.section-heading::before { content:"";display:block;width:56px;height:5px;margin-bottom:1rem;background:var(--siba-pink); }
.eyebrow { color:var(--siba-pink);text-transform:uppercase; }

.siba-home-audience { background:#fff; }
.siba-home-audience__grid { gap:0;border-top:1px solid var(--siba-line);border-left:1px solid var(--siba-line); }
.siba-home-audience-card { min-height:220px;border:0;border-right:1px solid var(--siba-line);border-bottom:1px solid var(--siba-line);border-radius:0;box-shadow:none; }
.siba-home-audience-card::before { content:"0" counter(siba-audience);color:var(--siba-pink);font-size:.82rem;font-weight:900; }
.siba-home-audience__grid { counter-reset:siba-audience; }
.siba-home-audience-card { counter-increment:siba-audience; }
.siba-home-audience-card::before { content:"0" counter(siba-audience); }
.siba-home-audience-card:hover { border-color:var(--siba-line);background:var(--siba-soft);box-shadow:none;transform:none; }
.siba-home-audience-card strong { color:var(--siba-ink);font-size:1.25rem; }

.siba-home-proof { background:var(--siba-deep-pink); }
.siba-home-proof-card { border:0;border-left:1px solid rgba(255,255,255,.3);border-radius:0;background:transparent;box-shadow:none; }
.siba-home-proof-card:first-child { border-left:0; }
.siba-home-proof-card h3 { color:#fff;font-size:1.35rem; }

.siba-home-campaigns { background:#fff8fb; }
.siba-home-campaigns__grid { grid-template-columns:2fr 1fr 1fr;gap:1.25rem; }
.siba-home-campaign-card { border:0;border-radius:0;background:#fff;box-shadow:var(--siba-shadow-card); }
.siba-home-campaign-card__image img { aspect-ratio:4/3; }
.siba-home-campaign-card:first-child .siba-home-campaign-card__image img { aspect-ratio:16/9; }
.siba-home-campaign-card > div { padding:1.4rem; }
.siba-home-campaign-card h3 { color:var(--siba-ink); }

.siba-home-updates { background:#f7f7fa; }
.siba-home-video-panel,.siba-home-news-panel,.siba-home-admission__inner { border:0;border-radius:0;box-shadow:var(--siba-shadow-soft); }
.siba-home-news-list a { color:var(--siba-ink);border-bottom:1px solid var(--siba-line);padding-bottom:.85rem; }
.siba-home-admission__inner { border-left:8px solid var(--siba-pink);background:#fff; }

.page-hero,.service-hero { background-color:var(--siba-deep-pink); }
.page-hero::after,.service-hero::after { background:rgba(21,29,59,.3); }
.page-hero h1,.service-hero h1 { max-width:900px;font-size:clamp(2.6rem,6vw,5.6rem);line-height:1.03; }
.content-section:nth-of-type(even) { background-color:#fffafd; }
.content-card,.feature-card,.service-hub-card,.service-detail-card { border-color:#f0dce6; }
.content-card:hover,.feature-card:hover,.service-hub-card:hover,.service-detail-card:hover { border-color:#ef8bb8; }

.site-footer { background:#151d3b;padding-top:0; }
.footer-cta { margin-inline:calc(var(--bs-gutter-x,1.5rem) * -.5);padding:2rem 1.5rem;border:0;border-radius:0;background:var(--siba-pink);box-shadow:none; }
.footer-cta .eyebrow { color:#fff; }
.footer-map-panel { border-radius:0;background:#202947; }
.footer-map-panel__copy a { border-radius:4px; }
.footer-bottom-line { border-top-color:rgba(255,255,255,.15); }

@media (max-width:991.98px) {
    .siba-home-campaigns__grid { grid-template-columns:1fr; }
    .siba-home-campaign-card:first-child .siba-home-campaign-card__image img { aspect-ratio:16/10; }
    .siba-home-proof-card { border-left:0;border-top:1px solid rgba(255,255,255,.28); }
}

@media (max-width:767.98px) {
    .siba-home-hero .carousel-item,.siba-home-hero__content { min-height:680px; }
    .siba-home-hero__content { justify-content:flex-end;padding-bottom:5rem; }
    .siba-home-hero__content h1 { font-size:clamp(3rem,17vw,5rem); }
    .siba-home-audience__grid { grid-template-columns:1fr; }
    .siba-home-audience-card { min-height:170px; }
    .footer-cta { margin-inline:0; }
}

/* Homepage editorial refinement */
:root {
    --siba-font-heading: "Noto Sans Thai", "Inter", "Segoe UI", Arial, sans-serif;
}

.siba-home-audience,
.siba-home-proof,
.siba-home-campaigns,
.siba-home-updates,
.siba-home-admission {
    padding:clamp(4.5rem,9vw,8rem) 0;
}

.siba-home-audience .section-heading,
.siba-home-proof .section-heading,
.siba-home-campaigns .section-heading {
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
    column-gap:clamp(2rem,7vw,7rem);
    max-width:none;
    margin-bottom:clamp(2.5rem,5vw,4.5rem);
}

.siba-home-audience .section-heading::before,
.siba-home-proof .section-heading::before,
.siba-home-campaigns .section-heading::before {
    grid-column:1 / -1;
}

.siba-home-audience .section-heading .eyebrow,
.siba-home-proof .section-heading .eyebrow,
.siba-home-campaigns .section-heading .eyebrow {
    grid-column:1;
}

.siba-home-audience .section-heading h2,
.siba-home-proof .section-heading h2,
.siba-home-campaigns .section-heading h2 {
    grid-column:1;
    margin:0;
    font-size:clamp(2.65rem,5.6vw,5.5rem);
    font-weight:800;
    line-height:1.03;
    letter-spacing:0;
}

.siba-home-audience .section-heading > p:last-child,
.siba-home-proof .section-heading > p:last-child,
.siba-home-campaigns .section-heading > p:last-child {
    grid-column:2;
    grid-row:3;
    align-self:end;
    margin:0;
    font-size:1.08rem;
    line-height:1.8;
}

.siba-home-audience__grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    border:0;
    gap:0;
}

.siba-home-audience-card {
    position:relative;
    display:grid;
    grid-template-columns:64px minmax(0,1fr);
    grid-template-rows:auto auto 1fr auto;
    column-gap:1.25rem;
    min-height:300px;
    padding:clamp(1.4rem,3vw,2.4rem);
    border:0;
    border-top:1px solid var(--siba-line);
    background:#fff;
}

.siba-home-audience-card:nth-child(odd) { border-right:1px solid var(--siba-line); }
.siba-home-audience-card:nth-child(n+3) { border-bottom:1px solid var(--siba-line); }
.siba-home-audience-card::before { display:none; }
.siba-home-audience-card__index { grid-column:1;grid-row:1 / 5;color:var(--siba-pink);font-family:var(--siba-font-latin);font-size:1rem;font-weight:900; }
.siba-home-audience-card small { grid-column:2;color:var(--siba-pink);font-size:.78rem;font-weight:800;text-transform:uppercase; }
.siba-home-audience-card strong { grid-column:2;margin:.55rem 0;font-size:clamp(1.45rem,2.5vw,2.25rem);font-weight:800;line-height:1.2; }
.siba-home-audience-card__summary { grid-column:2;max-width:520px;margin-top:.35rem;font-size:1rem; }
.siba-home-audience-card__link { grid-column:2;display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--siba-line);color:var(--siba-ink);font-weight:800; }
.siba-home-audience-card__link b { color:var(--siba-pink);font-size:1.4rem;transition:transform .2s ease; }
.siba-home-audience-card:hover { background:#fff6fa; }
.siba-home-audience-card:hover .siba-home-audience-card__link b { transform:translateX(6px); }

.siba-home-proof { background:#9f164f; }
.siba-home-proof .section-heading::before { background:#ff8fbd; }
.siba-home-proof .section-heading .eyebrow { color:#ffc2db; }
.siba-home-proof__grid { gap:0;border-top:1px solid rgba(255,255,255,.28); }
.siba-home-proof-card { min-height:260px;padding:2rem 1.5rem;border-left:1px solid rgba(255,255,255,.24); }
.siba-home-proof-card > span { display:block;margin-bottom:3rem;color:#ffc2db;font-family:var(--siba-font-latin);font-size:.85rem;font-weight:900; }
.siba-home-proof-card h3 { font-size:clamp(1.35rem,2.2vw,1.8rem);font-weight:800;line-height:1.25; }
.siba-home-proof-card p { margin-top:1rem;line-height:1.75; }

.siba-home-campaigns { background:#fff; }
.siba-home-campaigns__grid { grid-template-columns:1.55fr .85fr;grid-template-rows:repeat(2,minmax(250px,auto));gap:1rem; }
.siba-home-campaign-card { display:grid;grid-template-columns:1fr;background:#f7f4f6;box-shadow:none; }
.siba-home-campaign-card:first-child { grid-row:1 / 3; }
.siba-home-campaign-card:first-child .siba-home-campaign-card__image img { height:100%;min-height:520px;aspect-ratio:auto; }
.siba-home-campaign-card:not(:first-child) { grid-template-columns:minmax(170px,.8fr) minmax(0,1.2fr); }
.siba-home-campaign-card:not(:first-child) .siba-home-campaign-card__image img { height:100%;aspect-ratio:auto; }
.siba-home-campaign-card__image { overflow:hidden;background:#ddd; }
.siba-home-campaign-card__image img { transition:transform .45s ease; }
.siba-home-campaign-card:hover .siba-home-campaign-card__image img { transform:scale(1.025); }
.siba-home-campaign-card > div { display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(1.35rem,3vw,2.2rem); }
.siba-home-campaign-card__label { margin-bottom:auto;color:var(--siba-pink);font-family:var(--siba-font-latin);font-size:.75rem;font-weight:900;text-transform:uppercase; }
.siba-home-campaign-card h3 { margin-top:2rem;font-size:clamp(1.45rem,2.5vw,2.4rem);font-weight:800;line-height:1.18; }
.siba-home-campaign-card p { margin:.7rem 0 1.25rem; }

.siba-home-updates__layout { grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:0;border-top:1px solid var(--siba-line); }
.siba-home-video-panel,.siba-home-news-panel { padding:clamp(1.5rem,4vw,3rem);box-shadow:none; }
.siba-home-video-panel { border-right:1px solid var(--siba-line); }
.siba-home-video-panel h2,.siba-home-news-panel h2 { margin:.3rem 0 1rem;font-size:clamp(2rem,4vw,3.5rem);font-weight:800;line-height:1.08;letter-spacing:0; }
.siba-home-video-panel__frame { border-radius:0; }
.siba-home-news-panel { background:#fff; }
.siba-home-news-list img { border-radius:0; }

.siba-home-admission { padding-top:0;background:#f7f7fa; }
.siba-home-admission__inner { padding:clamp(2rem,6vw,5rem);border-left:0;background:var(--siba-ink);color:#fff; }
.siba-home-admission__inner h2 { max-width:780px;color:#fff;font-size:clamp(2.2rem,5vw,4.7rem);font-weight:800;line-height:1.05;letter-spacing:0; }
.siba-home-admission__inner p:not(.eyebrow) { max-width:720px;color:rgba(255,255,255,.75); }
.siba-home-admission .btn-outline-siba { border-color:#fff;color:#fff; }

@media (max-width:991.98px) {
    .siba-home-audience .section-heading,
    .siba-home-proof .section-heading,
    .siba-home-campaigns .section-heading { grid-template-columns:1fr; }
    .siba-home-audience .section-heading > p:last-child,
    .siba-home-proof .section-heading > p:last-child,
    .siba-home-campaigns .section-heading > p:last-child { grid-column:1;grid-row:auto;margin-top:1rem; }
    .siba-home-campaigns__grid { grid-template-columns:1fr;grid-template-rows:auto; }
    .siba-home-campaign-card:first-child { grid-row:auto; }
    .siba-home-campaign-card:first-child .siba-home-campaign-card__image img { min-height:0;aspect-ratio:16/10; }
    .siba-home-updates__layout { grid-template-columns:1fr; }
    .siba-home-video-panel { border-right:0;border-bottom:1px solid var(--siba-line); }
}

@media (max-width:767.98px) {
    .siba-home-audience,
    .siba-home-proof,
    .siba-home-campaigns,
    .siba-home-updates,
    .siba-home-admission { padding:4rem 0; }
    .siba-home-audience .section-heading h2,
    .siba-home-proof .section-heading h2,
    .siba-home-campaigns .section-heading h2 { font-size:clamp(2.4rem,13vw,3.7rem); }
    .siba-home-audience__grid { grid-template-columns:1fr; }
    .siba-home-audience-card { grid-template-columns:44px minmax(0,1fr);min-height:250px;border-right:0 !important;border-bottom:1px solid var(--siba-line); }
    .siba-home-proof__grid { grid-template-columns:1fr; }
    .siba-home-proof-card { min-height:0;padding:1.5rem 0;border-left:0;border-top:1px solid rgba(255,255,255,.24); }
    .siba-home-proof-card > span { margin-bottom:1.25rem; }
    .siba-home-campaign-card:not(:first-child) { grid-template-columns:1fr; }
    .siba-home-campaign-card:not(:first-child) .siba-home-campaign-card__image img { aspect-ratio:16/10; }
    .siba-home-video-panel,.siba-home-news-panel { padding:1.5rem 0; }
    .siba-home-admission { padding-top:0; }
    .siba-home-admission__inner { margin-inline:-.75rem;padding:2rem 1.25rem; }
}

@media (max-width: 1100px) {
    .sdex-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .sdex-grid,
    .ai-test-layout {
        grid-template-columns: 1fr;
    }
}

/* Final homepage composition - keep this block last */
.siba-home-hero,
.siba-home-hero .carousel-item,
.siba-home-hero__content { min-height:620px; }
.siba-home-hero__shade { background:linear-gradient(90deg,rgba(16,20,42,.86),rgba(16,20,42,.55) 52%,rgba(16,20,42,.12)); }
.siba-home-hero__content { max-width:1320px;justify-content:center;padding:3.5rem .75rem 5rem; }
.siba-home-hero__content > p,
.siba-home-hero__content > h1,
.siba-home-hero__content > span,
.siba-home-hero__actions { width:min(100%,680px); }
.siba-home-hero__content h1 { margin:.9rem 0 1rem;font-size:4.25rem;line-height:1.08; }
.siba-home-hero__content span { font-size:1.15rem;line-height:1.75; }

.siba-home-audience,
.siba-home-proof,
.siba-home-campaigns,
.siba-home-updates,
.siba-home-admission { padding:5rem 0; }
.siba-home-audience .section-heading,
.siba-home-proof .section-heading,
.siba-home-campaigns .section-heading { display:block;max-width:760px;margin-bottom:2.5rem;padding-top:0; }
.siba-home-audience .section-heading::before,
.siba-home-proof .section-heading::before,
.siba-home-campaigns .section-heading::before { position:static;display:block;width:48px;height:4px;margin-bottom:1rem; }
.siba-home-audience .section-heading h2,
.siba-home-proof .section-heading h2,
.siba-home-campaigns .section-heading h2 { margin:.4rem 0 .75rem;font-size:3rem;line-height:1.16; }
.siba-home-audience .section-heading h2 br,
.siba-home-proof .section-heading h2 br,
.siba-home-video-panel h2 br { display:none; }
.siba-home-audience .section-heading > p:last-child,
.siba-home-proof .section-heading > p:last-child,
.siba-home-campaigns .section-heading > p:last-child { max-width:680px;margin:0;font-size:1.05rem; }

.siba-home-audience__grid { grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid var(--siba-line);background:var(--siba-line); }
.siba-home-audience-card,
.siba-home-audience-card:nth-child(odd),
.siba-home-audience-card:nth-child(n+3) { display:flex;min-height:290px;flex-direction:column;padding:1.6rem;border:0!important;background:#fff; }
.siba-home-audience-card__index { margin-bottom:1.5rem; }
.siba-home-audience-card small,
.siba-home-audience-card strong,
.siba-home-audience-card__summary,
.siba-home-audience-card__link { display:block;width:100%; }
.siba-home-audience-card strong { margin:.45rem 0 .75rem;font-size:1.55rem;line-height:1.3; }
.siba-home-audience-card__summary { font-size:.96rem;line-height:1.7; }
.siba-home-audience-card__link { margin-top:auto;padding-top:1rem; }

.siba-home-proof__grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.siba-home-proof-card { min-height:220px;padding:1.75rem; }
.siba-home-proof-card > span { margin-bottom:2rem; }
.siba-home-proof-card h3 { font-size:1.45rem; }

.siba-home-campaigns__grid { grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;gap:1.25rem; }
.siba-home-campaign-card,
.siba-home-campaign-card:first-child,
.siba-home-campaign-card:not(:first-child) { grid-column:auto;grid-row:auto;display:block;min-height:0;background:#fff; }
.siba-home-campaign-card__image,
.siba-home-campaign-card:first-child .siba-home-campaign-card__image { display:block;min-height:0;aspect-ratio:16/10; }
.siba-home-campaign-card__image img,
.siba-home-campaign-card:first-child .siba-home-campaign-card__image img,
.siba-home-campaign-card:not(:first-child) .siba-home-campaign-card__image img { width:100%;height:100%;min-height:0;aspect-ratio:auto;object-fit:cover; }
.siba-home-campaign-card > div,
.siba-home-campaign-card:first-child > div { padding:1.5rem; }
.siba-home-campaign-card h3,
.siba-home-campaign-card:first-child h3 { margin-top:1.5rem;font-size:1.55rem;line-height:1.3; }

.siba-home-updates__layout { grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:1.5rem;border:0; }
.siba-home-video-panel,
.siba-home-news-panel { padding:2rem;border:1px solid var(--siba-line);background:#fff; }
.siba-home-video-panel { border-right:1px solid var(--siba-line); }
.siba-home-video-panel h2,
.siba-home-news-panel h2 { font-size:2.25rem;line-height:1.2; }
.siba-home-admission { padding-top:0; }
.siba-home-admission__inner { margin-inline:0;padding:3.5rem; }
.siba-home-admission__inner h2 { font-size:3rem;line-height:1.15; }

@media (max-width:991.98px) {
    .siba-home-audience__grid,
    .siba-home-proof__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .siba-home-campaigns__grid,
    .siba-home-updates__layout { grid-template-columns:1fr; }
}

@media (max-width:767.98px) {
    .siba-home-hero,
    .siba-home-hero .carousel-item,
    .siba-home-hero__content { min-height:520px; }
    .siba-home-hero__shade { background:linear-gradient(180deg,rgba(15,18,39,.18),rgba(15,18,39,.9) 76%); }
    .siba-home-hero__content { justify-content:flex-end;padding:2rem .75rem 3.5rem; }
    .siba-home-hero__content h1 { margin:.65rem 0 .75rem;font-size:2.55rem;line-height:1.12; }
    .siba-home-hero__content span { font-size:.98rem;line-height:1.6; }
    .siba-home-hero__actions { gap:.6rem; }
    .siba-home-hero__actions .btn { flex:1 1 0;min-width:0;padding-inline:.7rem;font-size:.88rem; }
    .siba-home-audience,
    .siba-home-proof,
    .siba-home-campaigns,
    .siba-home-updates,
    .siba-home-admission { padding:3.5rem 0; }
    .siba-home-audience .section-heading,
    .siba-home-proof .section-heading,
    .siba-home-campaigns .section-heading { margin-bottom:1.75rem; }
    .siba-home-audience .section-heading h2,
    .siba-home-proof .section-heading h2,
    .siba-home-campaigns .section-heading h2 { font-size:2rem;line-height:1.25; }
    .siba-home-audience__grid,
    .siba-home-proof__grid { grid-template-columns:1fr; }
    .siba-home-audience-card,
    .siba-home-audience-card:nth-child(odd),
    .siba-home-audience-card:nth-child(n+3) { display:flex;min-height:0;padding:1.35rem; }
    .siba-home-audience-card__index { margin-bottom:.85rem; }
    .siba-home-audience-card strong { font-size:1.3rem; }
    .siba-home-audience-card__link { margin-top:1.25rem; }
    .siba-home-proof-card { min-height:0;padding:1.35rem 0; }
    .siba-home-video-panel,
    .siba-home-news-panel { padding:1.25rem; }
    .siba-home-video-panel h2,
    .siba-home-news-panel h2 { font-size:1.75rem; }
    .siba-home-admission__inner { margin-inline:0;padding:2rem 1.25rem; }
    .siba-home-admission__inner h2 { font-size:2rem; }
}

/* Keep the CMS split editor wider than the standard admin pages. */
.admin-shell.admin-shell--wide {
    width: min(1560px, calc(100% - 2rem));
    max-width: 1560px;
}

/* Professional CMS dashboard and visibility controls */
.admin-dashboard-shell {
    width: min(1380px, calc(100% - 2rem));
    max-width: 1380px;
}

.admin-dashboard-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    gap: 2rem;
    margin-bottom: 1.5rem;
    padding: 2rem;
    align-items: center;
    border-radius: 8px;
    background: linear-gradient(115deg, #fff 0%, #fff7fb 58%, #edf5ff 100%);
    border: 1px solid #eadfe5;
    box-shadow: 0 18px 44px rgba(23, 32, 51, .08);
}

.admin-dashboard-hero .admin-page-title {
    margin: 0;
}

.admin-dashboard-hero__status {
    padding: 1.2rem;
    border-left: 4px solid var(--siba-pink);
    background: #fff;
}

.admin-dashboard-hero__status span,
.admin-dashboard-hero__status strong,
.admin-dashboard-hero__status small {
    display: block;
}

.admin-dashboard-hero__status span {
    color: var(--siba-muted);
    font-size: .78rem;
    font-weight: 800;
}

.admin-dashboard-hero__status strong {
    margin: .2rem 0;
    color: #087f5b;
    font-size: 1.35rem;
}

.admin-module-toolbar {
    display: flex;
    margin: 1rem 0 1.25rem;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
}

.admin-module-toolbar label {
    display: grid;
    width: min(100%, 430px);
    gap: .4rem;
}

.admin-module-toolbar label span {
    color: var(--siba-navy);
    font-size: .82rem;
    font-weight: 800;
}

.admin-module-toolbar input {
    width: 100%;
    padding: .75rem .9rem;
    border: 1px solid var(--siba-line);
    border-radius: 6px;
    background: #fff;
    font: inherit;
}

.admin-legend {
    color: var(--siba-muted);
    font-size: .8rem;
}

.admin-legend span {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin: 0 .3rem 0 .75rem;
    border-radius: 50%;
}

.admin-legend .is-live { background: #18a273; }
.admin-legend .is-hidden { background: #98a2b3; }

.admin-module-card {
    position: relative;
    border-top: 4px solid #18a273;
}

.admin-module-card.is-page-hidden {
    border-top-color: #98a2b3;
    background: #f8f9fb;
}

.admin-module-card__top,
.admin-module-card__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
}

.admin-page-state {
    padding: .25rem .5rem;
    border-radius: 999px;
    color: #087f5b;
    background: #e8fff6;
    font-size: .72rem;
    white-space: nowrap;
}

.is-page-hidden .admin-page-state {
    color: #596273;
    background: #e8ebef;
}

.admin-module-card__actions > * {
    flex: 1;
}

.admin-quick-toggle {
    margin-top: .65rem;
}

.admin-quick-toggle button {
    width: 100%;
    padding: .62rem .75rem;
    border: 1px solid #d8cbd1;
    border-radius: 6px;
    color: #78455a;
    background: #fff;
    font: inherit;
    font-size: .8rem;
    font-weight: 750;
    cursor: pointer;
}

.admin-quick-toggle button:hover,
.admin-quick-toggle button:focus {
    border-color: var(--siba-pink);
    color: #a91352;
    background: #fff5fa;
}

.admin-visibility-panel,
.admin-field-block__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.admin-visibility-panel {
    padding: 1rem;
    border: 1px solid #dce7ff;
    border-radius: 8px;
    background: #f5f8ff;
}

.admin-visibility-panel strong,
.admin-visibility-panel small {
    display: block;
}

.admin-visibility-panel strong {
    color: var(--siba-navy);
}

.admin-field-block {
    display: grid;
    gap: .55rem;
    padding: 1rem;
    border: 1px solid var(--siba-line);
    border-radius: 8px;
    background: #fff;
}

.admin-field-block__head > label:first-child {
    color: var(--siba-navy);
    font-weight: 800;
}

.admin-switch {
    display: inline-flex !important;
    width: auto;
    grid-template-columns: auto auto auto;
    align-items: center;
    gap: .55rem !important;
    cursor: pointer;
}

.admin-switch input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.admin-switch span {
    position: relative;
    display: block;
    width: 46px;
    height: 26px;
    border-radius: 999px;
    background: #aeb5c0;
    transition: background .2s ease;
}

.admin-switch span::after {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .22);
    content: "";
    transition: transform .2s ease;
}

.admin-switch input:checked + span {
    background: #18a273;
}

.admin-switch input:checked + span::after {
    transform: translateX(20px);
}

.admin-switch input:focus-visible + span {
    outline: 3px solid rgba(19, 85, 178, .25);
    outline-offset: 2px;
}

.admin-switch b {
    color: #465164;
    font-size: .82rem;
    white-space: nowrap;
}

.admin-switch--small span {
    width: 40px;
    height: 22px;
}

.admin-switch--small span::after {
    width: 16px;
    height: 16px;
}

.admin-switch--small input:checked + span::after {
    transform: translateX(18px);
}

.cms-disabled-page {
    display: grid;
    min-height: 100vh;
    padding: 1.5rem;
    place-items: center;
    background: #f7f8fb;
}

.cms-disabled-page main {
    width: min(100%, 620px);
    padding: 2.5rem;
    border: 1px solid var(--siba-line);
    border-radius: 8px;
    background: #fff;
    text-align: center;
    box-shadow: 0 20px 55px rgba(23, 32, 51, .1);
}

.cms-disabled-page h1 { color: var(--siba-navy); }
.cms-disabled-page a { color: var(--siba-pink); font-weight: 800; }

@media (max-width: 820px) {
    .admin-dashboard-hero { grid-template-columns: 1fr; }
    .admin-module-toolbar { align-items: stretch; flex-direction: column; }
    .admin-legend { padding-bottom: .25rem; }
}

@media (max-width: 560px) {
    .admin-dashboard-hero { padding: 1.25rem; }
    .admin-visibility-panel,
    .admin-field-block__head { align-items: flex-start; flex-direction: column; }
}

.admin-editor-categories {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .55rem;
    padding: .5rem;
    border: 1px solid var(--siba-line);
    border-radius: 8px;
    background: #f3f5f8;
}

.admin-category-choice {
    min-height: 42px;
    padding: .55rem .7rem !important;
    border: 1px solid transparent !important;
    border-radius: 6px !important;
    color: #596273 !important;
    background: transparent !important;
    font-size: .82rem;
    cursor: pointer;
}

.admin-category-choice:hover,
.admin-category-choice:focus {
    color: var(--siba-navy) !important;
    background: #fff !important;
}

.admin-category-choice.is-active {
    border-color: #e3c1d0 !important;
    color: #a91352 !important;
    background: #fff !important;
    box-shadow: 0 4px 12px rgba(23, 32, 51, .08);
}

.admin-field-block[hidden] {
    display: none !important;
}

@media (max-width: 640px) {
    .admin-editor-categories {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Final admin control-center layout. Keep this block last so legacy admin rules cannot override it. */
.admin-control-body {
    min-height: 100vh;
    padding: 0 0 3rem 272px !important;
    overflow-x: hidden;
    background: #f4f6fa !important;
    color: #172033;
}

.admin-control-body .admin-control-sidebar {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    z-index: 1000;
    width: 272px !important;
    min-height: 100vh;
    padding: 1.25rem 1rem !important;
    display: flex !important;
    flex-direction: column;
    background: #081b45 !important;
    box-shadow: 10px 0 30px rgba(8, 27, 69, .12);
}

.admin-control-body .admin-control-sidebar nav {
    display: grid !important;
    gap: .35rem;
    margin-top: 1.4rem;
}

.admin-control-body .admin-control-sidebar nav a,
.admin-control-body .admin-control-sidebar__footer a {
    min-height: 44px;
    padding: .65rem .8rem !important;
    display: flex !important;
    align-items: center;
    gap: .75rem;
    border-radius: 6px !important;
    color: rgba(255,255,255,.78) !important;
    text-decoration: none;
}

.admin-control-body .admin-control-sidebar nav a:hover,
.admin-control-body .admin-control-sidebar nav a.active {
    color: #fff !important;
    background: #e71964 !important;
}

.admin-control-body .admin-control-sidebar__footer {
    margin-top: auto;
    display: grid;
    gap: .35rem;
}

.admin-control-body .admin-control-header {
    position: sticky !important;
    top: 0;
    z-index: 900;
    width: auto !important;
    min-height: 68px;
    padding: .75rem clamp(1rem, 3vw, 2rem) !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e3e7ef;
    background: rgba(255,255,255,.96) !important;
    box-shadow: none !important;
    backdrop-filter: blur(12px);
}

.admin-control-body .admin-shell {
    width: min(100%, 1480px) !important;
    margin: 0 auto !important;
    padding: clamp(1rem, 2.5vw, 2rem) !important;
}

.admin-control-body .admin-section {
    margin-top: 1.25rem !important;
    padding: clamp(1rem, 2vw, 1.5rem) !important;
    border: 1px solid #e3e7ef !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(23, 32, 51, .05) !important;
}

.admin-control-body .admin-module-toolbar {
    margin: 1rem 0 !important;
    padding: .85rem !important;
    display: flex !important;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    border: 1px solid #e3e7ef;
    border-radius: 6px;
    background: #f8f9fc;
}

.admin-control-body .admin-module-toolbar label { flex: 1; }
.admin-control-body .admin-module-toolbar input { width: 100%; }

.admin-control-body .admin-module-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1rem !important;
}

.admin-control-body .admin-module-card {
    min-width: 0;
    min-height: 290px;
    padding: 1.1rem !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: .7rem !important;
    border: 1px solid #dfe4ed !important;
    border-top: 4px solid #e71964 !important;
    border-radius: 7px !important;
    background: #fff !important;
    box-shadow: none !important;
    transform: none !important;
}

.admin-control-body .admin-module-card.is-page-hidden {
    border-top-color: #9ba4b4 !important;
    background: #f7f8fa !important;
    opacity: .82;
}

.admin-control-body .admin-module-card__top,
.admin-control-body .admin-status-row,
.admin-control-body .admin-module-card__actions {
    width: 100%;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.admin-control-body .admin-module-card h2 {
    margin: 0 !important;
    font-size: 1.08rem !important;
    line-height: 1.45 !important;
}

.admin-control-body .admin-module-card > p {
    margin: 0 !important;
    color: #687184 !important;
    line-height: 1.65;
}

.admin-control-body .admin-status-row {
    margin-top: auto;
    padding-top: .8rem;
    border-top: 1px solid #edf0f5;
}

.admin-control-body .admin-module-card__actions > * { flex: 1; }
.admin-control-body .admin-quick-toggle { margin: 0 !important; }
.admin-control-body .admin-quick-toggle button { width: 100%; }

.admin-back-strip {
    width: min(100%, 1480px);
    margin: 0 auto;
    padding: .8rem clamp(1rem, 2.5vw, 2rem) 0;
    display: flex;
    align-items: center;
    gap: .65rem;
}

.admin-back-strip a,
.admin-back-strip button {
    min-height: 38px;
    padding: .5rem .8rem;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    border: 1px solid #d8deea;
    border-radius: 5px;
    color: #172033;
    background: #fff;
    font: inherit;
    text-decoration: none;
    cursor: pointer;
}

@media (max-width: 1100px) {
    .admin-control-body .admin-module-grid { grid-template-columns: 1fr !important; }
}

@media (max-width: 900px) {
    .admin-control-body { padding-left: 0 !important; }
    .admin-control-body .admin-control-sidebar { transform: translateX(-100%); }
    .admin-control-body.admin-sidebar-open .admin-control-sidebar { transform: translateX(0); }
    .admin-control-body .admin-control-header { left: 0 !important; }
}

@media (max-width: 640px) {
    .admin-control-body .admin-module-toolbar,
    .admin-control-body .admin-module-card__actions,
    .admin-control-body .admin-status-row { align-items: stretch; flex-direction: column; }
    .admin-control-body .admin-module-card { min-height: 0; }
    .admin-control-body .admin-module-card__actions > * { width: 100%; }
}

.admin-layout-sections { display: grid; gap: 1rem; }
.admin-layout-section { overflow: hidden; border: 1px solid #dfe4ed; border-radius: 7px; background: #fff; }
.admin-layout-section__head { padding: 1rem 1.1rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-left: 4px solid #e71964; border-bottom: 1px solid #e6eaf1; background: #f8f9fc; }
.admin-layout-section__head h2 { margin: .15rem 0 .25rem; font-size: 1.05rem; }
.admin-layout-section__head p { margin: 0; color: #687184; font-size: .88rem; }
.admin-layout-section__eyebrow { color: #b11350; font-size: .68rem; font-weight: 800; }
.admin-layout-section__fields { padding: 1rem; display: grid; gap: .85rem; }
@media (max-width: 640px) { .admin-layout-section__head { align-items: flex-start; flex-direction: column; } }

.sdex-development-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.sdex-development-card { padding: 1rem; border: 1px solid #dfe4ed; border-radius: 7px; border-top: 4px solid #e71964; background: #fff; }
.sdex-development-card__head { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.sdex-development-card h3 { margin: .75rem 0; color: #172033; }
.sdex-development-card small { display: block; margin-top: .75rem; color: #737d90; }
.sdex-development-priority { padding: .25rem .5rem; border-radius: 4px; font-size: .75rem; font-weight: 800; }
.sdex-development-priority.is-high { color: #a31249; background: #fde8f0; }
.sdex-development-priority.is-medium { color: #6c4b00; background: #fff1c7; }
.sdex-development-priority.is-low { color: #34516b; background: #e8f0f7; }
.sdex-development-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
.sdex-development-form label { display: grid; gap: .3rem; }
.sdex-development-form label:nth-of-type(3), .sdex-development-form label:nth-of-type(4), .sdex-development-form button { grid-column: 1 / -1; }
.sdex-development-form input, .sdex-development-form select, .sdex-development-form textarea { width: 100%; }
@media (max-width: 900px) { .sdex-development-grid { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .sdex-development-form { grid-template-columns: 1fr; } .sdex-development-form label, .sdex-development-form button { grid-column: 1 !important; } }
/* Submission tracking dashboard */
.submission-shell{display:grid;gap:24px;padding-bottom:48px}.submission-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:32px;background:#fff;border:1px solid #eadfe5;border-top:4px solid #ed145b;border-radius:8px}.submission-hero h1,.submission-section h2,.submission-next h2{margin:4px 0 8px;color:#151c3b;letter-spacing:0}.submission-hero p{max-width:760px;margin:0;color:#5f6475;line-height:1.75}.submission-hero__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;min-width:320px}.submission-hero__actions small{width:100%;text-align:right;color:#777d8d}.admin-button{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:9px 14px;border:1px solid #d9dce4;border-radius:6px;background:#fff;color:#202844;text-decoration:none;font-weight:700}.admin-button--primary{background:#ed145b;border-color:#ed145b;color:#fff}.submission-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.submission-kpis article{padding:20px;background:#fff;border:1px solid #e5e6eb;border-radius:8px;box-shadow:0 5px 18px rgba(24,31,60,.05)}.submission-kpis span,.submission-kpis small{display:block;color:#696e7c}.submission-kpis strong{display:block;margin:6px 0;color:#151c3b;font-size:34px;line-height:1}.submission-kpis .is-received{border-top:3px solid #16835e}.submission-kpis .is-preparing{border-top:3px solid #e5a11a}.submission-kpis .is-waiting{border-top:3px solid #c94a58}.submission-alert{display:flex;gap:16px;align-items:flex-start;padding:18px 20px;border:1px solid #f1d294;border-left:4px solid #d99713;border-radius:7px;background:#fffaf0;color:#4d3a15}.submission-alert>i{font-size:23px;color:#c38309}.submission-alert strong{display:block;margin-bottom:3px}.submission-alert p{margin:0;line-height:1.65}.submission-section,.submission-next{padding:26px;background:#fff;border:1px solid #e4e5ea;border-radius:8px}.submission-section__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.submission-section__heading .eyebrow,.submission-next .eyebrow{margin:0;color:#ed145b;font-size:12px;font-weight:800;text-transform:uppercase}.department-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.department-card{padding:17px;border:1px solid #e5e6eb;border-radius:7px;background:#fafbfc}.department-card>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:start}.department-card h3{margin:0;font-size:16px;color:#1b2443}.department-card>div strong{color:#ed145b}.department-progress{height:7px;margin:16px 0 12px;overflow:hidden;border-radius:4px;background:#e5e7ed}.department-progress span{display:block;height:100%;background:#ed145b}.department-card p{display:flex;flex-wrap:wrap;gap:5px 12px;margin:0;color:#737887;font-size:12px}.department-card p b{color:#16835e}.submission-filters{display:flex;gap:10px}.submission-filters label{display:grid;gap:4px;color:#777c89;font-size:11px;font-weight:700}.submission-filters select{min-width:160px;padding:9px 32px 9px 10px;border:1px solid #d9dce4;border-radius:5px;background:#fff;color:#252d48}.submission-table-wrap{overflow-x:auto}.submission-table{width:100%;border-collapse:collapse;font-size:13px}.submission-table th{padding:11px 10px;border-bottom:2px solid #e5e6eb;color:#6b7080;text-align:left;white-space:nowrap}.submission-table td{padding:13px 10px;border-bottom:1px solid #ececf0;vertical-align:top;color:#33394d}.submission-table tr:hover td{background:#fff9fb}.submission-table td:first-child strong,.submission-table td:first-child small{display:block}.submission-table td:first-child small{margin-top:3px;color:#7b7f8c}.sheet-status{display:inline-block;padding:5px 8px;border-radius:4px;background:#f0f1f4;color:#4d5261;white-space:nowrap}.actual-status{display:inline-flex;gap:6px;align-items:center;padding:5px 8px;border-radius:4px;font-weight:700;white-space:nowrap}.actual-status--received{background:#eaf7f2;color:#14704f}.actual-status--preparing{background:#fff5df;color:#94620a}.actual-status--waiting{background:#fbecef;color:#a53749}.submission-table details summary{cursor:pointer;color:#24345e;font-weight:700}.submission-table details ul{min-width:220px;margin:8px 0 0;padding-left:18px}.submission-table details li{margin-bottom:4px;overflow-wrap:anywhere}.submission-note{min-width:260px;line-height:1.55}.muted{color:#9296a1}.icon-link{display:grid;place-items:center;width:34px;height:34px;border:1px solid #dcdfe6;border-radius:5px;color:#ed145b}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.submission-empty{padding:30px;text-align:center;color:#777}.submission-next{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:34px;border-left:4px solid #151c3b}.submission-next ol{display:grid;gap:12px;margin:0;padding:0;list-style:none;counter-reset:next-step}.submission-next li{position:relative;padding-left:42px;counter-increment:next-step}.submission-next li:before{position:absolute;left:0;top:0;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#ed145b;color:#fff;font-weight:800;content:counter(next-step)}.submission-next strong,.submission-next span{display:block}.submission-next strong{color:#1c2441}.submission-next span{margin-top:2px;color:#686e7d;line-height:1.55}
@media(max-width:1100px){.submission-kpis,.department-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.submission-hero{align-items:flex-start}.submission-hero__actions{min-width:240px}.submission-next{grid-template-columns:1fr}}
@media(max-width:760px){.submission-shell{gap:16px}.submission-hero{display:block;padding:22px}.submission-hero__actions{justify-content:flex-start;min-width:0;margin-top:18px}.submission-hero__actions small{text-align:left}.submission-kpis,.department-grid{grid-template-columns:1fr}.submission-section,.submission-next{padding:19px}.submission-section__heading{display:block}.submission-filters{display:grid;grid-template-columns:1fr 1fr;margin-top:14px}.submission-filters select{width:100%;min-width:0}}

/* Unified S-DEX control center */
.sdex-control-shell{display:grid;gap:20px;padding-bottom:50px}.sdex-control-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:30px 32px;border:1px solid #e4dfe6;border-top:4px solid #ed145b;border-radius:8px;background:#fff}.sdex-control-hero .eyebrow{margin:0;color:#ed145b;font-size:12px;font-weight:800;text-transform:uppercase}.sdex-control-hero h1{margin:5px 0 8px;color:#151c3b;font-size:clamp(25px,3vw,38px);letter-spacing:0}.sdex-control-hero p{max-width:760px;margin:0;color:#606676;line-height:1.7}.sdex-control-hero__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;min-width:330px}.sdex-control-tabs{position:sticky;top:70px;z-index:9;display:flex;gap:4px;padding:6px;border:1px solid #e1e3e8;border-radius:7px;background:rgba(255,255,255,.96);box-shadow:0 7px 18px rgba(21,28,59,.06);backdrop-filter:blur(8px)}.sdex-control-tabs a{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:5px;color:#42495e;text-decoration:none;font-weight:700}.sdex-control-tabs a:hover,.sdex-control-tabs a:focus{background:#fcebf2;color:#c81352}.sdex-control-section{scroll-margin-top:130px;border-radius:8px}.sdex-control-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sdex-control-card{display:flex;flex-direction:column;min-height:230px;padding:18px;border:1px solid #e2e4e9;border-radius:7px;background:#fff;box-shadow:0 5px 17px rgba(20,28,58,.045)}.sdex-control-card__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.sdex-control-card__head span{display:grid;place-items:center;width:30px;height:30px;border-radius:5px;background:#151c3b;color:#fff;font-weight:800}.sdex-control-card__head strong{max-width:70%;padding:4px 7px;border-radius:4px;background:#fcebf2;color:#b7104b;font-size:11px;text-align:right}.sdex-control-card h3{margin:18px 0 7px;color:#18213e;font-size:17px;letter-spacing:0}.sdex-control-card p{margin:0 0 16px;color:#666c7c;line-height:1.55}.sdex-control-card>a{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:11px;border-top:1px solid #ececf0;color:#d31457;text-decoration:none;font-weight:800}.sdex-development-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 16px;padding:13px 15px;border:1px solid #e5e6eb;border-radius:6px;background:#fafbfc}.sdex-development-summary{display:flex;flex-wrap:wrap;gap:16px;color:#6a7080}.sdex-development-summary b{color:#171f3d;font-size:18px}.sdex-development-toolbar label{display:grid;gap:4px;color:#777c89;font-size:11px;font-weight:700}.sdex-development-toolbar select{min-width:180px;padding:8px 30px 8px 10px;border:1px solid #d6d9e1;border-radius:5px;background:#fff}.sdex-control-body .sdex-development-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sdex-control-body .sdex-development-card{padding:17px;border-top:3px solid #ed145b;border-radius:7px;box-shadow:0 5px 17px rgba(20,28,58,.045)}.sdex-control-body .sdex-development-card__head>strong{color:#1c345c;font-size:12px}.sdex-development-editor{margin-top:13px;border-top:1px solid #e7e8ec}.sdex-development-editor summary{padding:12px 0 4px;cursor:pointer;color:#d31457;font-weight:800;list-style:none}.sdex-development-editor summary::-webkit-details-marker{display:none}.sdex-development-editor summary i{margin-right:6px}.sdex-control-body .sdex-development-form{margin-top:12px}.sdex-control-body .sdex-development-form label span{color:#646a79;font-size:12px;font-weight:700}.sdex-control-body .sdex-development-form input,.sdex-control-body .sdex-development-form select,.sdex-control-body .sdex-development-form textarea{padding:9px 10px;border:1px solid #d7dae2;border-radius:5px;background:#fff;color:#252d45}.sdex-control-body .sdex-development-form input:focus,.sdex-control-body .sdex-development-form select:focus,.sdex-control-body .sdex-development-form textarea:focus{outline:2px solid rgba(237,20,91,.16);border-color:#ed145b}.sdex-control-body .sdex-development-form button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;border:0;border-radius:5px;background:#ed145b;color:#fff;font-weight:800;cursor:pointer}.sdex-filter-empty{padding:25px;text-align:center;color:#787d8b}.sdex-control-body .admin-success{display:flex;align-items:center;gap:8px;margin-bottom:14px;border-radius:6px}
@media(max-width:1200px){.sdex-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sdex-control-body .sdex-development-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.sdex-control-hero{display:block;padding:22px}.sdex-control-hero__actions{justify-content:flex-start;min-width:0;margin-top:18px}.sdex-control-tabs{top:62px;overflow-x:auto}.sdex-control-tabs a{white-space:nowrap}.sdex-control-grid,.sdex-control-body .sdex-development-grid{grid-template-columns:1fr}.sdex-development-toolbar{display:block}.sdex-development-toolbar label{margin-top:12px}.sdex-development-toolbar select{width:100%}}

/* SIBA Racing UI: shared production language for public and control surfaces */
.admin-racing-body,.sdex-control-body{--race-pink:#ed145b;--race-navy:#111936;--race-blue:#1261b5;--race-line:#dfe2e8;background:#f3f5f8}.admin-racing-sidebar,.sdex-control-body .admin-control-sidebar{background:#10162e;border-right:0}.admin-racing-sidebar:before,.sdex-control-body .admin-control-sidebar:before{display:block;height:5px;background:linear-gradient(90deg,#ed145b 0 55%,#fff 55% 68%,#1261b5 68%);content:""}.admin-racing-sidebar .admin-control-brand,.sdex-control-body .admin-control-brand{position:relative;border-bottom:1px solid rgba(255,255,255,.12)}.admin-racing-sidebar .admin-control-brand:after,.sdex-control-body .admin-control-brand:after{position:absolute;right:18px;bottom:-1px;width:54px;height:3px;background:#ed145b;content:"";transform:skewX(-28deg)}.admin-racing-sidebar nav a,.admin-racing-sidebar__footer a{border-radius:3px}.admin-racing-sidebar nav a.active,.sdex-control-body .admin-control-sidebar nav a.active{position:relative;background:#ed145b;color:#fff}.admin-racing-sidebar nav a.active:after,.sdex-control-body .admin-control-sidebar nav a.active:after{position:absolute;right:-1px;top:0;width:9px;height:100%;background:#fff;clip-path:polygon(100% 0,100% 100%,0 100%);content:""}.admin-racing-header,.sdex-control-body .admin-control-header{border-bottom:1px solid #d9dde5;background:#fff;box-shadow:0 3px 14px rgba(17,25,54,.06)}.admin-racing-header>div,.sdex-control-body .admin-control-header>div{display:flex;align-items:center;gap:10px}.admin-racing-mark{display:inline-block;width:32px;height:13px;border-top:4px solid #ed145b;border-bottom:4px solid #1261b5;transform:skewX(-28deg)}.admin-racing-shell>.admin-page-title,.admin-racing-shell>.admin-editor>.admin-page-title,.admin-racing-body .sdex-hero{position:relative;overflow:hidden;border:1px solid #dfe2e8;border-top:4px solid #ed145b;border-radius:6px;background:#fff;color:#151c3b}.admin-racing-shell>.admin-page-title:after,.admin-racing-shell>.admin-editor>.admin-page-title:after{position:absolute;right:-35px;top:-28px;width:135px;height:85px;border:12px solid rgba(237,20,91,.08);content:"";transform:skewX(-28deg)}.admin-racing-shell>.admin-page-title h1,.admin-racing-shell>.admin-page-title p,.admin-racing-shell>.admin-page-title .eyebrow,.admin-racing-shell>.admin-editor>.admin-page-title h1,.admin-racing-shell>.admin-editor>.admin-page-title p{color:inherit}.admin-racing-shell .eyebrow{color:#ed145b;font-weight:800}.admin-racing-body .admin-section,.admin-racing-body .admin-editor,.admin-racing-body .ai-test-panel{border-radius:6px;box-shadow:0 5px 18px rgba(17,25,54,.05)}.admin-racing-body .admin-module-card,.admin-racing-body .admin-news-card,.admin-racing-body .admin-system-card{border-radius:5px}.admin-racing-body button[type=submit],.admin-racing-body .btn-siba,.admin-racing-body .admin-card-action{border-radius:3px;background:#ed145b;color:#fff}.admin-racing-body input,.admin-racing-body select,.admin-racing-body textarea{border-radius:3px}.admin-racing-body input:focus,.admin-racing-body select:focus,.admin-racing-body textarea:focus{border-color:#ed145b;outline:2px solid rgba(237,20,91,.14)}

body:not(.admin-body) .site-header{border-top:4px solid #ed145b}body:not(.admin-body) .site-header:after{display:block;height:2px;background:linear-gradient(90deg,#ed145b 0 62%,#fff 62% 70%,#1261b5 70%);content:""}body:not(.admin-body) .btn,body:not(.admin-body) button{border-radius:4px}body:not(.admin-body) .section-heading .eyebrow,body:not(.admin-body) .eyebrow{letter-spacing:0}body:not(.admin-body) .card,body:not(.admin-body) [class*="-card"]{border-radius:6px}body:not(.admin-body) h1,body:not(.admin-body) h2,body:not(.admin-body) h3{letter-spacing:0}
.admin-visibility-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}.admin-show-all{display:inline-flex;align-items:center;gap:7px;padding:9px 13px!important;border:1px solid #ed145b!important;border-radius:4px!important;background:#fff!important;color:#c7114f!important;font-weight:800;cursor:pointer}.admin-show-all:hover,.admin-show-all:focus,.admin-show-all.is-confirmed{background:#ed145b!important;color:#fff!important}.admin-show-all.is-confirmed{border-color:#16835e!important;background:#16835e!important}@media(max-width:650px){.admin-visibility-actions{align-items:flex-start;justify-content:flex-start;width:100%}}
/* Governance and committee administration */
.admin-plan-reference{margin:0 0 22px;padding:18px 20px;border-left:4px solid #e91563;background:#fff;border-radius:4px;box-shadow:0 8px 24px rgba(10,20,52,.08)}
.admin-plan-reference>div{display:flex;justify-content:space-between;gap:16px}.admin-plan-reference span{color:#e91563;font-weight:800}.admin-plan-reference details{border-top:1px solid #e8e8ec;margin-top:12px;padding-top:10px}.admin-plan-reference summary,.admin-user-card summary{cursor:pointer;font-weight:700;color:#08143a}
.admin-user-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:16px}.admin-user-card{background:#fff;border:1px solid #e4e6ec;border-top:4px solid #e91563;border-radius:5px;padding:18px;box-shadow:0 8px 26px rgba(6,16,48,.07)}.admin-user-card header{display:flex;justify-content:space-between;color:#667085}.admin-user-card header b{font-size:12px;background:#fff0f5;color:#b20d4b;padding:4px 8px;border-radius:3px}.admin-user-card h2{font-size:19px;margin:14px 0 2px}.admin-user-card>p{margin:0;color:#e91563;font-weight:700}.admin-user-card>small{display:block;margin:5px 0 14px}.admin-user-card details{border-block:1px solid #eceef3;padding:11px 0}.admin-user-card__actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.admin-user-card__actions>a{color:#0a1947;font-weight:700}.admin-user-card__actions form{display:flex;gap:6px}.admin-user-card__actions select,.admin-user-card__actions button{min-height:36px;border:1px solid #cfd3dd;border-radius:3px;padding:6px}.admin-user-card__actions button{background:#e91563;color:#fff;border-color:#e91563}
.admin-user-group{margin-top:28px}.admin-user-group__head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;border-bottom:2px solid #101c48;margin-bottom:16px;padding-bottom:10px}.admin-user-group__head h3{font-size:20px;margin:2px 0 0;color:#101c48}.admin-user-group__head span{color:#667085;font-weight:700;white-space:nowrap}.admin-alert--info{background:#f4f7ff;border-color:#b9c7ec;color:#101c48}
.admin-password-control{display:grid;grid-template-columns:minmax(0,1fr) 42px 42px;gap:6px}.admin-password-control>button{display:grid;place-items:center;min-height:42px;border:1px solid #cfd3dd;border-radius:3px;background:#fff;color:#101c48;padding:0}.admin-password-control>button:hover{border-color:#e91563;color:#e91563}.admin-control-session{display:block;max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-edit-button{border:1px solid #cfd3dd;background:#fff;color:#101c48;border-radius:3px;padding:7px 9px;font-weight:700}.admin-user-edit-button:hover{border-color:#e91563;color:#e91563}
.admin-manual-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.admin-manual-grid a{background:#fff;border:1px solid #e1e4eb;border-top:5px solid #e91563;padding:24px;text-decoration:none;color:#111a3a;display:grid;grid-template-columns:44px 1fr;gap:5px 12px;border-radius:5px;box-shadow:0 10px 28px rgba(6,16,48,.08)}.admin-manual-grid i{grid-row:1/3;font-size:34px;color:#e91563}.admin-manual-grid strong{font-size:18px}.admin-manual-grid span{color:#667085}
@media(max-width:720px){.admin-plan-reference>div,.admin-user-card__actions{align-items:flex-start;flex-direction:column}.admin-user-card__actions form{width:100%}.admin-user-card__actions select{flex:1}}

/* Responsive QA: keep the footer action band inside tablet and mobile viewports. */
.site-footer .footer-cta {
    width: 100%;
    margin-inline: 0;
}

@media (max-width: 767.98px) {
    .footer-cta__actions .btn,
    .admin-user-card__actions a,
    .admin-user-card__actions button,
    .admin-user-card__actions select {
        min-height: 44px;
    }
}

/* Final SIBA Signature render guard */
body:has(.siba-signature-pathways) .siba-home-audience-card,
body:has(.siba-signature-pathways) .siba-home-proof-card,
body:has(.siba-signature-pathways) .siba-home-campaign-card,
body:has(.siba-signature-pathways) .siba-home-video-panel,
body:has(.siba-signature-pathways) .siba-home-news-panel { opacity: 1; transform: none; }
body:has(.siba-signature-pathways) .siba-home-proof .section-heading h2,
body:has(.siba-signature-pathways) .siba-home-proof .section-heading p,
body:has(.siba-signature-pathways) .siba-home-proof-card h3,
body:has(.siba-signature-pathways) .siba-home-proof-card p,
body:has(.siba-signature-pathways) .siba-home-proof-card > span { color: #fff; }
body:has(.siba-signature-pathways) .siba-home-proof .eyebrow { color: #ffc1d7; }

/* Fluid responsive behavior: adapts continuously instead of targeting device models. */
body:has(.siba-signature-pathways) main,
body:has(.siba-signature-pathways) section,
body:has(.siba-signature-pathways) nav {
    max-width: 100%;
}

body:has(.siba-signature-pathways) .container {
    width: min(100% - clamp(32px, 6vw, 96px), 1320px);
}

body:has(.siba-signature-pathways) img,
body:has(.siba-signature-pathways) video,
body:has(.siba-signature-pathways) iframe {
    max-width: 100%;
}

body:has(.siba-signature-pathways) .siba-signature-pathways > .container {
    grid-template-columns: repeat(auto-fit, minmax(min(210px, 100%), 1fr));
}

body:has(.siba-signature-pathways) .siba-home-audience__grid,
body:has(.siba-signature-pathways) .siba-home-proof__grid,
body:has(.siba-signature-pathways) .siba-home-campaigns__grid {
    grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
}

body:has(.siba-signature-pathways) .siba-home-updates__layout {
    grid-template-columns: repeat(auto-fit, minmax(min(360px, 100%), 1fr));
}

body:has(.siba-signature-pathways) .siba-home-hero__content {
    width: min(100% - clamp(32px, 6vw, 96px), 1320px);
}

@media (min-width: 621px) and (max-width: 1100px) {
    body:has(.siba-signature-pathways) .siba-home-hero__shade { width: 58%; }
    body:has(.siba-signature-pathways) .siba-home-hero__content { padding-right: 48%; }
    body:has(.siba-signature-pathways) .siba-home-hero__content h1 { font-size: clamp(44px, 7vw, 68px); }
}

@media (max-width: 620px) {
    body:has(.siba-signature-pathways) .container { width: min(100% - 32px, 1320px); }
    body:has(.siba-signature-pathways) .siba-signature-pathways > .container {
        width: 100%;
        grid-template-columns: repeat(auto-fit, minmax(min(160px, 100%), 1fr));
    }
    body:has(.siba-signature-pathways) .siba-signature-pathways__intro { grid-column: 1 / -1; }
    body:has(.siba-signature-pathways) .siba-home-audience__grid,
    body:has(.siba-signature-pathways) .siba-home-proof__grid,
    body:has(.siba-signature-pathways) .siba-home-campaigns__grid,
    body:has(.siba-signature-pathways) .siba-home-updates__layout { grid-template-columns: 1fr; }
}

/* Exact homepage direction supplied by the user */
body:has(.siba-reference-home) .siba-signature-pathways,
body:has(.siba-reference-home) .siba-home-audience,
body:has(.siba-reference-home) .siba-home-proof,
body:has(.siba-reference-home) .siba-home-campaigns,
body:has(.siba-reference-home) .siba-home-updates,
body:has(.siba-reference-home) .siba-home-admission { display: none; }

.siba-reference-home { --ref-pink:#ed145b; --ref-navy:#111a3c; --ref-blush:#fff4f7; color:#151c38; }
.siba-reference-home .container { width:min(100% - clamp(32px,6vw,96px),1240px); }
.ref-audience { border-bottom:1px solid #eee6ea; background:#fff; }
.ref-audience .container { display:grid; grid-template-columns:1.25fr repeat(4,1fr); align-items:center; padding-block:32px; }
.ref-audience__intro { padding-right:26px; }
.ref-audience__intro span,.ref-section-head span,.ref-why header span,.ref-life__copy>span,.ref-cta span { color:var(--ref-pink); font-size:11px; font-weight:800; text-transform:uppercase; }
.ref-audience__intro h2 { margin:5px 0 2px; font-size:25px; }
.ref-audience__intro p { margin:0; color:#777d8d; font-size:13px; }
.ref-audience>a { display:flex; align-items:center; gap:13px; min-height:66px; padding:8px 18px; border-left:1px solid #ece7ea; color:#171f3c; text-decoration:none; transition:color .2s ease,transform .2s ease; }
.ref-audience>a:hover { color:var(--ref-pink); transform:translateY(-2px); }
.ref-audience>a i { color:var(--ref-pink); font-size:27px; }
.ref-audience>a span,.ref-audience>a b,.ref-audience>a small { display:block; }
.ref-audience>a b { font-size:14px; }
.ref-audience>a small { margin-top:3px; color:#7a7f8c; font-size:11px; }
.ref-programs,.ref-life,.ref-news { padding-block:clamp(72px,8vw,112px); }
.ref-services { padding-block:clamp(72px,8vw,112px); background:#f5f7fb; }
.ref-services__grid { display:grid; grid-template-columns:repeat(3,1fr); margin-top:38px; border-top:1px solid #dfe2ea; border-left:1px solid #dfe2ea; }
.ref-services__grid>a { display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:15px; min-height:126px; padding:24px; border-right:1px solid #dfe2ea; border-bottom:1px solid #dfe2ea; background:#fff; color:var(--ref-navy); text-decoration:none; transition:background .2s ease,color .2s ease; }
.ref-services__grid>a:hover { background:var(--ref-navy); color:#fff; }
.ref-services__grid>a>i:first-child { color:var(--ref-pink); font-size:27px; }
.ref-services__grid>a>i:last-child { color:var(--ref-pink); }
.ref-services__grid b,.ref-services__grid small { display:block; }
.ref-services__grid b { margin-bottom:4px; font-size:17px; }
.ref-services__grid small { color:#6d7280; line-height:1.55; }
.ref-services__grid>a:hover small { color:#cbd0dc; }
.ref-programs { background:var(--ref-blush); }
.ref-section-head { display:grid; grid-template-columns:1.05fr 1fr auto; align-items:end; gap:48px; margin-bottom:44px; }
.ref-section-head h2,.ref-life h2 { margin:8px 0 0; color:var(--ref-navy); font-size:clamp(33px,4vw,52px); line-height:1.08; }
.ref-section-head p { max-width:520px; margin:0; color:#676d7d; line-height:1.75; }
.ref-section-head>a,.ref-life__copy>a { color:var(--ref-pink); font-weight:800; text-decoration:none; }
.ref-programs__grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.ref-programs__grid article { min-width:0; }
.ref-programs__grid img { width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:0; transition:transform .4s ease; }
.ref-programs__grid article:hover img { transform:translateY(-5px); }
.ref-programs__grid span,.ref-news__grid span { display:block; margin-top:20px; color:var(--ref-pink); font-size:10px; font-weight:800; text-transform:uppercase; }
.ref-programs__grid h3 { margin:8px 0; font-size:21px; }
.ref-programs__grid p { min-height:72px; margin:0; color:#6d7280; line-height:1.65; }
.ref-programs__grid a { display:inline-block; margin-top:15px; color:var(--ref-pink); font-weight:800; text-decoration:none; }
.ref-why { padding-block:clamp(68px,7vw,98px); background:var(--ref-navy); color:#fff; }
.ref-why header { margin-bottom:35px; }
.ref-why header span { color:#ff7da9; }
.ref-why h2 { margin:8px 0 0; color:#fff; font-size:clamp(32px,4vw,49px); }
.ref-why__grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(255,255,255,.16); }
.ref-why__grid article { padding:35px 30px 10px; border-right:1px solid rgba(255,255,255,.16); }
.ref-why__grid article:first-child { padding-left:0; }
.ref-why__grid i { color:var(--ref-pink); font-size:32px; }
.ref-why__grid h3 { margin:18px 0 9px; color:#fff; font-size:20px; }
.ref-why__grid p { margin:0; color:#bfc4d2; line-height:1.7; }
.ref-life { background:linear-gradient(105deg,#fff0f5,#fff 62%); }
.ref-life .container { display:grid; grid-template-columns:.72fr 1.28fr; align-items:center; gap:65px; }
.ref-life__copy p { color:#6d7280; line-height:1.75; }
.ref-life__gallery { display:grid; grid-template-columns:1.25fr .9fr .9fr; gap:10px; }
.ref-life__gallery img { width:100%; height:350px; object-fit:cover; }
.ref-life__gallery img:first-child { object-position:center 35%; }
.ref-news { background:#fff; }
.ref-news .ref-section-head { grid-template-columns:1fr auto; }
.ref-news__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.ref-news__grid a { color:inherit; text-decoration:none; }
.ref-news__grid img { width:100%; aspect-ratio:16/9; object-fit:cover; }
.ref-news__grid h3 { margin:7px 0 0; font-size:19px; line-height:1.45; }
.ref-cta { overflow:hidden; background:linear-gradient(100deg,#ed145b,#a20f4a); color:#fff; }
.ref-cta .container { position:relative; display:flex; align-items:center; justify-content:space-between; gap:32px; min-height:190px; padding-block:35px; }
.ref-cta h2 { margin:8px 0 3px; color:#fff; font-size:clamp(26px,3vw,40px); }
.ref-cta p { margin:0; color:#ffe0eb; }
.ref-cta .container>div { position:relative; z-index:2; }
.ref-cta .container>div:nth-child(2) { display:flex; gap:10px; margin-right:210px; }
.ref-cta img { position:absolute; right:-55px; bottom:0; width:260px; height:185px; object-fit:cover; object-position:center 42%; mix-blend-mode:normal; }

@media (max-width:1000px) {
 .ref-audience .container { grid-template-columns:repeat(2,1fr); }
 .ref-audience__intro { grid-column:1/-1; padding-bottom:18px; }
 .ref-programs__grid,.ref-why__grid { grid-template-columns:repeat(2,1fr); }
 .ref-services__grid { grid-template-columns:repeat(2,1fr); }
 .ref-section-head { grid-template-columns:1fr; gap:18px; }
 .ref-life .container { grid-template-columns:1fr; }
 .ref-cta .container>div:nth-child(2) { margin-right:0; }
 .ref-cta img { opacity:.25; }
}
@media (max-width:620px) {
 .ref-audience .container { grid-template-columns:1fr; }
 .ref-audience>a { border-left:0; border-top:1px solid #ece7ea; padding-inline:0; }
 .ref-programs__grid,.ref-why__grid,.ref-news__grid { grid-template-columns:1fr; }
 .ref-services__grid { grid-template-columns:1fr; }
 .ref-why__grid article,.ref-why__grid article:first-child { padding:28px 0; border-right:0; border-bottom:1px solid rgba(255,255,255,.16); }
 .ref-life__gallery { grid-template-columns:1fr 1fr; }
 .ref-life__gallery img { height:220px; }
 .ref-life__gallery img:first-child { grid-column:1/-1; height:250px; }
 .ref-cta .container { align-items:flex-start; flex-direction:column; }
 .ref-cta .container>div:nth-child(2) { flex-wrap:wrap; }
 .ref-cta img { display:none; }
}

@media (min-width:621px) {
 body:has(.siba-reference-home) .siba-home-hero__shade { width:55%; background:rgba(10,20,49,.78); }
 body:has(.siba-reference-home) .siba-home-hero__shade::after { background:var(--ref-pink); }
 body:has(.siba-reference-home) .siba-home-hero__content { padding-right:52%; color:#fff; }
 body:has(.siba-reference-home) .siba-home-hero__content h1 { color:#fff; }
 body:has(.siba-reference-home) .siba-home-hero__content>p { color:#ff8ab2; }
 body:has(.siba-reference-home) .siba-home-hero__content>span { color:rgba(255,255,255,.84); }
 body:has(.siba-reference-home) .siba-home-hero__sequence { color:#fff; }
}

/* SIBA International Editorial Design System - public website */
.siba-editorial-theme {
    --siba-pink: #ed145b;
    --siba-berry: #b10f4c;
    --siba-wine: #7b173d;
    --siba-navy: #111a3c;
    --siba-ink: #18203b;
    --siba-muted: #697083;
    --siba-blush: #fff3f7;
    --siba-pearl: #f6f7fa;
    --siba-line: #e4e5eb;
    --siba-container: 1240px;
    color: var(--siba-ink);
    background: #fff;
    font-family: "Noto Sans Thai", "Inter", sans-serif;
}

.siba-editorial-theme .container,
.siba-editorial-theme .container-fluid { width: min(100% - clamp(32px, 6vw, 96px), var(--siba-container)); margin-inline: auto; padding-inline: 0; }
.siba-editorial-theme h1,.siba-editorial-theme h2,.siba-editorial-theme h3 { color: var(--siba-navy); font-family: "Noto Sans Thai", "Inter", sans-serif; font-weight: 800; letter-spacing: 0; }
.siba-editorial-theme p { color: var(--siba-muted); }
.siba-editorial-theme .eyebrow { color: var(--siba-pink); font-size: 11px; font-weight: 800; letter-spacing: 0; text-transform: uppercase; }
.siba-editorial-theme .btn { min-height: 44px; padding: 10px 18px; border-radius: 2px; font-weight: 800; }
.siba-editorial-theme .btn-siba { border-color: var(--siba-pink); background: var(--siba-pink); color: #fff; }
.siba-editorial-theme .btn-siba:hover { border-color: var(--siba-berry); background: var(--siba-berry); color: #fff; transform: translateY(-1px); }
.siba-editorial-theme .btn-outline-siba { border-color: var(--siba-pink); color: var(--siba-pink); }
.siba-editorial-theme .btn-outline-siba:hover { background: var(--siba-pink); color: #fff; }

.siba-editorial-theme .site-header { border-top: 0; background: rgba(255,255,255,.97); box-shadow: 0 8px 24px rgba(17,26,60,.06); backdrop-filter: blur(14px); }
.siba-editorial-theme .site-header::after { display: none; }
.siba-editorial-theme .site-topbar { min-height: 31px; background: var(--siba-wine); color: #fff; }
.siba-editorial-theme .site-topbar .container-fluid { display:flex; align-items:center; justify-content:space-between; }
.siba-editorial-theme .site-topbar__label { font-size: 11px; font-weight: 600; }
.siba-editorial-theme .site-topbar__links a { color: #fff; font-size: 11px; }
.siba-editorial-theme .site-navbar { min-height: 76px; border-bottom: 1px solid rgba(17,26,60,.08); background:#fff; }
.siba-editorial-theme .navbar-brand { padding: 0; }
.siba-editorial-theme .brand-logo { width: clamp(82px, 8vw, 116px); height: auto; }
.siba-editorial-theme .site-nav-list { gap: clamp(2px, .6vw, 10px); }
.siba-editorial-theme .site-nav-list .nav-link { position:relative; padding: 26px 10px; color:#242b45; font-size:13px; font-weight:700; }
.siba-editorial-theme .site-nav-list .nav-link::after { position:absolute; right:10px; bottom:17px; left:10px; height:2px; border:0; background:var(--siba-pink); content:""; transform:scaleX(0); transform-origin:left; transition:transform .25s ease; }
.siba-editorial-theme .site-nav-list .nav-link:hover::after,.siba-editorial-theme .site-nav-list .nav-link.active::after { transform:scaleX(1); }
.siba-editorial-theme .site-dropdown-menu { padding:10px; border:1px solid var(--siba-line); border-top:3px solid var(--siba-pink); border-radius:0; box-shadow:0 18px 45px rgba(17,26,60,.12); }
.siba-editorial-theme .site-dropdown-menu .dropdown-item { padding:10px 12px; border-radius:0; font-size:13px; }
.siba-editorial-theme .site-dropdown-menu .dropdown-item:hover { background:var(--siba-blush); color:var(--siba-pink); }
.siba-editorial-theme .site-nav-actions { gap:8px; }
.siba-editorial-theme .site-nav-secondary { display:none; }

.siba-editorial-theme main > section:not(.siba-home-hero):not(.ref-audience):not(.ref-why):not(.ref-cta) { scroll-margin-top:110px; }
.siba-editorial-theme main img { max-width:100%; }
.siba-editorial-theme main [class*="hero"]:not(.siba-home-hero):not(.admin-hero) { border-radius:0; }
.siba-editorial-theme main [class*="card"] { border-radius:3px; box-shadow:none; }
.siba-editorial-theme main [class*="card"]:hover { border-color:rgba(237,20,91,.4); }
.siba-editorial-theme main section:nth-of-type(even):not(.ref-why):not(.ref-cta):not(.siba-home-hero) { background-color:#fff; }
.siba-editorial-theme main .section-heading { max-width:760px; }
.siba-editorial-theme main .section-heading h2 { font-size:clamp(32px,4vw,52px); line-height:1.12; }
.siba-editorial-theme main input,.siba-editorial-theme main select,.siba-editorial-theme main textarea { border:1px solid #d8dbe4; border-radius:2px; }
.siba-editorial-theme main input:focus,.siba-editorial-theme main select:focus,.siba-editorial-theme main textarea:focus { border-color:var(--siba-pink); box-shadow:0 0 0 3px rgba(237,20,91,.12); outline:0; }

.siba-editorial-theme .site-footer { padding-top:0; background:var(--siba-navy); color:#fff; }
.siba-editorial-theme .footer-cta { width:100%; margin:0 0 58px; padding:35px clamp(24px,4vw,52px); border:0; border-radius:0; background:linear-gradient(100deg,var(--siba-pink),var(--siba-berry) 62%,var(--siba-wine)); }
.siba-editorial-theme .footer-cta h2,.siba-editorial-theme .footer-cta p { color:#fff; }
.siba-editorial-theme .footer-cta .eyebrow { color:#ffd2e2; }
.siba-editorial-theme .footer-main-grid { gap:clamp(24px,4vw,58px); }
.siba-editorial-theme .footer-link-group h2 { color:#fff; font-size:14px; }
.siba-editorial-theme .footer-link-group a,.siba-editorial-theme .footer-brand p { color:#bfc5d5; }
.siba-editorial-theme .footer-link-group a:hover { color:#ff7eab; }
.siba-editorial-theme .footer-map-panel { border:1px solid rgba(255,255,255,.12); border-radius:0; background:rgba(255,255,255,.045); }
.siba-editorial-theme .footer-bottom-line { border-top:1px solid rgba(255,255,255,.12); }

@media (max-width:1199.98px) {
 .siba-editorial-theme .site-navbar { min-height:68px; }
 .siba-editorial-theme .site-nav-toggle { border:1px solid #d9dce4; border-radius:2px; }
 .siba-editorial-theme .navbar-collapse { padding:18px 0 24px; }
 .siba-editorial-theme .site-nav-list .nav-link { padding:12px 0; }
 .siba-editorial-theme .site-nav-list .nav-link::after { right:auto; bottom:7px; left:0; width:32px; }
 .siba-editorial-theme .site-nav-actions { margin-top:14px; }
}
@media (max-width:767px) {
 .siba-editorial-theme .container,.siba-editorial-theme .container-fluid { width:min(100% - 32px,var(--siba-container)); }
 .siba-editorial-theme .site-topbar__label { max-width:68%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
 .siba-editorial-theme .site-topbar__links a:nth-child(2) { display:none; }
 .siba-editorial-theme .footer-cta { align-items:flex-start; flex-direction:column; }
 .siba-editorial-theme .footer-main-grid { grid-template-columns:1fr 1fr; }
 .siba-editorial-theme .footer-main-grid__brand { grid-column:1/-1; }
}
@media (max-width:480px) { .siba-editorial-theme .footer-main-grid { grid-template-columns:1fr; } }

/* Brief 2026: search and student-life experiences */
.site-search-button { display:grid; width:44px; height:44px; flex:0 0 44px; place-items:center; border:1px solid #dfe1e8; color:var(--siba-navy); text-decoration:none; transition:border-color .2s ease,color .2s ease,background .2s ease; }
.site-search-button:hover { border-color:var(--siba-pink); background:var(--siba-blush); color:var(--siba-pink); }
.student-life-hero { position:relative; min-height:clamp(540px,70vh,760px); display:flex; align-items:flex-end; overflow:hidden; background:var(--siba-navy); }
.student-life-hero>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 38%; }
.student-life-hero__shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(10,18,48,.92) 0%,rgba(10,18,48,.7) 46%,rgba(10,18,48,.08) 78%),linear-gradient(0deg,rgba(10,18,48,.48),transparent 50%); }
.student-life-hero__content { position:relative; z-index:1; padding-block:clamp(70px,10vw,125px); }
.student-life-hero__content h1 { max-width:720px; margin:10px 0 18px; color:#fff; font-size:clamp(42px,6vw,76px); line-height:1.04; }
.student-life-hero__content>p:not(.eyebrow) { max-width:630px; color:#e5e8f2; font-size:clamp(17px,2vw,21px); line-height:1.75; }
.student-life-hero__actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
.student-life-highlights,.student-life-gallery { padding-block:clamp(72px,8vw,112px); }
.student-life-highlights__grid { display:grid; grid-template-columns:repeat(4,1fr); margin-top:42px; border-top:1px solid var(--siba-line); }
.student-life-highlights__grid article { padding:30px 24px 8px; border-right:1px solid var(--siba-line); }
.student-life-highlights__grid article:first-child { padding-left:0; }
.student-life-highlights__grid article:last-child { border-right:0; }
.student-life-highlights__grid i { color:var(--siba-pink); font-size:30px; }
.student-life-highlights__grid h3 { margin:18px 0 9px; font-size:20px; }
.student-life-highlights__grid p { margin:0; line-height:1.75; }
.student-life-gallery { background:var(--siba-pearl); }
.student-life-gallery__head { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:35px; }
.student-life-gallery__head h2 { margin:7px 0 0; font-size:clamp(32px,4vw,52px); }
.student-life-gallery__head>a { color:var(--siba-pink); font-weight:800; text-decoration:none; }
.student-life-gallery__grid { display:grid; grid-template-columns:1.3fr 1fr 1fr; grid-auto-rows:250px; gap:12px; }
.student-life-gallery__grid figure { position:relative; margin:0; overflow:hidden; background:#dfe1e8; }
.student-life-gallery__grid figure:first-child { grid-row:span 2; }
.student-life-gallery__grid img { width:100%; height:100%; object-fit:cover; transition:transform .45s ease; }
.student-life-gallery__grid figure:hover img { transform:scale(1.025); }
.student-life-gallery__grid figcaption { position:absolute; right:0; bottom:0; left:0; padding:45px 18px 16px; background:linear-gradient(transparent,rgba(10,18,48,.85)); color:#fff; font-weight:700; }
.student-life-stories { background:var(--siba-navy); color:#fff; }
.student-life-stories .container { display:flex; min-height:245px; align-items:center; justify-content:space-between; gap:45px; padding-block:45px; }
.student-life-stories h2 { margin:8px 0; color:#fff; font-size:clamp(30px,4vw,48px); }
.student-life-stories p:not(.eyebrow) { max-width:680px; margin:0; color:#c7ccda; }
.student-life-stories__actions { display:flex; flex-wrap:wrap; gap:10px; flex:0 0 auto; }
.search-page-hero { padding-block:clamp(72px,9vw,120px); background:linear-gradient(115deg,var(--siba-navy),#27325c); color:#fff; }
.search-page-hero h1 { margin:8px 0; color:#fff; font-size:clamp(40px,6vw,72px); }
.search-page-hero>div>p:not(.eyebrow) { color:#cbd0dc; }
.site-search-form { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:12px; max-width:850px; margin-top:32px; padding:8px 8px 8px 18px; background:#fff; }
.site-search-form i { color:var(--siba-pink); font-size:19px; }
.site-search-form input { width:100%; min-width:0; height:48px; border:0!important; box-shadow:none!important; font-size:16px; }
.search-results-section { min-height:410px; padding-block:clamp(65px,8vw,105px); }
.search-results-head { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:28px; }
.search-results-head h2 { margin:0; font-size:clamp(28px,4vw,42px); }
.search-results-head p { margin:0; }
.search-results-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.search-results-grid>a { min-height:220px; padding:25px; border:1px solid var(--siba-line); color:inherit; text-decoration:none; transition:border-color .2s ease,transform .2s ease; }
.search-results-grid>a:hover { border-color:var(--siba-pink); transform:translateY(-3px); }
.search-results-grid span { color:var(--siba-pink); font-size:11px; font-weight:800; text-transform:uppercase; }
.search-results-grid h3 { margin:14px 0 8px; font-size:22px; }
.search-results-grid p { line-height:1.7; }
.search-results-grid strong { color:var(--siba-pink); }
.search-empty-state { max-width:720px; margin-inline:auto; padding:35px 0; text-align:center; }
.search-empty-state>i { color:var(--siba-pink); font-size:45px; }
.search-empty-state h2 { margin:18px 0 8px; font-size:clamp(28px,4vw,42px); }

@media (max-width:1100px) {
 .student-life-highlights__grid { grid-template-columns:repeat(2,1fr); }
 .student-life-highlights__grid article { border-bottom:1px solid var(--siba-line); }
 .search-results-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:767px) {
 .site-search-button { width:100%; height:44px; justify-content:start; padding-inline:0; border:0; }
 .site-search-button::after { margin-left:10px; content:"ค้นหา"; font-weight:800; }
 .student-life-hero { min-height:620px; }
 .student-life-hero__shade { background:linear-gradient(0deg,rgba(10,18,48,.96) 0%,rgba(10,18,48,.7) 66%,rgba(10,18,48,.18)); }
 .student-life-hero__content { padding-block:65px; }
 .student-life-highlights__grid { grid-template-columns:1fr; }
 .student-life-highlights__grid article,.student-life-highlights__grid article:first-child { padding:26px 0; border-right:0; }
 .student-life-gallery__head,.student-life-stories .container { align-items:flex-start; flex-direction:column; }
 .student-life-gallery__grid { grid-template-columns:1fr 1fr; grid-auto-rows:210px; }
 .student-life-gallery__grid figure:first-child { grid-column:1/-1; grid-row:auto; height:280px; }
 .student-life-stories__actions { width:100%; }
 .search-results-grid { grid-template-columns:1fr; }
 .site-search-form { grid-template-columns:auto 1fr; }
 .site-search-form button { grid-column:1/-1; width:100%; }
 .search-results-head { align-items:flex-start; flex-direction:column; }
}

/* Editorial contrast safeguards for dark and brand-color bands. */
.siba-editorial-theme .ref-why h2,
.siba-editorial-theme .ref-why h3,
.siba-editorial-theme .ref-why p,
.siba-editorial-theme .ref-cta h2,
.siba-editorial-theme .ref-cta p { color:#fff; }
.siba-editorial-theme .ref-why__grid p { color:#c5cad7; }
.siba-editorial-theme .ref-why header>span { color:#ff8bb3; }
.siba-editorial-theme .ref-cta>span { color:#ffd5e4; }