/* About-only workshop browsing; the shared rail handles arrows, touch and keys. */
.learning-section{min-width:0}
.learning-intro{max-width:58ch;color:var(--muted);font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.65;margin:0 0 2rem}
.learning-toolbar,.learning-status{display:flex;align-items:center;gap:1rem;justify-content:space-between}
.learning-toolbar{flex-wrap:wrap;margin-bottom:.55rem}
.learning-filters{display:flex;gap:.5rem;flex-wrap:wrap}
.learning-filters[hidden]{display:none}
.learning-filters button{min-height:44px;padding:.6rem 1rem;border:1px solid #ffffff20;border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:.82rem;cursor:pointer}
.learning-filters button[aria-pressed="true"]{background:#ced9d0;color:#17221f;border-color:#ced9d0}
.learning-filters button:hover:not([aria-pressed="true"]){background:#ffffff0b;color:var(--fg)}
.learning-filters button:focus-visible{outline:2px solid #bdcec5;outline-offset:3px}
.learning-status{margin-left:auto;flex-wrap:wrap;justify-content:flex-end}
.learning-status>p,.learning-hint{font-size:.75rem;color:var(--muted);margin:0}
.learning-status .credit-navigation{margin:0;gap:.4rem;align-items:center}
.learning-status .credit-navigation[hidden]{display:none}
.learning-status .credit-navigation button{height:44px;width:44px;min-width:44px;padding:0;display:grid;place-items:center;border-radius:50%;border:1px solid #ffffff26;background:#ffffff08;color:var(--fg)}
.learning-status .credit-navigation button:disabled{opacity:.28;cursor:default}
.learning-status [data-credit-position]{font-size:.75rem;color:var(--muted);min-width:4.7em;text-align:right;margin-right:.4rem}
.learning-hint{margin:.65rem 0 1rem;display:flex;align-items:center;gap:.7rem}
.learning-rail{position:relative;display:flex;gap:1.35rem;align-items:stretch;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#82928c66 transparent;padding:3px 3px 1.2rem;scroll-padding-inline:3px}
.learning-rail:focus-visible{outline:2px solid #bdcec5;outline-offset:4px;border-radius:12px}
.learning-card{flex:0 0 calc((100% - 2.7rem)/2.75);min-width:19rem;scroll-snap-align:start;border:1px solid #ffffff1c;border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#ffffff07,#ffffff02);display:flex;flex-direction:column}
.learning-card[hidden]{display:none!important}
.learning-media{margin:0;position:relative;height:16rem;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;background:#192522}
.learning-media>a{min-height:0;flex:1;display:block;overflow:hidden}
.learning-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.learning-media figcaption,.learning-media-caption{font-size:.66rem;line-height:1.45;letter-spacing:0;color:#c3ccc7;margin:0;padding:.5rem .85rem;background:#14201de8;position:absolute;bottom:0;left:0;right:0}
.learning-media figcaption a{color:inherit;text-decoration-thickness:1px;text-underline-offset:2px}
.learning-portrait>a{height:100%;padding:.85rem 1rem 2.7rem;box-sizing:border-box;background:radial-gradient(ellipse at 50% 10%,#52756845,transparent 80%)}
.learning-portrait img{object-fit:contain;object-position:center}
.learning-programme>a{flex:1;min-height:0}
.learning-programme img{object-fit:contain}
.learning-programme figcaption{position:static;flex:0 0 auto;min-height:2.9rem;box-sizing:border-box}
.learning-identity{justify-content:center;align-items:center;background:radial-gradient(ellipse at 0 0,#68827433,transparent 90%)}
.learning-identity .institution-mark{padding:1rem;max-width:72%;width:100%;height:7rem;box-sizing:border-box;background:#eeefea;border-radius:10px;margin-bottom:1rem}
.learning-identity [data-institution-logo="lebanese-american-university"]{background:#00584d}
.learning-identity .institution-mark img{object-fit:contain}
.learning-topic{justify-content:center;gap:.65rem;padding:1.6rem;box-sizing:border-box;background:radial-gradient(ellipse at 0 0,#89a09055,transparent 80%)}
.learning-topic span:first-child{font-family:Georgia,serif;font-style:italic;font-size:2.5rem;line-height:1.05;max-width:10ch;color:#d4ddd4}
.learning-topic span:last-child{font-size:.7rem;line-height:1.5;max-width:25ch;color:#bdc8bf}
.learning-copy{padding:1.4rem;display:flex;flex:1;flex-direction:column}
.learning-meta{display:flex;gap:.5rem 1rem;flex-wrap:wrap;justify-content:space-between;font-size:.69rem;line-height:1.5;color:#bcc6c1;margin:0 0 1rem;letter-spacing:.025em}
.learning-copy h3{font-size:clamp(1.35rem,1.85vw,1.8rem);line-height:1.18;letter-spacing:-.025em;margin:0 0 .75rem;max-width:24ch}
.learning-teacher{font-size:.83rem;color:#d3dcd6;margin:0 0 1rem;line-height:1.55}
.learning-teacher a{color:inherit;text-underline-offset:4px;text-decoration-color:#c7d4cc55}
.learning-description{font-size:.87rem;line-height:1.7;color:var(--muted);margin:0 0 1rem}
.learning-sources{display:flex;flex-wrap:wrap;gap:.6rem 1rem;margin-top:auto;padding-top:.5rem;font-size:.77rem}
.learning-sources a{color:var(--muted);text-underline-offset:4px}
.about-editorial .institution-rail [data-institution-logo="richard-bland-college"],.about-editorial .institution-rail [data-institution-logo="geek-express"],.about-editorial .institution-rail [data-institution-logo="smithsonian-national-museum-of-asian-art"]{background:#fff}
.about-editorial .institution-rail [data-institution-logo="richard-bland-college"]{padding:.9rem .65rem}
.about-editorial .institution-rail [data-institution-logo="maryland-film-festival"]{background:#251d25;margin-bottom:.55rem}
.institution-rail .institution-card>.institution-mark-caption{font-size:.7rem;line-height:1.5;margin:0 0 1rem;color:var(--muted)}
.institution-mark-caption a{color:inherit;text-underline-offset:3px}
@media(max-width:760px){
 .learning-section .section-heading{gap:.75rem;margin-bottom:1.25rem}.learning-section .section-heading>.text-link{margin-top:0}
 .learning-intro{margin-bottom:1.2rem}
 .learning-toolbar{gap:.7rem}.learning-filters{gap:.4rem}.learning-filters button{font-size:.75rem;padding:.55rem .85rem}
 .learning-status{width:100%;justify-content:space-between;margin:0}.learning-hint{margin-top:0}
 .learning-card{flex-basis:88%;min-width:0;border-radius:17px}.learning-rail{gap:1rem}
 .learning-copy{padding:1.2rem}.learning-media{height:14rem}.learning-copy h3{font-size:1.5rem}
}
@media(prefers-reduced-motion:reduce){.learning-rail{scroll-behavior:auto}}
@media print{
 .learning-toolbar,.learning-hint{display:none}.learning-rail{display:block;overflow:visible}
 .learning-card,.learning-card[hidden]{display:block!important;break-inside:avoid;margin-bottom:1rem;background:none;color:inherit}
 .learning-media{height:10rem}.learning-copy p,.learning-copy h3{color:inherit}
}
