/* Kortit: harmaat kortit, korallinen ikoni. Korkeus sisällön mukaan kuten Pen-mallissa. */
.mt-cards__list{display:grid;gap:1.25rem;align-items:start;margin:0;padding:0;list-style:none}
.mt-cards .mt-eyebrow+.mt-cards__head{margin-block-start:.75rem}
.mt-cards__head+.mt-cards__list,.mt-cards__intro+.mt-cards__list{margin-block-start:1.75rem}
.mt-cards:has(.mt-h2){padding-block-start:var(--mt-space-section-lg)}
.mt-cards__item{display:flex;flex-direction:column;gap:.75rem;padding:1.75rem;border-radius:var(--mt-radius);background:var(--mt-mist)}
.mt-cards__item .mt-icon{color:var(--mt-coral-strong)}
.mt-cards__title{margin:0;font:400 var(--mt-fs-h4)/1.15 var(--mt-font-display);letter-spacing:-.03125rem}
.mt-cards h3.mt-cards__title{font:500 var(--mt-fs-xl)/1.4 var(--mt-font-body);letter-spacing:0}
.mt-cards__item p{margin:0;font-size:var(--mt-fs-base);line-height:1.5;color:var(--mt-text)}
@container (min-width:42rem){.mt-cards__list{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}}

/* Otsikkorivi: otsikko ja valinnainen linkki, ingressi */
.mt-cards__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.75rem 2rem}
.mt-cards__headlink,.mt-cards__more{display:inline-flex;align-items:center;gap:.5rem;min-block-size:1.5rem;padding-block:.25rem .3125rem;border-block-end:.0625rem solid currentColor;color:var(--mt-navy);font:500 var(--mt-fs-xs)/1.2 var(--mt-font-display);letter-spacing:var(--mt-tracking-caps);text-transform:uppercase;text-decoration:none}
.mt-cards__headlink:hover{color:var(--mt-coral-deep)}
.mt-cards__intro{margin:.5rem 0 0;max-inline-size:41rem;font-size:var(--mt-fs-lg);line-height:1.5;color:var(--mt-muted)}
.mt-cards__body{display:flex;flex-direction:column;gap:.75rem;min-inline-size:0}
.mt-cards .mt-cards__text{margin:0}
.mt-cards .mt-cards__label{margin:0;font:500 var(--mt-fs-2xs)/1.3 var(--mt-font-display);letter-spacing:var(--mt-tracking-caps);text-transform:uppercase;color:var(--mt-muted)}
.mt-cards .mt-cards__value{margin:0;font:400 var(--mt-fs-lg)/1.15 var(--mt-font-display);letter-spacing:-.03125rem;color:var(--mt-coral-strong)}

/* Linkki: otsikko on linkki, koko kortti klikattava */
.mt-cards__item{position:relative}
.mt-cards__link{display:inline-block;min-block-size:1.5rem;color:inherit;text-decoration:none}
.mt-cards__link::after{content:"";position:absolute;inset:0}
.mt-cards__link:focus-visible{outline:none}
.mt-cards__item:has(.mt-cards__link:focus-visible){outline:.1875rem solid var(--mt-coral);outline-offset:.1875rem}
.mt-cards__item:has(.mt-cards__link:hover) .mt-cards__more{color:var(--mt-coral-deep)}
.mt-cards__more{align-self:flex-start;margin-block-start:.25rem}

/* Luettelo kortissa (kohta: otsikko ja kuvaus) ja tunnisteet */
.mt-cards__item--list{gap:1rem;padding:1.75rem}
.mt-cards__item--list .mt-cards__body{gap:1rem}
.mt-cards .mt-cards__item--list .mt-cards__title{font:400 var(--mt-fs-h4)/1.15 var(--mt-font-display);letter-spacing:-.03125rem}
.mt-cards__points{display:flex;flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none}
.mt-cards__points li{display:flex;flex-direction:column;gap:.125rem}
.mt-cards__point-title{font-size:var(--mt-fs-base);font-weight:500;line-height:1.5;color:var(--mt-ink)}
.mt-cards__point-text{font-size:var(--mt-fs-md);line-height:1.5;color:var(--mt-text)}
.mt-cards__tags{display:flex;flex-wrap:wrap;gap:.375rem;margin:0;padding:0;list-style:none}
.mt-cards__tags li{padding:.3125rem .625rem;border-radius:.75rem;background:var(--mt-mist);font-size:var(--mt-fs-sm);line-height:1.5;color:var(--mt-ink)}

/* Lukumuoto: rivi, jossa vasen viiva erottaa kohdat */
.mt-cards--stats .mt-cards__list{gap:0;border-block-end:.0625rem solid var(--mt-line)}
.mt-cards--stats .mt-cards__item{padding:1.75rem 0;border-radius:0;border-block-start:.0625rem solid var(--mt-line);background:none}
.mt-cards--stats .mt-cards__item:first-child{border-block-start:0}
.mt-cards--stats .mt-cards__body{gap:.375rem}
.mt-cards--stats .mt-cards__value{font-size:var(--mt-fs-h1);line-height:1.15;letter-spacing:-.025em}
.mt-cards--stats .mt-cards__text{font-size:var(--mt-fs-base);font-weight:500;line-height:1.5;color:var(--mt-ink)}
.mt-cards--stats .mt-cards__value~.mt-cards__text{font-weight:400;color:var(--mt-text)}
.mt-cards--stats:not(:has(.mt-h2)){padding-block-start:0}

/* Viivakohdat: ei korttitaustaa, ylhäällä viiva ja valinnainen numero */
.mt-cards--plain .mt-cards__list{gap:1.5rem}
.mt-cards--plain .mt-cards__item{padding:1.25rem 0 0;border-radius:0;border-block-start:.125rem solid var(--mt-navy);background:none}
.mt-cards--plain .mt-cards__body{gap:.625rem}
.mt-cards--plain .mt-cards__item:not(:has(.mt-cards__value)) .mt-cards__title{font:400 var(--mt-fs-h4)/1.15 var(--mt-font-display);letter-spacing:-.03125rem}
.mt-cards--plain .mt-cards__text{font-size:var(--mt-fs-base)}

/* Kuvalaatat: kuva taustana, teksti alalaidassa */
.mt-cards--tiles .mt-cards__list{gap:1.25rem;align-items:stretch}
.mt-cards--tiles .mt-cards__item{min-block-size:20rem;justify-content:flex-end;padding:1.5rem;overflow:hidden;border-radius:var(--mt-radius);background:var(--mt-navy);color:var(--mt-on-navy-soft)}
.mt-cards--tiles .mt-cards__image,.mt-cards--tiles .mt-cards__image img{position:absolute;inset:0;inline-size:100%;block-size:100%}
.mt-cards--tiles .mt-cards__image img{object-fit:cover}
.mt-cards--tiles .mt-cards__item::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,color-mix(in oklch,var(--mt-navy) 96%,transparent),color-mix(in oklch,var(--mt-navy) 33%,transparent) 65%,transparent)}
.mt-cards--tiles .mt-cards__body{position:relative;z-index:1;gap:.375rem;max-inline-size:44rem}
.mt-cards--tiles .mt-cards__label{color:var(--mt-coral)}
.mt-cards--tiles .mt-cards__title,.mt-cards--tiles h3.mt-cards__title{font:400 var(--mt-fs-h3)/1.15 var(--mt-font-display);letter-spacing:-.03125rem;color:var(--mt-white)}
.mt-cards--tiles .mt-cards__text{font-size:var(--mt-fs-md);color:var(--mt-on-navy-soft)}
.mt-cards--tiles .mt-cards__more{color:var(--mt-white)}

/* Kuvakortit: kuva vasemmalla, teksti oikealla */
.mt-cards--media .mt-cards__item{flex-direction:column;gap:0;padding:0;overflow:hidden;border:.0625rem solid var(--mt-line);background:var(--mt-white)}
.mt-cards--media .mt-cards__image{position:relative;flex:none;min-block-size:11rem;background:var(--mt-mist)}
.mt-cards--media .mt-cards__image img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover}
.mt-cards--media .mt-cards__body{flex:1;gap:.625rem;padding:1.75rem}
.mt-cards--media .mt-cards__title{font:400 var(--mt-fs-h3)/1.15 var(--mt-font-display);letter-spacing:-.03125rem}
.mt-cards--media .mt-cards__text{font-size:var(--mt-fs-base)}

@container (min-width:42rem){
  .mt-cards--stats .mt-cards__list{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))}
  .mt-cards--stats .mt-cards__item{padding:1.75rem 1.5rem;border-block-start:0;border-inline-start:.0625rem solid var(--mt-line)}
  .mt-cards--stats .mt-cards__item:first-child{padding-inline-start:0;border-inline-start:0}
  .mt-cards--plain .mt-cards__list{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}
  .mt-cards--tiles .mt-cards__list{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}
  .mt-cards--media .mt-cards__list{grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr))}
  .mt-cards--media .mt-cards__item{flex-direction:row}
  .mt-cards--media .mt-cards__image{flex-basis:11.875rem}
}
@media (prefers-reduced-motion:reduce){.mt-cards__headlink,.mt-cards__more{transition:none}}
.mt-cards .mt-cards__more .mt-icon,.mt-cards .mt-cards__headlink .mt-icon{color:currentColor}
.mt-cards--tiles .mt-cards__title,.mt-cards--media .mt-cards__title{overflow-wrap:break-word;hyphens:auto}