/* --- Responsive Component: style.css --- */
@media (min-width: 1400px) {
    .container {
        max-width: 1290px
    }

    .navbar-nav {
        gap: 25px
    }

    .hero-content h1 {
        font-size: 61px
    }

    .institutional-hero {
        min-height: 565px
    }

    .hero-content {
        padding-top: 83px
    }

    .access-card {
        padding: 24px 25px
    }

    .hero-signature {
        margin-top: 50px
    }
}
@media (max-width: 1199px) {
    .navbar-brand {
        margin-right: 18px
    }

    .navbar-brand img {
        width: 175px
    }

    .navbar-nav {
        gap: 13px
    }

    .navbar .nav-link {
        font-size: 11px
    }

    .search-toggle {
        margin-left: 15px;
        padding-left: 15px
    }

    .container {
        max-width: 96%
    }

    .hero-content h1 {
        font-size: 49px
    }

    .access-card {
        padding: 22px 15px
    }

    .access-caption {
        font-size: 9px
    }

    .latest-column {
        padding: 0 16px
    }

    .latest-section > .container > .row {
        margin-left: -16px;
        margin-right: -16px
    }
}
@media (max-width: 991px) {
    :root {
        --header-height: 86px
    }

    .navbar-brand img {
        width: 180px
    }

    .navbar {
        height: auto;
        min-height: var(--header-height)
    }

    .navbar-collapse {
        max-height: calc(100vh - var(--header-height));
        overflow: auto
    }

    .navbar-nav {
        gap: 0
    }

    .navbar .nav-link {
        font-size: 14px;
        padding: 12px 0 !important
    }

    .search-toggle {
        margin: 5px 0;
        border: 0;
        padding: 10px 0
    }

    .institutional-hero {
        min-height: 510px
    }

    .hero-content {
        padding-top: 63px
    }

    .hero-art {
        background-position: 62% center
    }

    .hero-content h1 {
        font-size: 47px
    }

    .hero-content > p {
        font-size: 15px
    }

    .hero-side-label {
        display: none
    }

    .access-grid {
        grid-template-columns:repeat(3, 1fr)
    }

    .access-card:nth-child(3) {
        border-right: 0
    }

    .access-card:nth-child(-n+3) {
        border-bottom: 1px solid var(--line)
    }

    .access-top {
        margin-bottom: 12px
    }

    .access-caption {
        font-size: 11px
    }

    .access-card {
        padding: 18px 22px
    }

    .latest-column {
        margin-bottom: 35px
    }

    .latest-column:last-child {
        margin-bottom: 0
    }

    .feature-image {
        height: 230px
    }

    .article-list {
        display: grid;
        grid-template-columns:1fr 1fr;
        gap: 0 22px
    }

    .article-row:first-child {
        grid-column: 1/-1
    }

    .impact-panel {
        padding: 30px 25px 20px
    }

    .impact-metric {
        padding: 20px 17px
    }

    .impact-metric > strong {
        font-size: 53px
    }

    .impact-metric p {
        font-size: 9px
    }

    .impact-heading h2 {
        font-size: 26px
    }

    .impact-heading > p {
        font-size: 11px
    }

    .partners-intro {
        margin-bottom: 30px
    }

    .partners-intro > p {
        max-width: 550px
    }

    .footer-main > .col-lg-5 {
        margin-bottom: 25px
    }
}
@media (max-width: 575px) {
    :root {
        --header-height: 78px
    }

    .container {
        max-width: 100%;
        padding-left: 22px;
        padding-right: 22px
    }

    .navbar-brand img {
        width: 160px
    }

    .institutional-hero {
        min-height: 520px
    }

    .hero-art {
        background-position: 66% center;
        opacity: .8
    }

    .hero-art:after {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg, #062f33e8, #062f3360)
    }

    .hero-content {
        padding-top: 55px;
        padding-bottom: 25px
    }

    .hero-eyebrow {
        font-size: 8px;
        letter-spacing: 1.25px;
        gap: 8px;
        margin-bottom: 30px
    }

    .hero-eyebrow > span {
        width: 15px
    }

    .hero-content h1 {
        font-size: 39px;
        line-height: 1.13;
        letter-spacing: -1.2px
    }

    .hero-content > p {
        font-size: 14px;
        line-height: 1.9;
        max-width: 325px
    }

    .hero-actions {
        gap: 18px
    }

    .action-primary, .action-secondary {
        font-size: 11px;
        gap: 15px
    }

    .action-primary {
        padding: 14px 17px
    }

    .hero-signature {
        font-size: 7px;
        letter-spacing: .6px;
        gap: 8px;
        margin-top: 44px;
        padding-top: 20px
    }

    .hero-signature i {
        flex-shrink: 0
    }

    .access-grid {
        grid-template-columns:repeat(3, minmax(0, 1fr))
    }

    .access-card {
        padding: 17px 12px
    }

    .access-icon {
        width: 37px;
        height: 37px;
        border-radius: 10px 10px 10px 2px
    }

    .access-icon svg {
        width: 22px;
        height: 22px
    }

    .access-number {
        font-size: 7px
    }

    .access-card strong {
        font-size: 11px
    }

    .access-caption {
        font-size: 8px;
        letter-spacing: -.1px
    }

    .access-arrow {
        display: none
    }

    .editorial-intro {
        display: block;
        margin-bottom: 26px
    }

    .editorial-intro p {
        font-size: 11px;
        margin-top: 10px
    }

    .latest-section {
        padding: 32px 0 40px
    }

    .latest-section > .container > .row {
        margin-left: -15px;
        margin-right: -15px
    }

    .latest-column {
        padding: 0 15px
    }

    .column-heading h2 {
        font-size: 24px
    }

    .feature-image {
        height: 200px
    }

    .article-list {
        display: block
    }

    .impact-section > .container {
        padding-left: 12px;
        padding-right: 12px
    }

    .impact-panel {
        padding: 28px 22px 17px
    }

    .impact-heading {
        display: block;
        margin-bottom: 26px
    }

    .impact-heading h2 {
        font-size: 27px
    }

    .impact-heading > p {
        margin: 17px 0 0;
        font-size: 11px
    }

    .impact-grid {
        grid-template-columns:repeat(2, 1fr)
    }

    .impact-metric {
        padding: 19px 17px
    }

    .impact-metric:nth-child(2) {
        border-right: 0
    }

    .impact-metric:nth-child(-n+2) {
        border-bottom: 1px solid #9ed1bc30
    }

    .impact-metric > strong {
        font-size: 49px
    }

    .impact-metric h3 {
        font-size: 15px
    }

    .impact-metric p {
        font-size: 9px
    }

    .impact-baseline {
        display: grid;
        grid-template-columns:1fr 1fr;
        font-size: 6px;
        gap: 12px
    }

    .partnerships {
        padding-top: 15px;
        padding-bottom: 40px
    }

    .partners-intro {
        padding-right: 15px
    }

    .partners-intro h2 {
        font-size: 31px
    }

    .partner-open {
        padding: 18px 17px;
        gap: 12px
    }

    .partner-open strong {
        font-size: 12px
    }

    .partner-open p {
        font-size: 10px
    }

    .partner-open-icon {
        padding: 8px
    }

    .partner-main {
        min-height: 140px
    }

    .partner-main img {
        width: 215px
    }

    .footer-bottom {
        flex-direction: column;
        gap: 12px
    }

    .page-banner h1 {
        font-size: 28px
    }

    .page-content .article-row {
        padding: 20px
    }

    .page-content .article-row h3 {
        font-size: 19px
    }

    .page-content {
        min-height: 300px
    }
}
@media (prefers-reduced-motion: reduce) {
    *, *:before, *:after {
        transition: none !important;
        animation: none !important
    }
}
@media (max-width: 575px) {
    .access-section {
        padding: 24px 0
    }

    .partner-logo-tile {
        height: 108px;
        padding: 18px
    }

    .partner-logo-slot span {
        font-size: 10px
    }

    .archive-action {
        font-size: 12px
    }
}
@media (min-width: 992px) {
    .navbar {
        padding-top: 0;
        padding-bottom: 0
    }

    .navbar-collapse {
        height: var(--header-height)
    }

    .navbar-nav {
        height: 100%;
        align-items: center
    }

    .navbar .dropdown {
        position: relative
    }

    .navbar .dropdown-menu {
        top: 100%;
        left: 0
    }

    .navbar .dropdown.show > .nav-link {
        background: var(--theme-teal)
    }

    .navbar-brand {
        margin-right: 20px
    }
}
@media (max-width: 1199px) and (min-width: 992px) {
    .navbar .nav-link {
        padding: 16px 7px !important;
        font-size: 11px;
        letter-spacing: .1px
    }

    .navbar-brand img {
        width: 160px;
        height: 48px
    }

    .search-toggle {
        width: 50px;
        margin-left: 8px
    }
}
@media (max-width: 991px) {
    .site-header {
        overflow: visible
    }

    .navbar-brand img {
        width: 165px;
        height: 50px
    }

    .navbar .nav-link {
        padding: 11px 12px !important;
        font-size: 13px
    }

    .search-toggle {
        height: 46px;
        width: 100%;
        margin: 8px 0 12px
    }

    .search-toggle:after {
        display: none
    }

    .partnership-heading {
        align-items: flex-start;
        flex-direction: column
    }

    .partnership-heading h2 {
        font-size: 28px
    }

    .partner-rail {
        gap: 20px 30px
    }

    .partner-layout-example {
        overflow: hidden
    }
}
@media (max-width: 575px) {
    .navbar-brand img {
        width: 150px;
        height: 45px
    }

    .partnership-heading h2 {
        font-size: 27px;
        line-height: 1.35
    }

    .partnership-heading h2 em {
        display: block
    }

    .partner-rail > a {
        flex-basis: 130px
    }

    .partner-rail img {
        max-width: 130px;
        max-height: 55px
    }
}
@media (min-width: 992px) {
    .navbar-brand {
        margin-right: 16px
    }

    .navbar .nav-link {
        padding: 16px 8px !important
    }

    .header-actions {
        margin-right: 0
    }
}
@media (max-width: 1199px) and (min-width: 992px) {
    .navbar .nav-link {
        padding: 16px 5px !important;
        font-size: 10.5px
    }

    .navbar-brand img {
        width: 145px;
        height: 44px
    }

    .navbar-brand {
        margin-right: 10px
    }

    .header-actions {
        margin-left: 6px
    }

    .header-actions .search-toggle {
        width: 38px
    }

    .language-toggle {
        padding-left: 9px;
        padding-right: 9px;
        gap: 5px
    }
}
@media (max-width: 991px) {
    .header-actions {
        height: 46px;
        width: 100%;
        margin: 8px 0 12px
    }

    .header-actions:after {
        display: none
    }

    .header-actions .search-toggle {
        width: 50%
    }

    .language-toggle {
        width: 50%
    }

    .partner-rail {
        justify-content: center
    }

    .partner-rail > a {
        flex: 0 1 calc(50% - 20px);
        font-size: 17px
    }

    .partner-rail img {
        width: 34px;
        height: 34px
    }
}
@media (max-width: 575px) {
    .partner-rail {
        gap: 22px 15px
    }

    .partner-rail > a {
        font-size: 13px;
        gap: 8px;
        flex-basis: calc(50% - 10px)
    }

    .partner-rail img {
        width: 28px;
        height: 28px
    }
}
@media (max-width: 991px) {
    .header-actions {
        border-top: 1px solid var(--line)
    }

    .header-actions:before {
        display: none
    }
}
@media (min-width: 992px) {
    .site-header.is-scrolled .navbar-collapse {
        height: 76px
    }
}
@media (max-width: 1199px) and (min-width: 992px) {
    .site-header.is-scrolled .navbar-brand img {
        width: 135px;
        height: 41px
    }
}
@media (max-width: 991px) {
    .site-header.is-scrolled .navbar {
        height: auto;
        min-height: 68px
    }

    .site-header.is-scrolled .navbar-brand img {
        width: 150px;
        height: 45px
    }

    .site-header.is-scrolled .navbar-collapse {
        max-height: calc(100vh - 68px)
    }
}
@media (max-width: 575px) {
    .site-header.is-scrolled .navbar {
        min-height: 64px
    }

    .site-header.is-scrolled .navbar-brand img {
        width: 138px;
        height: 41px
    }

    .site-header.is-scrolled .navbar-collapse {
        max-height: calc(100vh - 64px)
    }
}
@media (max-width: 575px) {
    .banner-brand-symbol {
        right: -70px;
        opacity: .12
    }

    .banner-brand-ring {
        right: -130px
    }

    .page-banner h1 {
        font-size: 28px
    }
}
@media (prefers-reduced-motion: reduce) {
    .site-header, .site-header .navbar, .site-header .navbar-collapse, .site-header .navbar-brand img {
        transition: none
    }
}
@media (max-width: 991px) {
    .banner-brand-art {
        left: 22%
    }

    .banner-brand-symbol {
        right: 8%
    }

    .banner-symbol-secondary {
        right: -130px
    }

    .banner-symbol-distant {
        right: 53%;
        opacity: .06
    }
}
@media (max-width: 575px) {
    .banner-brand-art {
        left: 12%;
        opacity: .8
    }

    .banner-brand-symbol {
        right: -45px;
        opacity: .14
    }

    .banner-symbol-secondary {
        right: -180px;
        opacity: .09
    }

    .banner-symbol-distant {
        right: 42%;
        opacity: .055
    }

    .banner-brand-ring {
        right: -200px
    }
}
@media (max-width: 767px) {
    .banner-layout {
        align-items: flex-start;
        flex-direction: column;
        gap: 24px
    }

    .share-toggle {
        padding: 11px 14px
    }

    .share-menu {
        left: 0 !important;
        right: auto
    }

    .share-status {
        left: 0;
        right: auto;
        text-align: left
    }

    .banner-geometry span {
        right: -100px
    }

    .page-banner {
        padding-bottom: 48px
    }
}
@media (max-width: 767px) {
    .banner-shapes {
        width: 120%;
        right: -35%;
        height: 540px
    }

    .share-caption {
        font-size: 8px
    }

    .share-action {
        flex-direction: row;
        min-width: 0;
        padding: 12px;
        gap: 8px
    }

    .share-action svg {
        width: 19px;
        height: 19px
    }
}
@media (prefers-reduced-motion: reduce) {
    .shape-orbit {
        animation: none !important;
        transform: rotate(25deg)
    }

    .share-action {
        transition: none
    }

    .share-action:hover {
        transform: none
    }
}
@media (max-width: 767px) {
    .page-banner {
        padding: 24px 0 26px
    }

    .banner-layout {
        gap: 16px
    }

    .breadcrumbs {
        font-size: 11px;
        line-height: 1.5
    }

    .breadcrumbs span {
        margin: 0 7px
    }

    .page-banner h1 {
        font-size: 25px;
        line-height: 1.25;
        margin-top: 10px
    }

    .page-share {
        width: 100%
    }

    .share-caption {
        display: none
    }

    .share-actions {
        gap: 8px;
        flex-wrap: wrap
    }

    .share-action {
        min-height: 44px;
        padding: 9px 12px;
        font-size: 10px;
        gap: 7px
    }

    .share-action svg {
        width: 17px;
        height: 17px
    }

    .share-status {
        position: static;
        display: block;
        min-width: 0;
        text-align: left;
        font-size: 10px
    }

    .share-status:empty {
        display: none
    }

    .share-status:not(:empty) {
        margin-top: 8px
    }
}
@media (max-width: 991px) {
    .site-header {
        --mobile-nav-top: var(--header-height)
    }

    .site-header.is-scrolled {
        --mobile-nav-top: 68px
    }

    .site-header #mainNav {
        position: fixed;
        top: var(--mobile-nav-top);
        left: 0;
        right: 0;
        width: 100%;
        height: calc(100vh - var(--mobile-nav-top));
        height: calc(100dvh - var(--mobile-nav-top));
        max-height: none !important;
        background: #f5f9f6;
        overflow: hidden;
        isolation: isolate;
        padding: 0;
        transition: none
    }

    .site-header #mainNav.show {
        display: flex;
        flex-direction: column;
        align-items: stretch
    }

    .site-header #mainNav.collapsing {
        display: flex;
        flex-direction: column;
        height: calc(100dvh - var(--mobile-nav-top)) !important
    }

    #mainNav:before, #mainNav:after {
        content: '';
        position: absolute;
        z-index: -1;
        width: 260px;
        height: 260px;
        border: 1px solid #3d8c7020;
        border-radius: 34px;
        pointer-events: none;
        animation: banner-orbit 160s linear infinite
    }

    #mainNav:before {
        right: -125px;
        top: 16%
    }

    #mainNav:after {
        left: -170px;
        bottom: 15%;
        width: 320px;
        height: 320px;
        animation-direction: reverse;
        animation-duration: 210s
    }

    #mainNav .navbar-nav {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        margin: 0 !important;
        padding: 12px 0 20px;
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
        overscroll-behavior: contain;
        gap: 0
    }

    #mainNav .nav-item {
        width: 100%;
        flex-shrink: 0;
        border-bottom: 1px solid #dce8df
    }

    #mainNav .nav-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        min-height: 54px;
        padding: 17px 26px !important;
        text-align: left;
        font-size: 14px;
        letter-spacing: .4px;
        border-radius: 0
    }

    #mainNav .dropdown-menu {
        position: static !important;
        transform: none !important;
        float: none;
        width: 100%;
        min-width: 0;
        margin: 0;
        padding: 0;
        border-radius: 0;
        box-shadow: none;
        background: var(--theme-dark)
    }

    #mainNav .dropdown-item {
        width: 100%;
        min-height: 48px;
        padding: 15px 36px;
        font-size: 13px;
        white-space: normal;
        border-top: 1px solid #ffffff12
    }

    #mainNav .header-actions {
        position: relative;
        flex: 0 0 auto;
        display: flex;
        width: 100%;
        height: auto;
        min-height: 62px;
        margin: 0;
        padding: 0 0 env(safe-area-inset-bottom);
        border: 0;
        background: var(--theme-dark);
        align-items: stretch
    }

    #mainNav .header-actions:before, #mainNav .header-actions:after {
        display: none
    }

    #mainNav .header-actions .search-toggle, #mainNav .header-actions .language-toggle {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50%;
        height: 62px;
        min-height: 62px;
        margin: 0;
        padding: 0;
        background: transparent;
        color: #fff
    }

    #mainNav .header-actions .language-toggle {
        border-left: 1px solid #ffffff25
    }

    #mainNav .header-actions a:hover, #mainNav .header-actions button:hover {
        background: #0a3034;
        color: #fff
    }

    body.mobile-nav-open {
        overflow: hidden
    }

    .site-header #siteSearch.show, .site-header #siteSearch.collapsing {
        position: fixed;
        left: 0;
        right: 0;
        bottom: calc(62px + env(safe-area-inset-bottom));
        z-index: 1040;
        background: #fff;
        box-shadow: 0 -6px 20px #123f4310
    }

    .site-header #siteSearch .search-panel {
        max-width: 100%;
        margin: 0;
        padding: 16px 22px
    }
}
@media (max-width: 575px) {
    .site-header.is-scrolled {
        --mobile-nav-top: 64px
    }
}
@media (prefers-reduced-motion: reduce) {
    #mainNav:before, #mainNav:after {
        animation: none !important
    }
}
@media (min-width: 992px) {
    .navbar .nav-link {
        padding-left: 6px !important;
        padding-right: 6px !important
    }

    .navbar-brand {
        margin-right: 12px
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .navbar .nav-link {
        padding-left: 4px !important;
        padding-right: 4px !important;
        font-size: 10px
    }

    .navbar-brand img {
        width: 132px;
        height: 40px
    }

    .navbar-brand {
        margin-right: 6px
    }

    .header-actions {
        margin-left: 4px
    }

    .header-actions .search-toggle {
        width: 32px
    }

    .language-toggle {
        padding-left: 7px;
        padding-right: 7px
    }
}
@media (min-width: 992px) {
    .navbar .nav-link {
        font-weight: 600;
        color: #203f42
    }

    .navbar .nav-link:hover, .navbar .nav-link:focus-visible, .navbar .dropdown.show > .nav-link {
        color: #fff
    }

    .navbar .dropdown-item {
        font-weight: 500
    }
}
@media (prefers-reduced-motion: reduce) {
    .menu-line {
        transition: none
    }
}
@media (max-width: 991px) {
    .partner-carousel .partner-rail > a {
        flex-basis: 33.333333%;
        font-size: 14px;
        flex-direction: column;
        gap: 12px
    }

    .expanded-footer .footer-connect {
        margin-top: 25px
    }

    .expanded-footer .footer-about {
        margin-bottom: 25px
    }
}
@media (max-width: 575px) {
    .partner-carousel .partner-rail > a {
        font-size: 10px;
        padding: 10px 3px
    }

    .partner-carousel .partner-rail img {
        width: 30px;
        height: 30px
    }

    .expanded-footer .footer-intro {
        align-items: flex-start;
        flex-direction: column;
        padding: 25px 0
    }

    .expanded-footer .footer-main {
        padding: 30px 0
    }

    .expanded-footer .footer-bottom {
        font-size: 9px;
        gap: 12px
    }

    .footer-university-logo img {
        width: 160px
    }
}

/* --- Responsive Component: theme.css --- */
@media(min-width:992px){.navbar .nav-link:hover,.navbar .nav-link:focus-visible,.navbar .dropdown.show>.nav-link{color:#fff}}

/* --- Responsive Component: interior.css --- */
@media(max-width:991px){.about-layout{grid-template-columns:1fr;gap:30px}.inner-sidebar{position:static;display:flex;align-items:center;flex-wrap:wrap;gap:15px;padding:15px}.inner-sidebar .sidebar-note,.inner-sidebar>.section-kicker{display:none}.inner-sidebar>a{border:0;padding:5px;font-size:12px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.research-grid{grid-template-columns:1fr}.catalog-heading{align-items:stretch;flex-direction:column}.language-picker{width:50%;height:62px}.header-actions .language-picker .language-toggle{width:100%!important}.language-picker .dropdown-menu{position:absolute;top:auto;bottom:100%;left:0;right:auto;margin:0}.site-header #mainNav .language-picker .dropdown-menu{position:absolute!important;top:auto!important;bottom:100%;width:100%;transform:none!important}.research-feature>div{padding:28px}}
@media(max-width:575px){.about-article h2,.catalog-heading h2{font-size:28px}.page-content .article-lead{font-size:17px}.about-figure img{height:230px}.about-values{grid-template-columns:1fr}.book-grid{gap:14px}.book-cover{height:220px;padding:18px}.book-info{padding:16px}.book-info h3{font-size:14px}.book-info p{font-size:11px}.research-feature{grid-template-columns:1fr}.research-feature>img{min-height:0;height:180px}.research-feature h2{font-size:25px}.announcement-card{padding:20px;gap:18px}.announcement-card h3{font-size:18px}.announcement-number{font-size:27px}.home-announcement{margin-bottom:15px;height:auto}.detail-layout{display:block}.detail-book-cover{position:static;max-width:220px;width:100%;display:block;margin:0 auto 25px}.detail-feature-img{position:static;width:100%;height:200px;margin-bottom:25px}.catalog-note{padding:23px;gap:15px}.search-modal-content .modal-body,.theme-modal .modal-body{padding:20px}.color-row{gap:8px}.color-row label{font-size:12px}.theme-launcher{bottom:15px;right:12px;width:40px;height:40px}}

/* --- Responsive Component: programs.css --- */
@media(max-width:991px){.program-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.program-detail{grid-template-columns:minmax(0,1fr) 260px;gap:25px}}
@media(max-width:767px){.program-intro{align-items:flex-start;flex-direction:column}.program-grid,.program-detail{grid-template-columns:1fr}.program-aside{position:static;grid-row:1}.program-card-body{padding:22px}.program-cover{aspect-ratio:1.45}.program-gallery{gap:7px}.program-detail h2{font-size:28px}#generalCalendar{padding:12px}.fc .fc-toolbar{flex-wrap:wrap;gap:14px}.fc .fc-toolbar-title{font-size:21px}.fc .fc-toolbar-chunk{display:flex;gap:8px}.calendar-filters{gap:6px}.calendar-filters label{padding:8px;font-size:12px}.program-agenda li{gap:18px}}
@media(prefers-reduced-motion:reduce){.program-card,.program-photo img{transition:none}}

/* --- Responsive Component: home-loader.css --- */
@media(prefers-reduced-motion:reduce){.loader-orbit,.loader-emblem img,.loader-track span{animation:none}.home-loader,.loader-composition{transition:none}}
@media(max-width:575px){.loader-emblem{width:150px;height:150px;margin-bottom:28px}.loader-emblem img{width:90px}.loader-wordmark{font-size:20px}.loader-caption{font-size:7px;letter-spacing:1.5px}}

/* --- Responsive Component: kutuphane.css --- */

/* --- Duyuru Detay Responsive --- */
@media (max-width: 991.98px) {
    .announcement-detail-card {
        padding: 1.5rem !important;
    }
    .announcement-sidebar-card {
        top: 0 !important;
        margin-top: 1rem;
    }
}

@media (max-width: 575.98px) {
    .announcement-detail-title {
        font-size: 1.45rem !important;
    }
    .gallery-img-box {
        height: 120px !important;
    }
}