/* Institutions module */

/* Jump links between the Colleges / Schools sections */
.institution-jump { background: var(--grey-card); border-bottom: 1px solid #d6d6d6; }
.institution-jump .container { display: flex; flex-wrap: wrap; gap: 10px; padding-top: 14px; padding-bottom: 14px; }
.institution-jump a { display: inline-flex; align-items: center; gap: 8px; padding: 6px 16px; border-radius: 999px; background: var(--white); color: var(--maroon); font-size: 14px; font-weight: 600; text-decoration: none; }
.institution-jump a:hover { background: var(--maroon); color: var(--white); }
.institution-jump span { min-width: 22px; padding: 0 6px; border-radius: 999px; background: var(--maroon); color: var(--white); font-size: 12px; text-align: center; }
.institution-jump a:hover span { background: var(--white); color: var(--maroon); }

/* Details box on the institution page */
.institution-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 32px; margin: 0 0 24px; padding: 18px 20px; background: var(--grey-card); border-left: 4px solid var(--maroon); border-radius: var(--radius); }
.institution-facts__wide { grid-column: 1 / -1; }
.institution-facts dt { font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--maroon); }
.institution-facts dd { margin: 0; font-size: 15px; overflow-wrap: anywhere; }
.institution-facts a { color: var(--ink); }
.institution-facts a:hover { color: var(--maroon); }
.institution-back { color: var(--maroon); font-weight: 500; text-decoration: none; }
.institution-back:hover { text-decoration: underline; }
.institution-aside { max-height: 640px; overflow-y: auto; }

/* Homepage list: internal links get a chevron instead of the external-link arrow */
.institutions--internal .institution a::after { content: '\203A'; font-size: 18px; line-height: 1; top: 50%; transform: translateY(-50%); }

@media (max-width: 560px) {
    .institution-facts { grid-template-columns: 1fr; }
}