/* Academic Council content; shared header and footer retain their own styles. */
.ccu-council { background: #fff; color: #18344b; font-family: 'Open Sans', sans-serif; }
.ccu-council *, .ccu-council *::before, .ccu-council *::after { box-sizing: border-box; }
.ccu-council .container::before, .ccu-council .container::after { content: none; }
.ccu-council h1, .ccu-council h2, .ccu-council h3 { color: #18344b; font-family: 'Open Sans', sans-serif; font-weight: 700; line-height: 1.35; margin: 0; }
.ccu-council a { text-decoration: none; }
.ccu-council p { color: #62788b; font-size: 13px; line-height: 1.9; }
.council-hero { padding: 30px 0 50px; background: linear-gradient(110deg,#f6f1e7,#f3f7fa); border-bottom: 1px solid #e1e8ee; }
.ccu-council .council-breadcrumb { display: flex; align-items: center; gap: 12px; width: auto; height: auto; line-height: 1.7; background: none; box-shadow: none; font-size: 11px; }
.ccu-council .council-breadcrumb a, .ccu-council .council-breadcrumb span { color: #63798b; font-size: inherit; }
.council-hero-grid { display: flex; justify-content: space-between; align-items: center; gap: 35px; padding-top: 35px; }
.ccu-council .council-eyebrow { display: block; color: #a37d3b; font-size: 10px; letter-spacing: 2px; font-weight: 700; margin-bottom: 15px; }
.ccu-council .council-hero h1 { font-size: 43px; letter-spacing: -1.3px; }
.council-hero p { margin: 17px 0 0; font-size: 14px; }
.council-hero-mark { width: 135px; height: 135px; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-shrink: 0; border: 1px solid #ddc99f; border-radius: 50%; background: #ffffff75; }
.council-hero-mark > i { color: #a37d3b; font-size: 35px; margin-bottom: 12px; }
.ccu-council .council-hero-mark span { font-size: 9px; font-weight: 700; letter-spacing: 1.5px; text-align: center; line-height: 1.7; color: #18344b; }
.council-members-section { padding: 55px 0 65px; }
.council-section-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 25px; margin-bottom: 32px; }
.ccu-council .council-section-heading h2 { max-width: 610px; font-size: 28px; letter-spacing: -.6px; }
.council-section-heading > p { margin: 0; font-size: 12px; }
.council-members-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; }
.council-member-card { flex: 0 0 calc((100% - 48px) / 3); min-width: 0; border: 1px solid #dee6ed; border-radius: 10px; overflow: hidden; background: #fff; box-shadow: 0 8px 25px #18344b06; }
.council-member-photo { background: linear-gradient(135deg,#edf3f7,#f6f2e9); padding: 26px 20px 20px; display: flex; flex-direction: column; align-items: center; border-bottom: 1px solid #e4eaf0; }
.council-member-photo img { display: block; width: 150px; height: 159px; object-fit: cover; border-radius: 8px; border: 4px solid #fff; box-shadow: 0 5px 18px #18344b16; }
.ccu-council .council-member-badge { margin-top: 15px; color: #8e6b2f; border: 1px solid #dccaab; background: #fffcf7; border-radius: 20px; padding: 5px 11px; font-size: 9px; font-weight: 600; letter-spacing: .4px; }
.council-member-details { padding: 24px; text-align: center; }
.ccu-council .council-member-details h3 { font-size: 17px; min-height: 46px; display: flex; justify-content: center; align-items: center; }
.council-member-role { display: flex; align-items: center; justify-content: center; gap: 9px; border-top: 1px solid #e6edf2; margin-top: 17px; padding-top: 16px; }
.council-member-role i { color: #a37d3b; flex-shrink: 0; font-size: 14px; }
.council-member-role p { margin: 0; font-size: 11px; line-height: 1.7; }
.council-contact-banner { margin-top: 40px; border-radius: 10px; background: #17364e; padding: 28px 32px; display: flex; justify-content: space-between; align-items: center; gap: 24px; }
.council-contact-copy { display: flex; align-items: center; gap: 17px; }
.ccu-council .council-contact-icon { color: #edc47e; font-size: 29px; width: 50px; height: 50px; display: grid; place-items: center; border: 1px solid #ffffff25; background: #ffffff08; border-radius: 9px; flex-shrink: 0; }
.ccu-council .council-contact-copy h2 { color: #fff; font-size: 20px; }
.council-contact-copy p { margin: 7px 0 0; font-size: 12px; color: #c3d3e0; }
.ccu-council .council-contact-banner > a { display: inline-flex; align-items: center; justify-content: center; gap: 23px; padding: 13px 20px; color: #17364e; background: #edc47e; border-radius: 6px; font-size: 12px; font-weight: 700; flex-shrink: 0; }
.council-contact-banner > a:hover { background: #ffdc9d; }
.ccu-council a:focus-visible { outline: 3px solid #d7ae61; outline-offset: 4px; }
@media(max-width:991px) { .council-member-card { flex-basis: calc((100% - 24px) / 2); } .council-section-heading { align-items: flex-start; flex-direction: column; gap: 14px; } .council-section-heading > p br { display: none; } .council-contact-banner { padding: 25px; } .council-contact-copy h2 { font-size: 18px; } }
@media(max-width:600px) { .ccu-council .container { width: 100%; padding-left: 22px; padding-right: 22px; } .council-hero { padding: 70px 0 35px; } .council-hero-grid { padding-top: 28px; } .ccu-council .council-hero h1 { font-size: 32px; } .council-hero p { font-size: 12px; } .council-desktop-break, .council-hero-mark { display: none; } .council-members-section { padding: 35px 0 44px; } .ccu-council .council-section-heading h2 { font-size: 24px; } .council-member-card { flex-basis: 100%; } .council-member-details h3 { min-height: 0; } .council-contact-banner { margin-top: 28px; flex-direction: column; align-items: stretch; padding: 24px; } .council-contact-copy { align-items: flex-start; } .council-contact-copy p { font-size: 11px; } }