/* Shared internal-page system: based on the official TTU About page. */
:root {
    --ttu-official-orange: #e54519;
    --ttu-official-peach: #ff8c6c;
    --ttu-official-ink: #181d27;
    --ttu-official-muted: #535862;
    --ttu-official-line: #e9eaeb;
    --ttu-official-surface: #fff;
    --ttu-official-page: #fafafa;
}

body:not(.index) { background: var(--ttu-official-page); }

.layout { min-height: 52vh; margin-bottom: 0; padding-bottom: 64px; background: var(--ttu-official-page); }
.layout--without-sidebar .layout-content { max-width: 100%; }
.layout-content > main { width: 100%; }
.layout-sidebar { position: sticky; top: calc(var(--height-header, 157px) + 20px); align-self: start; }

.sidebar__menu,
.text-group,
.news-view .text-group,
.software-engineering__wrapper .text-group {
    border-color: var(--ttu-official-line);
    box-shadow: 0 4px 14px rgba(16, 24, 40, .035);
}

.sidebar__title {
    background: linear-gradient(to right, var(--ttu-official-orange), var(--ttu-official-peach));
}

.sidebar__list .active > a,
.sidebar__list .active > a span { color: var(--ttu-official-orange); }

.text-group h4,
.school-card h4,
.news-view h4 { color: var(--ttu-official-ink); }

/* Bring every custom internal page into the same compact card rhythm. */
.layout--without-sidebar :is(
    .admission-info-page,
    .admissions-page,
    .international-page,
    .event-page,
    .apply-page,
    .foundation-page,
    .information-page,
    .regulations-page,
    .departments-page
) {
    background: transparent;
}

.layout--without-sidebar :is(
    .admission-info-hero,
    .admissions-hero,
    .international-hero,
    .event-hero,
    .apply-hero,
    .foundation-hero,
    .information-hero,
    .regulations-hero,
    .departments-hero,
    .department-detail-hero
) {
    margin: 0;
    padding: clamp(30px, 4vw, 52px) 0;
    overflow: hidden;
    border: 1px solid var(--ttu-official-line);
    border-radius: 14px;
    background: var(--ttu-official-surface) !important;
    box-shadow: 0 4px 14px rgba(16, 24, 40, .035);
}

.layout--without-sidebar :is(
    .admission-info-hero,
    .admissions-hero,
    .international-hero,
    .event-hero,
    .apply-hero,
    .foundation-hero,
    .information-hero,
    .regulations-hero,
    .departments-hero,
    .department-detail-hero
)::before,
.layout--without-sidebar :is(
    .admission-info-hero,
    .admissions-hero,
    .international-hero,
    .event-hero,
    .apply-hero,
    .foundation-hero,
    .information-hero,
    .regulations-hero,
    .departments-hero,
    .department-detail-hero
)::after { display: none; }

.layout--without-sidebar :is(
    .admission-info-hero h1,
    .admissions-hero h1,
    .international-hero h1,
    .event-hero h1,
    .apply-hero h1,
    .foundation-hero h1,
    .information-hero h1,
    .regulations-hero h1,
    .departments-hero h1,
    .department-detail-hero h1
) {
    color: var(--ttu-official-ink) !important;
    font-size: clamp(34px, 4.2vw, 54px) !important;
    line-height: 1.02 !important;
}

.layout--without-sidebar :is(
    .admission-info-hero h1 span,
    .admissions-hero h1 span,
    .international-hero h1 span,
    .event-hero h1 span,
    .apply-hero h1 span,
    .foundation-hero h1 span,
    .information-hero h1 span,
    .regulations-hero h1 span,
    .departments-hero h1 span
) { color: var(--ttu-official-orange) !important; }

.layout--without-sidebar :is(
    .admission-info-kicker,
    .admissions-kicker,
    .international-kicker,
    .event-kicker,
    .apply-kicker,
    .foundation-kicker,
    .information-kicker,
    .regulations-kicker,
    .departments-kicker
) { color: var(--ttu-official-orange) !important; }

.layout--without-sidebar :is(
    .admission-info-kicker,
    .admissions-kicker,
    .international-kicker,
    .event-kicker,
    .apply-kicker,
    .foundation-kicker,
    .information-kicker,
    .regulations-kicker,
    .departments-kicker
)::before { background: var(--ttu-official-orange) !important; }

.layout--without-sidebar :is(
    .admission-info-button--primary,
    .admissions-button--primary,
    .international-button--primary,
    .event-button--primary,
    .apply-button--primary,
    .foundation-button--primary,
    .information-button--primary,
    .regulations-official-document__action,
    .requirements-button
) {
    color: #fff !important;
    background: linear-gradient(to right, var(--ttu-official-orange), var(--ttu-official-peach)) !important;
}

.layout--without-sidebar :is(
    .admission-info-section,
    .admissions-scholarship-section,
    .international-section,
    .event-section,
    .apply-section,
    .foundation-section,
    .information-section,
    .regulations-documents,
    .departments-directory,
    .department-team
) { padding: clamp(42px, 5vw, 64px) 0 !important; }

.layout--without-sidebar :is(
    .admission-info-process,
    .admission-info-cta,
    .international-process,
    .international-why,
    .foundation-results,
    .foundation-next,
    .regulations-guidance,
    .requirements-exam
) {
    margin: 16px 0;
    overflow: hidden;
    border-radius: 14px;
}

.layout--without-sidebar :is(
    .admission-info-stat-strip,
    .admissions-stat-grid,
    .international-stats,
    .event-stat-strip,
    .foundation-stats,
    .information-stat-strip
) {
    overflow: hidden;
    border: 1px solid var(--ttu-official-line);
    border-radius: 14px;
    background: #fff;
}

.layout--without-sidebar :is(
    .admission-info-hero__card,
    .admissions-scholarship,
    .international-hero__card,
    .event-hero__month,
    .apply-hero__card,
    .foundation-hero__card,
    .information-hero__card,
    .departments-hero__summary,
    .requirements-hero__card
) {
    border-radius: 14px;
    box-shadow: none;
}

@media (max-width: 991px) {
    .layout { padding-bottom: 44px; }
    .layout-sidebar { position: static; }
}

@media (max-width: 680px) {
    .layout { padding-bottom: 32px; }
    .layout--without-sidebar :is(
        .admission-info-hero,
        .admissions-hero,
        .international-hero,
        .event-hero,
        .apply-hero,
        .foundation-hero,
        .information-hero,
        .regulations-hero,
        .departments-hero,
        .department-detail-hero
    ) { border-radius: 11px; }
}