.ayu-department-programmes { padding: 64px 0 72px; color: #152640; background: linear-gradient(180deg, #fff 0, #faf9f9 110px, #faf9f9 calc(100% - 90px), #fff 100%); }
.ayu-department-programmes h2 { margin: 0 0 42px; color: #152640; font: 700 clamp(28px, 2.5vw, 40px)/1.2 "Segoe UI", Arial, sans-serif; text-align: center; text-transform: none; scroll-margin-top: 130px; }
.ayu-department-programmes h2::after { content: ""; display: block; width: 44px; height: 3px; margin: 20px auto 0; border-radius: 2px; background: rgba(186, 21, 48, .65); }

.ayu-department-programmes__layout { position: relative; display: grid; grid-template-columns: 360px minmax(0, 1fr); gap: 64px; align-items: start; }
.ayu-department-programmes__layout::before { content: ""; position: absolute; top: 0; bottom: 0; left: 392px; width: 1px; background: #e2dfe0; pointer-events: none; }
.ayu-programme-nav { position: sticky; top: 116px; background: transparent; }
.ayu-programme-nav__title { padding: 8px 8px 22px; border-bottom: 1px solid #e2dfe0; color: #152640; font: 700 18px/1.4 "Segoe UI", Arial, sans-serif; }
.ayu-programme-nav__group + .ayu-programme-nav__group { border-top: 1px solid #e2dfe0; }
.ayu-department-programmes .ayu-programme-nav__level { display: flex; align-items: center; margin: 0; padding: 22px 8px 16px; border-bottom: 1px solid #e9e6e7; color: #152640; font: 700 15px/1.4 "Segoe UI", Arial, sans-serif; }
.ayu-programme-nav__level > span { margin-left: auto; min-width: 24px; padding: 2px 6px; border-radius: 5px; color: #657185; background: transparent; text-align: center; font-size: 12px; }
.ayu-programme-nav__group ul { list-style: none; margin: 0; padding: 16px 8px 24px; }
.ayu-programme-nav__group li + li { margin-top: 9px; }
.ayu-programme-nav__group button { position: relative; display: grid; grid-template-columns: 78px minmax(0, 1fr); align-items: center; gap: 12px; width: 100%; min-height: 76px; padding: 14px 12px; border: 1px solid #ead8dc; border-left: 4px solid #d68b97; border-radius: 8px; color: #46566c; background: transparent; text-align: left; font: 600 14px/1.5 "Segoe UI", Arial, sans-serif; transition: color .2s, border-color .2s; }
.ayu-programme-nav__group button:hover { color: #ba1530; border-color: #d68b97; }
.ayu-programme-nav__group button[aria-pressed="true"] { color: #ba1530; border-color: #d68b97; border-left-color: #ba1530; font-weight: 700; }
.ayu-programme-nav__code { display: block; padding: 0; color: inherit; background: transparent; text-align: left; font: 750 14px/1.35 "Segoe UI", Arial, sans-serif; }
.ayu-programme-nav__group button > span:last-child { padding-left: 0; }
.ayu-programme-content { min-width: 0; }
.ayu-programme { color: #152640; }
.ayu-programme[hidden] { display: none !important; }
.ayu-programme__overview { padding: 0; }
.ayu-department-programmes .ayu-programme__breadcrumb { margin: 0 0 18px; color: #65758b; font: 400 13px/1.6 "Segoe UI", Arial, sans-serif; }
.ayu-programme__breadcrumb span { padding: 0 8px; color: #aeb9c8; }
.ayu-programme__code { display: inline-block; margin-bottom: 12px; padding: 5px 10px; border-radius: 5px; color: #ba1530; background: #fcf0f2; font: 700 13px/1.4 "Segoe UI", Arial, sans-serif; }
.ayu-department-programmes h3 { margin: 0 0 24px; color: #152640; font: 700 clamp(23px, 2vw, 31px)/1.25 "Segoe UI", Arial, sans-serif; text-align: left; text-transform: none; overflow-wrap: anywhere; scroll-margin-top: 120px; }
.ayu-programme__image { display: block; width: 100%; height: auto; aspect-ratio: 2.6; object-fit: cover; border-radius: 9px; }
.ayu-programme__description { padding-top: 24px; }
.ayu-department-programmes .ayu-programme__description p { margin: 0 0 16px; color: #536174; font: 400 16px/1.75 "Segoe UI", Arial, sans-serif; }
.ayu-programme__description p:last-child { margin-bottom: 0; }
/* Navigation and programme share the section surface, separated by a single rule. */
.ayu-programme__details { display: grid; gap: 12px; margin-top: 24px; }
.ayu-department-programmes .ayu-programme__intro { margin: -8px 0 22px; color: #536174; font: 400 16px/1.65 "Segoe UI", Arial, sans-serif; }
.ayu-department-programmes h4 { margin: 0 0 14px; color: #152640; font: 700 21px/1.4 "Segoe UI", Arial, sans-serif; text-transform: none; }
.ayu-programme-accordion { border: 1px solid #e4e9f0; border-radius: 10px; overflow: hidden; background: #fff; }
.ayu-programme-accordion summary > svg { flex: 0 0 26px; width: 26px; height: 26px; color: #ba1530; }
.ayu-programme-accordion summary { display: flex; align-items: center; gap: 18px; min-height: 64px; padding: 17px 22px; color: #152640; cursor: pointer; list-style: none; font: 650 17px/1.45 "Segoe UI", Arial, sans-serif; transition: background-color .2s; }
.ayu-programme-accordion summary::-webkit-details-marker { display: none; }
.ayu-programme-accordion summary:hover { background: #fff; }
.ayu-programme-accordion[open] > summary { border-bottom: 1px solid #e8e6e6; background: #fff; }
.ayu-programme-accordion__chevron { width: 9px; height: 9px; margin: 0 3px 4px auto; flex: 0 0 9px; border-right: 1.5px solid #8b5863; border-bottom: 1.5px solid #8b5863; transform: rotate(45deg); }
.ayu-programme-accordion[open] .ayu-programme-accordion__chevron { margin-bottom: -4px; transform: rotate(225deg); }
.ayu-programme-accordion__body { padding: 22px; }
.ayu-programme-accordion__body ul { margin: 0; padding-left: 20px; color: #536174; font: 400 16px/1.75 "Segoe UI", Arial, sans-serif; }
.ayu-programme-accordion__body li + li { margin-top: 8px; }
.ayu-programme-accordion__body li::marker { color: #ba1530; }
.ayu-programme-rich-content { color: #536174; font: 400 16px/1.75 "Segoe UI", Arial, sans-serif; overflow-wrap: anywhere; }
.ayu-programme-rich-content img, .ayu-programme-rich-content video, .ayu-programme-rich-content iframe { max-width: 100%; }
.ayu-programme-rich-content img { height: auto; }
.ayu-programme-rich-content { overflow-x: auto; }
.ayu-programme-rich-content table { max-width: 100%; }
.ayu-programme-rich-content a { color: #ba1530; text-decoration: underline; }
.ayu-department-programmes :where(button, summary, [tabindex]):focus-visible { outline: 2px solid #ba1530; outline-offset: -3px; }
.ayu-department-news .recent-post-wrap { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
@media (max-width: 1199px) { .ayu-department-programmes__layout::before { left: 344px; } .ayu-department-programmes__layout { grid-template-columns: 320px minmax(0, 1fr); gap: 48px; } .ayu-programme-nav { position: static; } }
@media (max-width: 991px) { .ayu-department-programmes__layout::before { display: none; } .ayu-programme-nav { border-bottom: 1px solid #e2dfe0; padding-bottom: 8px; } .ayu-department-programmes__layout { grid-template-columns: minmax(0, 1fr); gap: 28px; } .ayu-programme-nav__group ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .ayu-programme-nav__group li + li { margin-top: 0; } .ayu-department-news .recent-post-wrap { grid-template-columns: 1fr; } }
@media (max-width: 575px) { .ayu-department-programmes { padding-top: 44px; } .ayu-programme-nav__group ul { grid-template-columns: 1fr; } .ayu-programme__image { aspect-ratio: 1.7; } .ayu-programme-accordion summary { padding: 16px; gap: 12px; font-size: 16px; } .ayu-programme-accordion__body { padding: 18px; } }
@media (prefers-reduced-motion: reduce) { .ayu-programme-nav__group button, .ayu-programme-accordion summary { transition: none; } }
