/* Artikkelit: suhdelohko. Artikkelikortti (.mt-post) on jaettu pohja template-parts/v2/post-card.php; sen tyyli on tässä, koska vain tämä lohko käyttää sitä. */
.mt-postlist__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--mt-space-sm) var(--mt-space-lg);margin-block-end:var(--mt-space-lg)}
.mt-postlist__head .mt-eyebrow+.mt-h2{margin-block-start:.75rem}
.mt-postlist__more{display:inline-flex;align-items:center;gap:.5rem;min-block-size:1.5rem;padding-block-end:.3125rem;border-block-end:.0625rem solid var(--mt-navy);font:500 var(--mt-fs-xs)/1.2 var(--mt-font-display);letter-spacing:var(--mt-tracking-caps);text-transform:uppercase;color:var(--mt-navy);text-decoration:none}
.mt-postlist__more:hover{color:var(--mt-coral-deep);border-color:var(--mt-coral-deep)}
.mt-postlist__main{margin-block-end:var(--mt-space-lg)}
.mt-postlist__grid,.mt-postlist__rows{margin:0;padding:0;list-style:none}
.mt-postlist__grid{display:grid;gap:var(--mt-space-lg) 1.5rem}
.mt-postlist__empty{margin:0;padding:1.5rem;border:.0625rem dashed var(--mt-field);border-radius:var(--mt-radius);color:var(--mt-muted)}
@container (min-width:32rem){.mt-postlist__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (min-width:48rem){.mt-postlist__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Jaettu artikkelikortti */
.mt-post{position:relative;display:flex;flex-direction:column;gap:.875rem;block-size:100%}
.mt-post:has(.mt-post__link:focus-visible){outline:.1875rem solid var(--mt-coral);outline-offset:.25rem;border-radius:var(--mt-radius)}
.mt-post__media{overflow:hidden;border-radius:var(--mt-radius);background:var(--mt-mist);aspect-ratio:405/220}
.mt-post__media img{display:block;inline-size:100%;block-size:100%;object-fit:cover;transition:transform 400ms ease}
.mt-post:hover .mt-post__media img{transform:scale(1.03)}
.mt-post__body{display:flex;flex-direction:column;gap:.375rem;align-items:flex-start}
.mt-post__meta{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-coral-strong)}
.mt-post__title{margin:0;font:400 var(--mt-fs-h4)/1.2 var(--mt-font-display);letter-spacing:-.03125rem;color:var(--mt-ink);text-wrap:balance}
.mt-post__link{display:inline-block;min-block-size:1.5rem;color:inherit;text-decoration:none}
.mt-post__link::after{content:"";position:absolute;inset:0}
.mt-post__link:focus-visible{outline:none}
.mt-post__link:hover{text-decoration:underline;text-underline-offset:.2em}
.mt-post__excerpt{margin:0;font-size:var(--mt-fs-md);line-height:1.5;color:var(--mt-text)}
.mt-post__cta{margin-block-start:.625rem}

/* Pääartikkeli */
.mt-post--featured{gap:0;border-radius:var(--mt-radius);background:var(--mt-mist);overflow:hidden}
.mt-post--featured .mt-post__media{border-radius:0;aspect-ratio:16/10}
.mt-post--featured .mt-post__body{gap:.875rem;padding:var(--mt-space-lg) var(--mt-space-lg) var(--mt-space-xl)}
.mt-post--featured .mt-post__meta{font-size:var(--mt-fs-xs)}
.mt-post--featured .mt-post__title{font-size:var(--mt-fs-h2-lg)}
.mt-post--featured .mt-post__excerpt{font-size:var(--mt-fs-base)}
@container (min-width:48rem){
	.mt-post--featured{display:grid;grid-template-columns:minmax(0,9fr) minmax(0,7fr)}
	.mt-post--featured{min-block-size:26.25rem}
	.mt-post--featured .mt-post__media{position:relative;aspect-ratio:auto}
	.mt-post--featured .mt-post__media img{position:absolute;inset:0}
	.mt-post--featured .mt-post__body{justify-content:center;padding:var(--mt-space-xl)}
}

/* Rivilista: oppaat ja vastaukset */
.mt-post--row{display:flex;flex-direction:row;align-items:center;gap:1rem;padding-block:1.125rem;border-block-end:.0625rem solid var(--mt-line);block-size:auto}
.mt-postlist__rows li:first-child .mt-post--row{border-block-start:.0625rem solid var(--mt-line)}
.mt-post--row>.mt-icon:first-child{color:var(--mt-coral-strong)}
.mt-post--row .mt-post__title{flex:1;min-inline-size:0;font:500 var(--mt-fs-xl)/1.4 var(--mt-font-body);letter-spacing:0}
.mt-post--row time{flex:none;font-size:var(--mt-fs-sm);color:var(--mt-muted)}
.mt-post--row:hover .mt-icon:last-child{transform:translateX(.25rem)}
.mt-post--row .mt-icon:last-child{transition:transform var(--mt-transition)}
@media (prefers-reduced-motion:reduce){.mt-post__media img,.mt-post--row .mt-icon:last-child{transition:none}.mt-post:hover .mt-post__media img,.mt-post--row:hover .mt-icon:last-child{transform:none}}

/* Suodatus, haku ja sivutus (koontisivu): toimivat ilman JavaScriptiä */
.mt-postlist__filter{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--mt-space-sm) var(--mt-space-md);margin-block-end:var(--mt-space-md)}
.mt-postlist__topics ul,.mt-postlist__pager ul{display:flex;flex-wrap:wrap;gap:.625rem;margin:0;padding:0;list-style:none}
.mt-postlist__chip{display:inline-flex;align-items:center;min-block-size:2.5rem;padding:.5rem 1rem;border-radius:var(--mt-radius-pill);font:500 var(--mt-fs-base)/1.3 var(--mt-font-body);color:var(--mt-ink);text-decoration:none}
.mt-postlist__chip:hover{background:var(--mt-mist)}
.mt-postlist__chip[aria-current=page]{background:var(--mt-navy);color:var(--mt-white)}
.mt-postlist__search{position:relative;display:flex;align-items:center;inline-size:100%;max-inline-size:16.25rem}
.mt-postlist__q{inline-size:100%;min-block-size:2.75rem;padding:.5rem 2.75rem .5rem 1rem;border:.0625rem solid var(--mt-line);border-radius:var(--mt-radius-pill);background:var(--mt-white);font:400 var(--mt-fs-base)/1.3 var(--mt-font-body);color:var(--mt-ink)}
.mt-postlist__go{position:absolute;inset-inline-end:.25rem;display:grid;place-items:center;inline-size:2.5rem;block-size:2.5rem;padding:0;border:0;border-radius:50%;background:transparent;color:var(--mt-ink);cursor:pointer}
.mt-postlist__go:hover{color:var(--mt-coral-deep)}
.mt-postlist__count{margin:0 0 var(--mt-space-sm);color:var(--mt-muted);font-size:var(--mt-fs-base)}
.mt-postlist__pager{margin-block-start:var(--mt-space-lg)}
.mt-postlist__pager ul{justify-content:center;gap:.5rem}
.mt-postlist__page,.mt-postlist__gap{display:grid;place-items:center;min-inline-size:2.5rem;block-size:2.5rem;padding-inline:.5rem;border-radius:var(--mt-radius-pill);font:500 var(--mt-fs-base)/1 var(--mt-font-body);color:var(--mt-ink);text-decoration:none}
.mt-postlist__page:hover{background:var(--mt-mist)}
.mt-postlist__page[aria-current=page]{background:var(--mt-navy);color:var(--mt-white)}