.campus-important-links { background: #fff; padding: 54px 0 64px; }
.campus-important-links .campus-links-heading { display: flex; align-items: center; justify-content: center; gap: 28px; margin-bottom: 32px; }
.campus-important-links .campus-links-heading::before,
.campus-important-links .campus-links-heading::after { content: ""; width: 76px; height: 3px; flex-shrink: 1; background: #123b6b; border-radius: 2px; }
.campus-important-links h2 { flex-shrink: 0; margin: 0; color: #123b6b; font-family: Inter, Arial, sans-serif; font-size: clamp(1.35rem, 2.3vw, 1.8rem); font-weight: 700; line-height: 1.3; text-align: center; }
.campus-important-links .campus-links-grid { --card-gap: 20px; display: flex; flex-wrap: wrap; justify-content: center; gap: var(--card-gap); list-style: none; padding: 0; margin: 0; }
.campus-important-links .campus-links-grid > li { flex: 0 0 calc((100% - 5 * var(--card-gap)) / 6); min-width: 0; }
.campus-important-links .campus-link-card { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; height: 100%; min-height: 210px; padding: 26px 10px 20px; color: #123b6b; text-decoration: none; text-align: center; background: #f9fafb; border: 1px solid #c9ddf3; border-radius: 15px; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background-color .2s ease; }
.campus-important-links .campus-link-icon { display: grid; place-items: center; height: 66px; margin-bottom: 8px; font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif; font-size: 2.8rem; line-height: 1; }
.campus-important-links .campus-link-title { display: flex; align-items: center; justify-content: center; flex: 1; font-size: .92rem; font-weight: 700; line-height: 1.5; overflow-wrap: anywhere; }
.campus-important-links .campus-link-hint { display: inline-flex; align-items: center; justify-content: center; gap: 6px; color: #616f80; font-size: .68rem; line-height: 1.5; }
.campus-important-links .campus-link-hint i { font-size: .6rem; }
.campus-important-links .campus-link-card:hover { transform: translateY(-4px); color: #890c25; background: #fffdf8; border-color: #d7ad55; box-shadow: 0 10px 24px #1522380d; }
.campus-important-links .campus-link-card:focus-visible { outline: 3px solid #890c25; outline-offset: 4px; }
@media (max-width: 1100px) {
    .campus-important-links .campus-links-grid > li { flex-basis: calc((100% - 2 * var(--card-gap)) / 3); }
}
@media (max-width: 640px) {
    .campus-important-links { padding: 40px 0; }
    .campus-important-links .campus-links-heading { gap: 16px; }
    .campus-important-links .campus-links-grid { --card-gap: 14px; }
    .campus-important-links .campus-links-grid > li { flex-basis: calc((100% - var(--card-gap)) / 2); }
    .campus-important-links .campus-link-card { min-height: 190px; padding: 20px 10px 16px; }
}
@media (max-width: 360px) {
    .campus-important-links .campus-links-grid > li { flex-basis: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    .campus-important-links .campus-link-card { transition: none; }
    .campus-important-links .campus-link-card:hover { transform: none; }
}