/* v0.91 (2026-10-09, A5): the band names at 12 px still fit four across on phones: tighter tracking, the last name to the right */
@media (max-width:640px){.mband{letter-spacing:0.02em;padding-right:2px}.mband:last-of-type{text-align:right;padding-right:0}}
@media (max-width:380px){.mband{letter-spacing:-0.01em}.dinst .dread{padding-left:10px;padding-right:10px}}
/* the engine caption row on phones: the legend on one line, the name and Open the map on the next */
@media (max-width:640px){.disc-under .mono{letter-spacing:0.08em}.disc-under{column-gap:16px}}

/* (2026-10-09, A6): running text on phones at 16 px or more */
@media (max-width:900px){.mv-desc,.dx p{font-size:16px}}

/* v0.91 (Sotiris 2026-10-10, screen 1): the Insights cards carry their article's cover, a 16:9 strip in the Insights page's duotone
   (navy at rest, colour under the pointer), so they read as articles and not as more cards; the link card stays text only */
#insights .ic-art .mk-card__in{padding:0;min-height:0;overflow:hidden}
#insights .ic-cv{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:6.5px 6.5px 0 0;background:#08233A}
#insights .ic-cv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.4s var(--ease),opacity .7s var(--ease)}
#insights .ic-cv .duo{filter:url(#mk-duo)}
#insights .ic-cv .col{opacity:0}
#insights .ic-cv::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,22,39,0) 55%,rgba(6,27,45,.55) 100%);pointer-events:none}
@media (hover:hover) and (pointer:fine){
  #insights .ic-art:hover .ic-cv .col{opacity:1}
  #insights .ic-art:hover .ic-cv img{transform:scale(1.035)}
}
#insights .ic-tx{display:flex;flex-direction:column;flex:1;padding:24px 28px 22px}
#insights .ic-art h3{margin-top:18px}
#insights .ic-art:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media (max-width:900px){#insights .ic-tx{padding:20px 22px 18px}}
@media (prefers-reduced-motion:reduce){#insights .ic-cv img{transition:none}}