:root {
  --cmuaa-purple: #6f2c91;
  --cmuaa-purple-deep: #351447;
  --cmuaa-purple-soft: #f0e7f5;
  --cmuaa-gold: #b28a35;
  --cmuaa-ink: #1d1d1f;
  --cmuaa-muted: #6e6e73;
  --cmuaa-line: #e4e4e8;
  --cmuaa-paper: #f5f5f7;
  --cmuaa-white: #fff;
  --cmuaa-radius: 28px;
  --cmuaa-radius-small: 20px;
  --cmuaa-shadow: 0 18px 55px rgba(32,23,39,.07);
}

html { scroll-behavior: smooth; }
body.cmuaa-page { margin: 0; overflow-x: hidden; background: var(--cmuaa-paper); color: var(--cmuaa-ink); font-family: "Noto Sans Thai", "Leelawadee UI", Arial, sans-serif; -webkit-font-smoothing: antialiased; }
body.cmuaa-page.cmuaa-menu-open { overflow: hidden; }
.cmuaa-page *, .cmuaa-page *:before, .cmuaa-page *:after { box-sizing: border-box; }
.cmuaa-page a { color: inherit; text-decoration: none; }
.cmuaa-page a:hover, .cmuaa-page a:focus { color: var(--cmuaa-purple); text-decoration: none; }
.cmuaa-page img { max-width: 100%; }
.cmuaa-page :focus-visible { outline: 3px solid #a95dcc; outline-offset: 4px; }
.cmuaa-shell { width: min(1240px, calc(100% - 64px)); margin: 0 auto; }
.cmuaa-skip-link { position: fixed; z-index: 9999; top: 12px; left: 12px; padding: 12px 18px; border-radius: 12px; background: #fff; color: var(--cmuaa-purple-deep); transform: translateY(-160%); }
.cmuaa-skip-link:focus { transform: translateY(0); }

/* Shared header */
.cmuaa-utility { position: relative; z-index: 101; background: var(--cmuaa-purple-deep); color: rgba(255,255,255,.84); font-size: 12px; }
.cmuaa-utility-inner { display: flex; align-items: center; justify-content: space-between; min-height: 34px; }
.cmuaa-utility p { margin: 0; }
.cmuaa-utility-inner > div { display: flex; gap: 24px; }
.cmuaa-utility a { color: inherit; }
.cmuaa-utility a:hover { color: #fff; }
.cmuaa-header { position: sticky; z-index: 100; top: 0; border-bottom: 1px solid rgba(29,29,31,.08); background: rgba(245,245,247,.9); backdrop-filter: saturate(180%) blur(20px); }
.cmuaa-nav-row { position: relative; display: flex; align-items: center; min-height: 84px; gap: 30px; }
.cmuaa-brand { flex: 0 0 auto; }
.cmuaa-brand img { display: block; width: 214px; height: auto; }
.cmuaa-nav { display: flex; align-items: center; gap: clamp(18px,2.4vw,34px); margin-left: auto; }
.cmuaa-nav > a, .cmuaa-more > summary { position: relative; padding: 14px 0; color: var(--cmuaa-ink); font-size: 14px; font-weight: 650; list-style: none; cursor: pointer; }
.cmuaa-more > summary::-webkit-details-marker { display: none; }
.cmuaa-more > summary:after { content: "＋"; margin-left: 6px; color: var(--cmuaa-purple); }
.cmuaa-nav > a:after { content: ""; position: absolute; right: 0; bottom: 7px; left: 0; height: 2px; background: var(--cmuaa-purple); transform: scaleX(0); transition: transform .2s ease; }
.cmuaa-nav > a:hover:after, .cmuaa-nav > a.is-current:after { transform: scaleX(1); }
.cmuaa-nav > a.is-current { color: var(--cmuaa-purple); }
.cmuaa-more { position: relative; }
.cmuaa-more-menu { position: absolute; top: calc(100% + 8px); right: 0; display: grid; width: 260px; padding: 12px; border: 1px solid var(--cmuaa-line); border-radius: 18px; background: #fff; box-shadow: var(--cmuaa-shadow); }
.cmuaa-more-menu a { padding: 11px 12px; border-radius: 11px; color: var(--cmuaa-ink); font-size: 13px; }
.cmuaa-more-menu a:hover { background: var(--cmuaa-purple-soft); }
.cmuaa-nav-cta { display: inline-flex; align-items: center; gap: 10px; flex: 0 0 auto; padding: 12px 18px; border-radius: 999px; background: #fff; box-shadow: 0 6px 20px rgba(32,23,39,.06); color: var(--cmuaa-purple)!important; font-size: 14px; font-weight: 750; }
.cmuaa-nav-cta:hover { background: var(--cmuaa-purple); color: #fff!important; }
.cmuaa-menu-toggle { display: none; width: 44px; height: 44px; padding: 11px; border: 0; border-radius: 50%; background: #fff; flex-direction: column; justify-content: center; gap: 6px; cursor: pointer; }
.cmuaa-menu-toggle span { display: block; width: 100%; height: 1px; background: var(--cmuaa-ink); transition: transform .2s ease; }

/* Page foundation */
.cmuaa-main { min-height: 55vh; background: var(--cmuaa-paper); }
.cmuaa-main .main-wrapper, .cmuaa-main .content-wrapper { background: transparent; }
.cmuaa-main .content-wrapper { padding-bottom: 80px; }
.cmuaa-main .container { width: min(1180px, calc(100% - 64px)); max-width: none; padding-right: 0; padding-left: 0; }
.cmuaa-main .container-fullid { width: min(1240px, calc(100% - 64px)); margin-right: auto; margin-left: auto; }
.cmuaa-main h1, .cmuaa-main h2, .cmuaa-main h3, .cmuaa-main h4, .cmuaa-main h5, .cmuaa-main h6 { color: var(--cmuaa-ink); font-family: inherit; }
.cmuaa-main p, .cmuaa-main .text-light { color: var(--cmuaa-muted); font-family: inherit; line-height: 1.75; }

/* Page heroes */
.cmuaa-main .banner_acty, .cmuaa-main .about-us-title { position: relative!important; display: flex; align-items: center; justify-content: center; overflow: hidden; width: 100%!important; min-height: 360px!important; margin: 38px auto 50px!important; border-radius: var(--cmuaa-radius)!important; background-color: #ddd!important; box-shadow: var(--cmuaa-shadow); isolation: isolate; }
.cmuaa-main .banner_acty:after, .cmuaa-main .about-us-title:after { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg,rgba(28,13,37,.08),rgba(28,13,37,.68)); }
.cmuaa-main .banner_acty > h1, .cmuaa-main .about-us-title > h1 { position: relative!important; top: auto!important; z-index: 2; max-width: 900px; margin: 0; padding: 40px; color: #fff!important; font-size: clamp(42px,6vw,76px)!important; font-weight: 680!important; letter-spacing: -.04em; line-height: 1.12; text-align: center; text-shadow: none!important; text-transform: none!important; }
.cmuaa-page-activity .banner_acty > h1:before { content: "กิจกรรม"; font-size: 0; }

/* Filters */
.cmuaa-main .top-section, .cmuaa-main .slc_search { margin: 0 0 28px; padding: 22px!important; border: 1px solid rgba(29,29,31,.06); border-radius: var(--cmuaa-radius-small); background: #fff; box-shadow: 0 10px 32px rgba(32,23,39,.04); }
.cmuaa-main .top-section .row, .cmuaa-main .top-section .list-item { margin: 0; }
.cmuaa-main input[type="text"], .cmuaa-main input[type="email"], .cmuaa-main input[type="password"], .cmuaa-main input[type="tel"], .cmuaa-main input[type="file"], .cmuaa-main select, .cmuaa-main textarea, .cmuaa-main .form-control { min-height: 48px; border: 1px solid #d9d9df!important; border-radius: 13px!important; background: #fff!important; box-shadow: none!important; color: var(--cmuaa-ink); font-family: inherit; font-size: 15px; }
.cmuaa-main textarea.form-control { min-height: 130px; padding: 14px 16px; resize: vertical; }
.cmuaa-main input:focus, .cmuaa-main select:focus, .cmuaa-main textarea:focus, .cmuaa-main .form-control:focus { border-color: var(--cmuaa-purple)!important; box-shadow: 0 0 0 3px rgba(111,44,145,.12)!important; }
.cmuaa-main button, .cmuaa-main input[type="submit"], .cmuaa-main .bnt, .cmuaa-main .btn, .cmuaa-main .button { border-radius: 999px!important; font-family: inherit; font-weight: 750; }
.cmuaa-main .bnt-theme, .cmuaa-main .btn-primary, .cmuaa-main button[type="submit"], .cmuaa-main input[type="submit"] { border-color: var(--cmuaa-purple)!important; background: var(--cmuaa-purple)!important; color: #fff!important; }
.cmuaa-main .bnt-theme:hover, .cmuaa-main .btn-primary:hover, .cmuaa-main button[type="submit"]:hover, .cmuaa-main input[type="submit"]:hover { background: var(--cmuaa-purple-deep)!important; }

/* News and activity list cards */
.cmuaa-main .blog-content { padding: 0 0 40px; }
.cmuaa-main .articles { display: grid; gap: 22px; }
.cmuaa-main .article-item { display: grid!important; grid-template-columns: minmax(220px, .78fr) minmax(0, 1.22fr); overflow: hidden; margin: 0!important; padding: 0!important; border: 1px solid rgba(29,29,31,.06)!important; border-radius: var(--cmuaa-radius)!important; background: #fff!important; box-shadow: 0 12px 38px rgba(32,23,39,.05); transition: transform .24s ease, box-shadow .24s ease; }
.cmuaa-main .article-item:hover { transform: translateY(-4px); box-shadow: 0 22px 52px rgba(32,23,39,.1); }
.cmuaa-main .article-item > a { display: block; min-height: 260px; }
.cmuaa-main .article-item > a .area-img { width: 100%!important; height: 100%!important; min-height: 260px; margin: 0!important; background-color: #e9e7ec; }
.cmuaa-main .article-item .area-content { display: grid; grid-template-columns: 92px minmax(0,1fr); align-content: center; width: auto!important; min-width: 0; padding: 28px!important; }
.cmuaa-main .article-item .article-left, .cmuaa-main .article-item .article-right { float: none!important; width: auto!important; padding: 0!important; }
.cmuaa-main .article-item .article-left { padding-right: 18px!important; }
.cmuaa-main .article-item .catetory-title h6 { color: var(--cmuaa-purple); font-size: 11px; font-weight: 800; letter-spacing: .06em; }
.cmuaa-main .article-item h3 { display: -webkit-box; overflow: hidden; margin: 0 0 14px!important; font-size: clamp(21px,2vw,29px)!important; line-height: 1.42; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.cmuaa-main .article-item h3 a { color: var(--cmuaa-ink); }
.cmuaa-main .article-item h3 a:hover { color: var(--cmuaa-purple); }
.cmuaa-main .article-item .stats { color: var(--cmuaa-muted); font-size: 12px; }

.cmuaa-main .sidebar .block-item { overflow: hidden; padding: 24px!important; border: 1px solid rgba(29,29,31,.06)!important; border-radius: var(--cmuaa-radius-small)!important; background: #fff!important; box-shadow: 0 10px 32px rgba(32,23,39,.04); }
.cmuaa-main .sidebar .block-title { margin-bottom: 18px; }
.cmuaa-main .sidebar .block-title h5 { color: var(--cmuaa-purple); font-size: 12px; font-weight: 800; letter-spacing: .1em; }
.cmuaa-main .sidebar .block-content ul { display: grid; gap: 16px; margin: 0; padding: 0; }
.cmuaa-main .sidebar .block-content li { display: grid!important; grid-template-columns: 88px 1fr; gap: 14px; margin: 0!important; padding: 0 0 16px!important; border-bottom: 1px solid var(--cmuaa-line); }
.cmuaa-main .sidebar .block-content li:last-child { padding-bottom: 0!important; border-bottom: 0; }
.cmuaa-main .sidebar .area-img { width: 88px!important; }
.cmuaa-main .sidebar .area-img > div { border-radius: 12px; }
.cmuaa-main .sidebar h6 { margin: 0 0 7px; font-size: 14px; line-height: 1.45; }

/* Gallery and card grids */
.cmuaa-page-gallery .alumni-interview > .container-fullid > .row { display: grid; grid-template-columns: 1.25fr .75fr; overflow: hidden; margin: 38px 0 58px!important; border-radius: var(--cmuaa-radius); background: #fff; box-shadow: var(--cmuaa-shadow); }
.cmuaa-page-gallery .banner_img, .cmuaa-page-gallery .banner_text { float: none!important; width: auto!important; min-height: 500px; }
.cmuaa-page-gallery .banner_text { display: flex; align-items: center; padding: clamp(40px,5vw,72px)!important; background: #fff!important; }
.cmuaa-page-gallery .banner_text h1 { font-size: clamp(34px,4vw,52px)!important; font-weight: 680; line-height: 1.2; }
.cmuaa-main .alumni-story { padding: 40px 0 80px; background: transparent; }
.cmuaa-main .alumni-story > .container > .row { display: flex; flex-wrap: wrap; }
.cmuaa-main .alumni-story-wrapper { overflow: hidden; height: 100%; margin: 0 0 26px!important; border: 1px solid rgba(29,29,31,.06); border-radius: var(--cmuaa-radius); background: #fff; box-shadow: 0 12px 38px rgba(32,23,39,.05); transition: transform .24s ease, box-shadow .24s ease; }
.cmuaa-main .alumni-story-wrapper:hover { transform: translateY(-4px); box-shadow: 0 22px 52px rgba(32,23,39,.1); }
.cmuaa-main .alumni-story-img { overflow: hidden; border-radius: 0!important; }
.cmuaa-main .alumni-story-img img, .cmuaa-main .alumni-story-img > div { width: 100%; min-height: 300px; object-fit: cover; transition: transform .5s ease; }
.cmuaa-main .alumni-story-wrapper:hover .alumni-story-img img { transform: scale(1.025); }
.cmuaa-main .alumni-story-content { padding: 24px!important; }
.cmuaa-main .alumni-story-content h3, .cmuaa-main .alumni-story-content h5 { margin: 0; font-size: 22px; line-height: 1.45; }

.cmuaa-main .galery-wrapper { padding: 64px 0 80px; }
.cmuaa-main .galery-title { width: min(980px,calc(100% - 40px)); margin: 0 auto 38px; }
.cmuaa-main .galery-title h1 { font-size: clamp(36px,5vw,58px)!important; font-weight: 680; letter-spacing: -.04em; }
.cmuaa-main .grid-gallery { width: min(1240px,calc(100% - 64px)); margin: 0 auto; }
.cmuaa-main .grid-gallery .grid-item { overflow: hidden; padding: 6px!important; border-radius: var(--cmuaa-radius-small); }
.cmuaa-main .grid-gallery img { border-radius: 16px; transition: transform .4s ease; }
.cmuaa-main .grid-gallery .grid-item:hover img { transform: scale(1.02); }

/* Detail pages */
.cmuaa-main .event { padding: 54px 0 80px; }
.cmuaa-main .event .detail_padding { display: none; }
.cmuaa-main .event-content > .container { overflow: hidden; padding: clamp(28px,5vw,68px)!important; border: 1px solid rgba(29,29,31,.06); border-radius: var(--cmuaa-radius); background: #fff; box-shadow: var(--cmuaa-shadow); }
.cmuaa-main .event-detail { max-width: 920px; margin: 0 auto 36px; }
.cmuaa-main .event-detail-title h1 { margin: 0 0 18px; font-size: clamp(38px,5vw,64px)!important; font-weight: 680!important; letter-spacing: -.04em; line-height: 1.2; text-transform: none!important; }
.cmuaa-main .event-detail .dates p { color: var(--cmuaa-purple); font-size: 14px; font-weight: 750; }
.cmuaa-main .event-detail .place { color: var(--cmuaa-muted); }
.cmuaa-main .view-map a { display: inline-flex; margin-top: 14px; padding: 10px 18px; border-radius: 999px; background: var(--cmuaa-purple-soft); color: var(--cmuaa-purple); font-weight: 750; }
.cmuaa-main .event-descriptiion { max-width: 980px; margin: 0 auto; }
.cmuaa-main .event-descriptiion .banner_acty { min-height: 500px!important; margin: 0 0 34px!important; box-shadow: none; }
.cmuaa-main .event-descriptiion .text-light { color: #454149; font-size: 17px; line-height: 1.9; }
.cmuaa-main .event-descriptiion .text-light img { height: auto!important; border-radius: 16px; }
.cmuaa-main .blog-post-content.full-width { width: min(980px,calc(100% - 64px)); margin: 24px auto 0; }
.cmuaa-main .box-share { padding: 22px 26px; border: 1px solid var(--cmuaa-line); border-radius: 18px; background: #fff; }
.cmuaa-main .box-share h4 { margin: 0 0 12px; color: var(--cmuaa-purple); font-size: 11px; font-weight: 850; letter-spacing: .12em; }

/* About and partners */
.cmuaa-page-about-us .about-us-content, .cmuaa-page-about-us .alumni-dashboard, .cmuaa-page-partner .alumni-dashboard { padding: 0 0 84px; }
.cmuaa-page-about-us .about-us-content .content-wrapper { padding: clamp(30px,5vw,62px)!important; border-radius: var(--cmuaa-radius); background: #fff; box-shadow: var(--cmuaa-shadow); }
.cmuaa-page-about-us .policy h3 { margin: 0 0 30px; color: var(--cmuaa-purple)!important; font-size: clamp(26px,3vw,38px)!important; line-height: 1.4; }
.cmuaa-page-about-us .policy h4 { margin: 0!important; padding: 16px 0; border-bottom: 1px solid var(--cmuaa-line); color: var(--cmuaa-ink); line-height: 1.55; }
.cmuaa-page-about-us .title-dashboard { margin: 0 0 34px; }
.cmuaa-page-about-us .title-dashboard h3 { font-size: clamp(30px,4vw,48px); font-weight: 680; }
.cmuaa-page-about-us .home_info { display: flex; align-items: stretch; flex-direction: column; }
.cmuaa-page-about-us .home_info > div, .cmuaa-page-about-us .home_info .box-content { background: #fff; }
.cmuaa-page-about-us .member-img { overflow: hidden; min-height: 260px; border-radius: 22px 22px 0 0; }
.cmuaa-page-about-us .member-img img { width: 100%; height: 300px; object-fit: cover; }
.cmuaa-page-about-us .home_info .box-content { flex: 1; padding: 20px; border-radius: 0 0 22px 22px; }
.cmuaa-page-partner .partner_title { padding-top: 76px!important; }
.cmuaa-page-partner .partner_title h1 { font-size: clamp(36px,5vw,58px)!important; font-weight: 680; }
.cmuaa-page-partner .partner_info { height: auto!important; min-height: 200px; margin: 0 0 24px; padding: 24px!important; border-radius: var(--cmuaa-radius-small); background: #fff; box-shadow: 0 10px 32px rgba(32,23,39,.05); }
.cmuaa-page-partner .partner_info h4 { color: var(--cmuaa-purple)!important; font-size: 19px; line-height: 1.45; }
.cmuaa-page-partner .partner_info .a_link a { display: block; margin: 8px 0; color: var(--cmuaa-muted); }

/* Forms, contact and accounts */
.cmuaa-page-contact .content-wrapper.contact { padding: 70px 0 90px!important; }
.cmuaa-page-contact .programs-services > .container > .row { display: grid; grid-template-columns: .8fr 1.2fr; overflow: hidden; margin: 0; border-radius: var(--cmuaa-radius); background: #fff; box-shadow: var(--cmuaa-shadow); }
.cmuaa-page-contact .services-content, .cmuaa-page-contact .services-img { float: none!important; width: auto!important; padding: clamp(34px,5vw,64px)!important; }
.cmuaa-page-contact .services-content { background: var(--cmuaa-purple-deep); color: #fff; }
.cmuaa-page-contact .services-content h1 { margin-top: 0; color: #fff; font-size: clamp(42px,5vw,62px); font-weight: 680; }
.cmuaa-page-contact .services-content p, .cmuaa-page-contact .services-content a { color: rgba(255,255,255,.72); }
.cmuaa-main .account-page { padding: 72px 0 92px; }
.cmuaa-main .account-title { margin: 0 auto 26px!important; }
.cmuaa-main .account-title h1, .cmuaa-main .account-title h2, .cmuaa-main .account-title h4 { margin: 0; font-size: clamp(30px,4vw,48px)!important; font-weight: 680; line-height: 1.3; }
.cmuaa-main .account-content, .cmuaa-main .form_contact { width: min(680px,100%)!important; margin: 0 auto!important; padding: clamp(26px,4vw,44px)!important; border: 1px solid rgba(29,29,31,.06); border-radius: var(--cmuaa-radius); background: #fff; box-shadow: var(--cmuaa-shadow); }
.cmuaa-main .account-content .input-box { margin-bottom: 16px; }
.cmuaa-main .account-content .input-box input { width: 100%; padding: 0 16px; }
.cmuaa-main .buttons-set { margin-top: 24px!important; }
.cmuaa-main .buttons-set button, .cmuaa-main .buttons-set .bnt { min-height: 48px; padding: 0 24px; }
.cmuaa-page-connect-register .form-group.col-md-6 { width: 50%; }
.cmuaa-main .g-recaptcha { max-width: 100%; overflow: hidden; transform-origin: left top!important; }

/* Cooperative education and member profile */
.cmuaa-page-connect-coop .content-wrapper.members, .cmuaa-page-members .job-detail { padding: 72px 0 90px; }
.cmuaa-page-connect-coop .alumni-directory > .top-section { padding: clamp(26px,4vw,46px)!important; }
.cmuaa-page-connect-coop .title-page h1, .cmuaa-page-connect-coop .title-page h2, .cmuaa-page-members .job-detail-title h2 { font-size: clamp(34px,4vw,52px)!important; font-weight: 680; }
.cmuaa-page-connect-coop .alumni-directory-content .col-md-3 { margin-bottom: 22px; }
.cmuaa-page-coop-detail .account-page .blog-post > .area-content > .alumni-story > .container > .row, .cmuaa-page-donate-detail .blog-post > .area-content > .alumni-story > .container > .row { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.cmuaa-page-coop-detail .desc_donate .col-sm-6, .cmuaa-page-donate-detail .alumni-story .col-sm-6 { float: none!important; width: auto!important; }
.cmuaa-page-members .about-company { padding: clamp(26px,4vw,48px); border-radius: var(--cmuaa-radius); background: #fff; box-shadow: var(--cmuaa-shadow); }
.cmuaa-page-members .member-show, .cmuaa-page-members .member-edit { margin-top: 28px; }
.cmuaa-page-members .img-member { overflow: hidden; border-radius: var(--cmuaa-radius-small); background: var(--cmuaa-purple-soft); }
.cmuaa-page-members .box-member { color: var(--cmuaa-muted); line-height: 1.8; }

/* Donate */
.cmuaa-page-donate .alumni-story-wrapper .donate_cover > div { min-height: 360px; }
.cmuaa-page-donate-detail .carousel { overflow: hidden; border-radius: var(--cmuaa-radius); background: #fff; box-shadow: var(--cmuaa-shadow); }
.cmuaa-page-donate-detail .carousel .item img { border-radius: 16px; }

/* Pagination and utilities */
.cmuaa-main .pagination-wrapper { margin: 34px 0 10px; }
.cmuaa-main .pagination > li > a, .cmuaa-main .pagination > li > span { margin: 0 4px; border: 0; border-radius: 999px!important; background: #fff; color: var(--cmuaa-purple); }
.cmuaa-main .pagination > .active > a, .cmuaa-main .pagination > .active > span { background: var(--cmuaa-purple)!important; color: #fff!important; }
.cmuaa-main .newsletter { display: none; }

/* CTA and footer */
.cmuaa-cta { padding: 0 0 78px; background: var(--cmuaa-paper); color: #fff; }
.cmuaa-cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 40px; padding: 52px 56px; border-radius: var(--cmuaa-radius); background: var(--cmuaa-purple); }
.cmuaa-cta-inner > div > span { color: rgba(255,255,255,.7); font-size: 11px; font-weight: 800; letter-spacing: .13em; }
.cmuaa-cta h2 { margin: 9px 0 0; color: #fff; font-size: clamp(28px,3vw,42px); font-weight: 650; letter-spacing: -.03em; }
.cmuaa-button { display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 50px; padding: 0 23px; border-radius: 999px; font-size: 14px; font-weight: 750; }
.cmuaa-button-white { flex: 0 0 auto; background: #fff; color: var(--cmuaa-purple-deep)!important; }
.cmuaa-footer { padding: 76px 0 28px; background: #17151a; color: #fff; }
.cmuaa-footer-grid { display: grid; grid-template-columns: 1.45fr repeat(3,1fr); gap: 60px; }
.cmuaa-footer-brand img { display: block; width: 232px; filter: brightness(0) invert(1); }
.cmuaa-footer-brand p { margin-top: 16px; color: rgba(255,255,255,.55); }
.cmuaa-footer h3 { margin: 0 0 18px; color: rgba(255,255,255,.45); font-size: 11px; letter-spacing: .11em; }
.cmuaa-footer-grid > div:not(.cmuaa-footer-brand) { display: flex; align-items: flex-start; flex-direction: column; gap: 12px; }
.cmuaa-footer a, .cmuaa-footer p { margin: 0; color: rgba(255,255,255,.72); font-size: 13px; line-height: 1.7; }
.cmuaa-footer a:hover { color: #fff; }
.cmuaa-social { display: flex; gap: 10px; margin-top: 10px; }
.cmuaa-social a { display: grid; min-width: 34px; height: 34px; padding: 0 10px; border-radius: 999px; background: rgba(255,255,255,.1); place-items: center; }
.cmuaa-footer-bottom { display: flex; justify-content: space-between; margin-top: 64px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.13); color: rgba(255,255,255,.4); font-size: 11px; }

/* Local preview directory */
.cmuaa-preview-directory { padding: 86px 0 110px; }
.cmuaa-preview-directory > .cmuaa-shell > h1 { max-width: 820px; margin: 14px 0 18px; font-size: clamp(44px,6vw,76px); font-weight: 680; letter-spacing: -.05em; line-height: 1.12; }
.cmuaa-preview-directory > .cmuaa-shell > p { margin: 0 0 42px; color: var(--cmuaa-muted); font-size: 17px; }
.cmuaa-preview-eyebrow { color: var(--cmuaa-purple); font-size: 11px; font-weight: 850; letter-spacing: .12em; }
.cmuaa-preview-directory-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.cmuaa-preview-page-card { position: relative; display: flex; min-height: 190px; padding: 26px; border: 1px solid rgba(29,29,31,.06); border-radius: var(--cmuaa-radius-small); background: #fff; box-shadow: 0 10px 32px rgba(32,23,39,.04); flex-direction: column; transition: transform .22s ease, box-shadow .22s ease; }
.cmuaa-preview-page-card:hover { transform: translateY(-4px); box-shadow: 0 18px 42px rgba(32,23,39,.09); }
.cmuaa-preview-page-card > span { color: var(--cmuaa-purple); font-size: 10px; font-weight: 850; letter-spacing: .12em; }
.cmuaa-preview-page-card h2 { margin: auto 0 7px; font-size: 24px; font-weight: 680; }
.cmuaa-preview-page-card p { margin: 0; color: var(--cmuaa-muted); font-size: 12px; }
.cmuaa-preview-page-card strong { position: absolute; top: 22px; right: 22px; display: grid; width: 34px; height: 34px; border-radius: 50%; background: var(--cmuaa-purple-soft); color: var(--cmuaa-purple); place-items: center; }

@media (max-width: 1080px) {
  .cmuaa-nav { gap: 18px; }
  .cmuaa-main .article-item { grid-template-columns: 210px 1fr; }
  .cmuaa-main .article-item .area-content { grid-template-columns: 78px 1fr; padding: 22px!important; }
}

@media (max-width: 980px) {
  .cmuaa-nav { position: absolute; top: calc(100% + 10px); right: 20px; left: 20px; display: none; align-items: stretch; margin: 0; padding: 18px; border: 1px solid var(--cmuaa-line); border-radius: 20px; background: #fff; box-shadow: var(--cmuaa-shadow); flex-direction: column; }
  .cmuaa-nav.is-open { display: flex; }
  .cmuaa-more-menu { position: static; width: 100%; margin-top: 5px; border: 0; box-shadow: none; }
  .cmuaa-nav-cta { margin-left: auto; }
  .cmuaa-menu-toggle { display: inline-flex; }
  .cmuaa-main .blog-content > .container > .row { display: block; }
  .cmuaa-main .col-main { float: none; width: 100%; }
  .cmuaa-page-gallery .alumni-interview > .container-fullid > .row { grid-template-columns: 1fr; }
  .cmuaa-page-gallery .banner_img, .cmuaa-page-gallery .banner_text { min-height: 400px; }
  .cmuaa-page-gallery .banner_text { min-height: 320px; }
  .cmuaa-page-contact .programs-services > .container > .row { grid-template-columns: 1fr; }
  .cmuaa-page-coop-detail .account-page .blog-post > .area-content > .alumni-story > .container > .row, .cmuaa-page-donate-detail .blog-post > .area-content > .alumni-story > .container > .row { grid-template-columns: 1fr; }
  .cmuaa-footer-grid { grid-template-columns: 1.4fr 1fr 1fr; }
  .cmuaa-footer-grid > div:last-child { grid-column: 2 / 4; }
  .cmuaa-preview-directory-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 700px) {
  .cmuaa-shell { width: min(100% - 32px,1240px); }
  .cmuaa-main .container, .cmuaa-main .container-fullid, .cmuaa-main .grid-gallery, .cmuaa-main .blog-post-content.full-width { width: min(100% - 32px,1180px); }
  .cmuaa-utility p { display: none; }
  .cmuaa-utility-inner { justify-content: flex-end; }
  .cmuaa-nav-row { min-height: 70px; }
  .cmuaa-brand img { width: 168px; }
  .cmuaa-nav-cta { display: none; }
  .cmuaa-main .banner_acty, .cmuaa-main .about-us-title { min-height: 300px!important; margin-top: 24px!important; border-radius: 22px!important; }
  .cmuaa-main .banner_acty > h1, .cmuaa-main .about-us-title > h1 { padding: 26px; font-size: clamp(36px,12vw,52px)!important; }
  .cmuaa-main .article-item { display: block!important; border-radius: 22px!important; }
  .cmuaa-main .article-item > a, .cmuaa-main .article-item > a .area-img { min-height: 240px; }
  .cmuaa-main .article-item .area-content { display: block; padding: 23px!important; }
  .cmuaa-main .article-item .article-left { display: flex; align-items: center; justify-content: space-between; padding: 0 0 12px!important; }
  .cmuaa-main .article-item h3 { font-size: 21px!important; }
  .cmuaa-main .event { padding-top: 30px; }
  .cmuaa-main .event-content > .container { padding: 28px 20px!important; border-radius: 22px; }
  .cmuaa-main .event-detail-title h1 { font-size: clamp(34px,10vw,48px)!important; }
  .cmuaa-main .event-descriptiion .banner_acty { min-height: 310px!important; }
  .cmuaa-page-gallery .alumni-interview > .container-fullid > .row { margin-top: 24px!important; border-radius: 22px; }
  .cmuaa-page-gallery .banner_img { min-height: 300px; }
  .cmuaa-page-gallery .banner_text { min-height: 270px; padding: 30px!important; }
  .cmuaa-page-connect-register .form-group.col-md-6 { width: 100%; padding-right: 0; padding-left: 0; }
  .cmuaa-main .account-page { padding-top: 50px; }
  .cmuaa-main .account-content, .cmuaa-main .form_contact { padding: 24px!important; border-radius: 22px; }
  .cmuaa-cta { padding-bottom: 58px; }
  .cmuaa-cta-inner { align-items: flex-start; flex-direction: column; padding: 38px 28px; }
  .cmuaa-footer-grid { grid-template-columns: 1fr 1fr; gap: 40px 26px; }
  .cmuaa-footer-brand { grid-column: 1 / 3; }
  .cmuaa-footer-grid > div:last-child { grid-column: 1 / 3; }
  .cmuaa-footer-bottom { align-items: flex-start; flex-direction: column; gap: 8px; }
  .cmuaa-preview-directory { padding: 58px 0 80px; }
  .cmuaa-preview-directory-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .cmuaa-page *, .cmuaa-page *:before, .cmuaa-page *:after { animation-duration: .01ms!important; animation-iteration-count: 1!important; transition-duration: .01ms!important; }
}