/* unified-topic-cards-20261002 */
.platform-index,.research-notes{grid-template-columns:minmax(0,1fr)!important;gap:clamp(42px,5vw,72px)!important}.platform-index-intro,.research-notes>div:first-child{max-width:none}.platform-index-intro>p:not(.eyebrow),.research-notes>div:first-child>p:not(.eyebrow){max-width:min(920px,100%)}.platform-list,.research-notes-list{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.platform-list article,.research-notes-list article{position:relative;display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;grid-template-rows:auto auto auto;column-gap:18px;align-items:center;min-height:218px;padding:26px 24px 30px 0!important;border:0!important;border-right:1px solid var(--line)!important}.platform-list article:nth-child(4n),.research-notes-list article:nth-child(4n){padding-right:0!important;border-right:0!important}.platform-list article:nth-child(4n+2),.platform-list article:nth-child(4n+3),.research-notes-list article:nth-child(4n+2),.research-notes-list article:nth-child(4n+3){padding-left:24px!important}.platform-list article:nth-child(n+5),.research-notes-list article:nth-child(n+5){border-top:1px solid var(--line)!important}.platform-list article>img,.research-notes-list article>img{position:static!important;grid-column:1!important;grid-row:1/span 3!important;width:92px!important;height:82px!important;margin:0!important;object-fit:contain;opacity:1!important}.platform-list article>span,.research-notes-list article>span{grid-column:2!important;grid-row:1!important;align-self:end;margin:0 0 7px!important}.platform-list article>div{display:contents}.platform-list article h3,.research-notes-list article h3{grid-column:2!important;grid-row:2!important;align-self:start;margin:0 0 8px!important;font-size:19px!important;line-height:1.15}.platform-list article p,.research-notes-list article p{grid-column:2!important;grid-row:3!important;align-self:start;margin:0!important;font-size:14px!important;line-height:1.6}.platform-list article>b{display:none!important}@media(min-width:641px) and (max-width:1000px){.platform-list,.research-notes-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.platform-list article,.research-notes-list article{min-height:194px;padding:25px 24px 26px 0!important}.platform-list article:nth-child(4n),.research-notes-list article:nth-child(4n){padding-right:24px!important;border-right:1px solid var(--line)!important}.platform-list article:nth-child(even),.research-notes-list article:nth-child(even){padding-right:0!important;border-right:0!important;padding-left:24px!important}.platform-list article:nth-child(odd),.research-notes-list article:nth-child(odd){padding-left:0!important}.platform-list article:nth-child(n+3),.research-notes-list article:nth-child(n+3){border-top:1px solid var(--line)!important}}@media(max-width:640px){.platform-index,.research-notes{gap:34px!important}.platform-list,.research-notes-list{grid-template-columns:minmax(0,1fr)!important}.platform-list article,.research-notes-list article,.platform-list article:nth-child(4n),.research-notes-list article:nth-child(4n),.platform-list article:nth-child(even),.research-notes-list article:nth-child(even){grid-template-columns:86px minmax(0,1fr)!important;min-height:166px;padding:22px 0!important;border-right:0!important}.platform-list article+article,.research-notes-list article+article{border-top:1px solid var(--line)!important}.platform-list article>img,.research-notes-list article>img{width:80px!important;height:72px!important}}
/* Keep the full card grids in normal document flow. */
.platform-index,.research-notes{height:auto!important;min-height:0!important;contain:none!important}

/* These grids must contribute their real height before they enter the viewport. */
.platform-index,.research-notes{content-visibility:visible!important;contain-intrinsic-size:auto!important}

/* Full-width, scannable platform introduction. */
.platform-index-intro h2,.platform-index-intro > p:not(.eyebrow){max-width:none!important}
.platform-index-intro > p + p{margin-top:18px!important}

/* Touch tablets in landscape use the same 2 × 2 card rhythm as portrait tablets. */
@media (min-width:1001px) and (max-width:1366px) and (max-height:900px) and (hover:none) and (pointer:coarse) {
  .platform-list,.research-notes-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .platform-list article,.research-notes-list article{min-height:194px;padding:25px 24px 26px 0!important}
  .platform-list article:nth-child(4n),.research-notes-list article:nth-child(4n){padding-right:24px!important;border-right:1px solid var(--line)!important}
  .platform-list article:nth-child(even),.research-notes-list article:nth-child(even){padding-right:0!important;padding-left:24px!important;border-right:0!important}
  .platform-list article:nth-child(odd),.research-notes-list article:nth-child(odd){padding-left:0!important}
  .platform-list article:nth-child(n+3),.research-notes-list article:nth-child(n+3){border-top:1px solid var(--line)!important}
}

/* Capability cards: explicit responsive grid for every language. */
@media (min-width:641px) and (max-width:1000px){
 .capability-rail{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .capability-rail article,.capability-rail article+article{padding:25px 0!important;border-right:0!important}
 .capability-rail article:nth-child(odd){padding-right:24px!important;border-right:1px solid var(--line)!important}
 .capability-rail article:nth-child(even){padding-left:24px!important}
 .capability-rail article:nth-child(-n+2){border-top:0!important}
 .capability-rail article:nth-child(n+3){border-top:1px solid var(--line)!important}
}
@media (max-width:640px){
 .capability-rail{grid-template-columns:minmax(0,1fr)!important}
 .capability-rail article,.capability-rail article+article{padding:26px 0!important;border-right:0!important}
 .capability-rail article+article{border-top:1px solid var(--line)!important}
}
@media (min-width:1001px) and (max-width:1366px) and (max-height:900px) and (hover:none) and (pointer:coarse){
 .capability-rail{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .capability-rail article,.capability-rail article+article{padding:25px 0!important;border-right:0!important}
 .capability-rail article:nth-child(odd){padding-right:24px!important;border-right:1px solid var(--line)!important}
 .capability-rail article:nth-child(even){padding-left:24px!important}
 .capability-rail article:nth-child(-n+2){border-top:0!important}
 .capability-rail article:nth-child(n+3){border-top:1px solid var(--line)!important}
}

/* Match the canonical EN intro heading at desktop and tablet landscape. */
.intro-heading{grid-column:1 / -1!important}
.intro-heading h2{max-width:none!important}

/* Mobile card artwork aligns to a consistent top edge; the closing artwork is centred. */
@media (max-width:640px){
 .platform-list article > img,.research-notes-list article > img{align-self:start!important;margin-top:22px!important}
 .contact-art img{margin-left:auto!important;margin-right:auto!important}
}

/* Optical centring for artwork whose visible subject is offset within its canvas. */
@media (max-width:640px){
 .platform-list article:nth-child(3) > img{transform:translateY(-3px)}
 .platform-list article:nth-child(7) > img{transform:translateY(-5px)}
 .research-notes-list article:nth-child(3) > img{transform:translateY(2px)}
}

@media (max-width:640px){
 .platform-list article:nth-child(3) > img{transform:translateY(-3px)!important}
 .platform-list article:nth-child(7) > img{transform:translateY(-5px)!important}
 .research-notes-list article:nth-child(3) > img{transform:translateY(2px)!important}
}

/* Mobile must not inherit the desktop inner-column padding on cards 3 and 7. */
@media (max-width:640px){
 .platform-list article:nth-child(n),.research-notes-list article:nth-child(n){padding-left:0!important;padding-right:0!important}
 .platform-list article:nth-child(3) > img,.platform-list article:nth-child(7) > img,.research-notes-list article:nth-child(3) > img{transform:none!important}
}

/* Tablet WebCatalogue sequence: heading, artwork, then copy. */
@media (min-width:641px) and (max-width:1000px){
 .webcatalogue-heading{grid-row:1!important}
 .webcatalogue-image{order:initial!important;grid-row:2!important}
 .webcatalogue-copy{grid-row:3!important}
}



/* Reuse the canonical capability-card component for Systems and Research. */
.platform-index,.research-notes{grid-template-columns:minmax(0,1fr)!important}
.platform-index>.capability-rail,.research-notes>.capability-rail{width:100%!important;margin:0!important}
@media (min-width:641px) and (max-width:1000px){.platform-index>.capability-rail,.research-notes>.capability-rail{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:640px){.platform-index>.capability-rail,.research-notes>.capability-rail{grid-template-columns:minmax(0,1fr)!important}}
