/* Shared carousel for desktop, tablet and phone. */
 html .program-credentials .program-credentials-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);gap:24px;align-items:stretch;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;padding:0;margin:0;border-top:1px solid var(--badge-rule);border-bottom:1px solid var(--badge-rule);scrollbar-width:none;-webkit-overflow-scrolling:touch}
 html .program-credentials-grid::-webkit-scrollbar{display:none}
 html .program-credentials-grid>.program-credential{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;min-height:240px;box-sizing:border-box;padding:24px 8px;margin:0;border:0;background:transparent;scroll-snap-align:start;scroll-snap-stop:always;text-decoration:none;-webkit-user-drag:none}
 html .program-credentials-grid>.program-credential:focus-visible{outline-offset:-4px}
 html .program-credentials-grid>.program-credential>.program-credential-art{display:grid;place-items:center;width:116px;height:94px;max-width:none;aspect-ratio:auto;margin:0}
 html .program-credentials-grid .se7-course-mark{width:116px;height:90px}
 html .program-credentials-grid>.program-credential h3{font:400 18px/1.35 Apparat,Arial,sans-serif;letter-spacing:-.02em;text-align:center;max-width:23ch;margin:0;min-height:49px;overflow-wrap:normal}
 .program-carousel-controls{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding-top:12px;color:var(--badge-ink);font-family:Apparat,Arial,sans-serif}
 .program-carousel-status{font:400 12px/1 Apparat,Arial,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--badge-muted)}
 .program-carousel-progress{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;align-items:center}
 .program-carousel-progress span{height:2px;background:var(--badge-rule)}
 .program-carousel-progress span.is-active{background:var(--badge-ink)}
 .program-carousel-actions{display:flex;align-items:center;gap:4px}
 .program-carousel-button{display:grid;place-items:center;box-sizing:border-box;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:0;background:transparent;color:var(--badge-ink);cursor:pointer;font:400 22px/1 Arial,sans-serif}
 .program-carousel-button:disabled{opacity:.25;cursor:default}
 .program-carousel-button:focus-visible{outline:1px solid currentColor;outline-offset:-4px}
 .program-carousel-button:not(:disabled):hover{opacity:.65}
@media(max-width:1000px) and (min-width:701px){html .program-credentials .program-credentials-grid{grid-auto-columns:calc((100% - 24px)/2)}}
@media(max-width:700px){html .program-credentials .program-credentials-grid{grid-auto-columns:100%;gap:20px}html .program-credentials-grid>.program-credential{display:grid;grid-template-columns:116px minmax(0,1fr);justify-items:start;gap:20px;min-height:152px}html .program-credentials-grid>.program-credential h3{text-align:left;max-width:17ch;min-height:0}}
@media(max-width:359px){html .program-credentials-grid>.program-credential{grid-template-columns:108px minmax(0,1fr);gap:12px;padding:20px 0;min-height:140px}html .program-credentials-grid>.program-credential>.program-credential-art{width:108px}html .program-credentials-grid>.program-credential h3{font-size:16px}.program-carousel-controls{gap:12px}}

/* One consistent optical size and clear spacing throughout the mark family. */
html .program-credentials-grid .se7-course-mark{width:116px;height:90px}
html .program-credentials-grid .se7-course-corner{left:0;top:4px;width:42px;height:42px;border-left:10px solid var(--mark-accent);border-top:10px solid var(--mark-accent)}
html .program-credentials-grid .se7-course-copy{left:24px;top:29px;gap:5px}
html .program-credentials-grid .se7-course-copy strong{font:600 29px/1 Apparat,Arial,sans-serif;letter-spacing:-.045em}
html .program-credentials-grid .se7-course-copy>span{font:400 14px/1.2 Apparat,Arial,sans-serif;letter-spacing:.035em}
.program-carousel-progress{width:100%;max-width:180px;justify-self:center}