/* Credential links are editorial entries with a shared optical area for the marks. */
.brutalist-site .learning-rail {
  container: credential-rail / inline-size;
  color:var(--brutal-black); background:var(--brutal-white);
  min-inline-size:0;
}
.learning-rail > header { display:flex; align-items:baseline; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.brutalist-site .learning-rail h2 { font-size:clamp(22px,2.8vw,36px); margin:0; line-height:1.4; }
.learning-rail > header > a,.learning-rest summary { display:inline-flex; align-items:center; min-block-size:44px; text-underline-offset:4px; }
.learning-rail .learning-records,.learning-rest ul { padding:0; margin:0; list-style:none; }
.learning-rail .learning-records { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:0 14px; padding-block:12px; }
.learning-records > li { min-width:0; }
.learning-record { display:flex; height:100%; flex-direction:column; gap:4px; padding:8px 2px; color:inherit; text-decoration:none; }
.learning-record:hover .learning-record-title,.learning-record:focus-visible .learning-record-title { text-decoration:underline; text-underline-offset:4px; }
.learning-record-mark { display:flex; align-items:center; justify-content:flex-start; min-height:44px; }
.learning-record-mark img { max-inline-size:100%; inline-size:clamp(80px,9cqi,128px); block-size:44px; object-fit:contain; object-position:left center; }
[dir="rtl"] .learning-record-mark img { object-position:right center; }
.learning-record-title { font-size:16px; line-height:1.45; font-weight:700; overflow-wrap:anywhere; }
.learning-record small,.learning-rest small { font-size:14px; line-height:1.4; color:var(--brutal-muted); }
.learning-rest { border-block-start:1px solid currentColor; }
.learning-rest summary { display:list-item; align-content:center; cursor:pointer; font-size:15px; }
.learning-rest summary span { font-variant-numeric:tabular-nums; }
.learning-rest > ul { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr)); gap:12px 24px; padding-block:4px 16px; }
.learning-rest > ul > li > strong { font-size:16px; }
.learning-rest ul ul li { font-size:15px; line-height:1.45; margin-block:5px; }
.learning-rest small { display:block; }
@container credential-rail (max-width:760px) {
  .learning-rail .learning-records { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@container credential-rail (max-width:410px) {
  .learning-rail .learning-records { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* The six issuers share the original opening's learning area. */
.home-learning .learning-rail h2 { font-size:clamp(17px,1.4vw,24px); }
.home-learning .learning-rail > header > a { font-size:14px; }
.home-learning .learning-rail .learning-records { grid-template-columns:repeat(6,minmax(0,1fr)); gap:4px 10px; padding-block:2px 8px; }
.home-learning .learning-record { min-height:48px; padding:0; }
.home-learning .learning-record-mark { min-height:36px; justify-content:center; }
.home-learning .learning-record-mark img { width:100%; max-width:88px; height:35px; object-position:center; }
.home-learning .learning-short-title { display:block; font-size:13px; line-height:1.35; text-align:center; }
.home-learning .learning-record-title,.home-learning .learning-record > small { display:none; }
.home-learning .learning-rest > ul { max-height:18rem; overflow:auto; overscroll-behavior:contain; padding-inline:2px; }
.home-learning .learning-rest summary { min-height:44px; }

.brutalist-site .showcase .work-select img.project-mark { display:block; width:min(82px,100%); height:46px; object-fit:contain; filter:invert(1); }
.brutalist-site .showcase .work-select a:is([aria-current="true"],:hover,:focus-visible) img.project-mark { filter:none; }
.home-cooperation { margin:0 var(--space); border-block-start:2px solid; }
.home-cooperation > summary { cursor:pointer; align-content:center; min-height:48px; font-weight:700; }
.home-cooperation .home-brief { padding-inline:0; }

@container credential-rail (max-width:500px) {
  .home-learning .learning-rail .learning-records { grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px 12px; }
  .home-learning .learning-record-mark img { height:32px; }
}
@media(min-width:901px) {
  .brutalist-site .home-programme:has(.learning-rest[open]) { height:auto; min-height:740px; }
  .brutalist-site .home-programme:has(.learning-rest[open]) .showcase { align-self:start; height:min(850px,max(740px,100svh)); }
}

/* Keep the original split opening. Taller translated copy may extend its row
   so the credential shelf cannot cover the two audience links. */
@media (min-width:901px) {
  .brutalist-site .home-programme {
    block-size:auto;
    min-block-size:min(850px,max(740px,100svh));
    grid-template-rows:minmax(max-content,1fr) auto;
  }
  .brutalist-site .home-programme > .exhibition {min-block-size:0;padding-block-end:22px}
  .brutalist-site .home-programme > .showcase {contain:size}
}