/* BMIT qualification listings. Existing three-column responsive grid is retained. */
.course-grid .course-card{height:100%;display:flex;flex-direction:column;padding:12px;border-radius:7px;background:#fff;box-shadow:0 3px 10px rgba(17,43,70,.07)}
.course-grid .course-card>img{display:block;width:100%;height:auto;aspect-ratio:1.45;object-fit:cover;border-radius:6px}
.course-grid .course-card .card-copy{padding:24px 0;display:flex;flex-direction:column;gap:0}
.course-grid .course-card .card-copy h2{margin:0 0 20px;min-height:3.05rem;line-height:1.35;font-weight:700}
.course-grid .course-card .qualification-department{display:block!important;-webkit-line-clamp:unset;overflow:visible;margin:0;padding:18px 0;border-top:1px solid #dce3ea;border-bottom:1px solid #dce3ea;color:#253a53;line-height:1.5;min-height:6.6rem}
.qualification-department>span{display:block;font-size:.8rem;font-weight:700;letter-spacing:.025em;color:#54657a;margin-bottom:5px}
.qualification-facts{margin:20px 0 24px;padding:0;font-size:.94rem;line-height:1.5}
.qualification-facts>div{display:flex;flex-wrap:wrap;gap:0 .35em;margin:5px 0}
.qualification-facts dt{font-weight:700;margin:0}
.qualification-facts dt::after{content:':' }
.qualification-facts dd{margin:0;overflow-wrap:anywhere}
.course-grid .course-card .card-meta{margin-top:auto;padding-top:16px;gap:10px;flex-wrap:wrap}
@media(max-width:40rem){.course-grid .course-card .card-copy{padding:20px 0}.course-grid .course-card .card-copy h2,.course-grid .course-card .qualification-department{min-height:0}.course-grid .course-card>img{aspect-ratio:1.6}}

/* Reference release: compact cards without the department row. */
.course-grid .course-card .qualification-facts{border-top:1px solid #dce3ea;padding-top:18px;margin-top:0}
.qualification-reference-note{color:#455870;font-size:.88rem;line-height:1.5;margin:0 0 22px;max-width:80ch}

/* Gentle enlargement, only for precise pointers. Reduced motion has no zoom. */
@media (hover:hover) and (pointer:fine){
.course-grid .course-card{transition:transform .24s ease,box-shadow .24s ease;transform-origin:center;position:relative}
.course-grid .course-card:hover, .course-grid .course-card:focus-visible{transform:translateY(-3px) scale(1.018);box-shadow:0 10px 26px rgba(17,43,70,.16);z-index:2}
}
@media(prefers-reduced-motion:reduce){.course-grid .course-card,.course-grid .course-card:hover, .course-grid .course-card:focus-visible{transition:none!important;transform:none!important}}

/* Warm background behind qualification listing cards. Blue banners retain their own backgrounds. */
body.department-page:not(.dictionary-page) #main { background-color: #F2EBE2; }

/* Full-width qualification filters aligned with the course grid. */
.department-page .department-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 25px;width:100%;justify-content:stretch}
.department-page .department-links a{display:flex;justify-content:center;align-items:center;text-align:center;min-width:0;min-height:56px;padding:12px 16px;font-size:1.125rem;font-weight:700;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
@media(max-width:60rem){.department-page .department-links{grid-template-columns:repeat(2,minmax(0,1fr))}.department-page .department-links a:last-child:nth-child(odd){grid-column:1 / -1}}
@media(max-width:47.5rem){.department-page .department-links{column-gap:16px}}
@media(max-width:40rem){.department-page .department-links{grid-template-columns:minmax(0,1fr);gap:10px}.department-page .department-links a{min-height:52px;padding:12px}}

/* Match Moodle's roomy three-card overview on wide screens. Keep a grey
   outer canvas and a warm inset surface behind filters and qualification cards. */
body.department-page:not(.dictionary-page) #main{background:#F8FBFF}
.department-page .catalogue-shell{max-width:1600px;padding:28px 28px 72px}
.department-page .qualification-listing-panel{background:#F2EBE2;border:1px solid #e7ded5;border-radius:8px;padding:30px}
.department-page .qualification-listing-panel .course-grid{column-gap:36px;row-gap:30px}
.department-page .course-grid .course-card .card-copy{padding:22px 0}
@media(max-width:60rem){.department-page .catalogue-shell{padding:24px 24px 56px}.department-page .qualification-listing-panel{padding:24px}.department-page .qualification-listing-panel .course-grid{column-gap:24px}}
@media(max-width:40rem){.department-page .catalogue-shell{padding:20px 16px 44px}.department-page .qualification-listing-panel{padding:16px}.department-page .qualification-listing-panel .course-grid{row-gap:20px}.department-page .course-grid .course-card .card-copy{padding:20px 0}}