/* Sivuston pohjat ilman lohkosisältöä (artikkeli, haku, 404). Ladataan pohjissa (templates-v2/*.php) ennen get_header()-kutsua.
   Vain tokenit (tokens.css); asettelu aina .mt-wrap-containerin sisäelementissä. */

/* ---- Artikkeli ---- */
.mt-article__head{padding-block:var(--mt-space-lg) 0;text-align:center}
.mt-article__head .mt-wrap{display:flex;flex-direction:column;align-items:center;gap:1.125rem}
.mt-article__crumbs ol{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0;padding:0;list-style:none;font-size:var(--mt-fs-sm);color:var(--mt-muted)}
.mt-article__crumbs li{display:flex;align-items:center;gap:.5rem}
.mt-article__crumbs a{display:inline-flex;align-items:center;min-block-size:1.5rem;color:var(--mt-muted);text-decoration:none}
.mt-article__crumbs a:hover{color:var(--mt-ink);text-decoration:underline;text-underline-offset:.2em}
.mt-article__crumbs span{color:var(--mt-ink)}
.mt-article__title{max-inline-size:56.25rem;margin:0;font:400 var(--mt-fs-h1)/1.15 var(--mt-font-display);letter-spacing:-.0625rem;color:var(--mt-ink);text-wrap:balance}
.mt-article__meta{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem .875rem;margin:0;font-size:var(--mt-fs-base);color:var(--mt-muted)}
.mt-article__author{font-weight:500;color:var(--mt-ink)}
.mt-article__hero{margin-block-start:var(--mt-space-lg)}
.mt-article__hero img{display:block;inline-size:100%;block-size:auto;max-block-size:35rem;aspect-ratio:1264/560;border-radius:var(--mt-radius);object-fit:cover}
.mt-article__layout{display:grid;gap:var(--mt-space-lg);padding-block:var(--mt-space-lg) var(--mt-space-section)}
@container (min-width:60rem){.mt-article__layout{grid-template-columns:minmax(0,45rem) 20rem;justify-content:center;column-gap:4.5rem;align-items:start}}
.mt-article__body{min-inline-size:0}
.mt-article__aside{display:flex;flex-direction:column;gap:1.25rem;min-inline-size:0}
@container (min-width:60rem){.mt-article__aside{position:sticky;inset-block-start:2rem}}

/* Artikkelin sisältö: WordPressin perussisältö kääreessä .mt-prose */
.mt-article__content{font-size:var(--mt-fs-lg);line-height:1.7;color:var(--mt-text)}
.mt-article__content>:first-child{font-size:var(--mt-fs-xl);line-height:1.55;color:var(--mt-ink)}
.mt-article__content p,.mt-article__content ul,.mt-article__content ol,.mt-article__content figure,.mt-article__content blockquote,.mt-article__content table,.mt-article__content .wp-block-embed,.mt-article__content iframe{margin-block:0 1.375rem}
.mt-article__content h2,.mt-article__content h3,.mt-article__content h4{margin-block:2.25rem .875rem;font-family:var(--mt-font-display);font-weight:400;line-height:1.2;letter-spacing:-.03125rem;color:var(--mt-ink);text-wrap:balance}
.mt-article__content h2{font-size:var(--mt-fs-h2)}
.mt-article__content h3{font-size:var(--mt-fs-h3)}
.mt-article__content h4{font-size:var(--mt-fs-h4)}
/* Luettelot (Pen: Artikkeli): korallinvärinen piste, numerot korallilla */
.mt-article__content ul,.mt-article__content ol{padding-inline-start:0;list-style:none}
.mt-article__content ol{padding-inline-start:1.5rem;list-style:decimal}
.mt-article__content li{margin-block-end:.625rem}
.mt-article__content ul>li{position:relative;padding-inline-start:1.125rem}
.mt-article__content ul>li::before{content:"";position:absolute;inset-inline-start:0;inset-block-start:.7em;inline-size:.375rem;block-size:.375rem;border-radius:50%;background:var(--mt-coral)}
.mt-article__content ol>li{padding-inline-start:.25rem}
.mt-article__content ol>li::marker{color:var(--mt-coral-strong);font-weight:500}
.mt-article__content li :is(ul,ol){margin-block:.625rem 0}
.mt-article__content ul.mt-article__topics>li::before,.mt-article__content .wp-block-gallery li::before,.mt-article__content .blocks-gallery-grid li::before{content:none}
.mt-article__content a:not(.mt-btn,.wp-block-button__link){color:var(--mt-navy);text-underline-offset:.2em}
.mt-article__content a:not(.mt-btn,.wp-block-button__link):hover{color:var(--mt-coral-deep)}
.mt-article__content img,.mt-article__content video{display:block;max-inline-size:100%;block-size:auto;border-radius:var(--mt-radius)}
.mt-article__content figure{margin-inline:0}
.mt-article__content figcaption{margin-block-start:.5rem;font-size:var(--mt-fs-sm);color:var(--mt-muted)}
.mt-article__content blockquote{margin-inline:0;padding:.5rem 0 .5rem 1.5rem;border-inline-start:.1875rem solid var(--mt-coral);font:400 var(--mt-fs-h3)/1.45 var(--mt-font-display);color:var(--mt-ink)}
.mt-article__content blockquote p{margin-block-end:.75rem}
.mt-article__content blockquote cite{font:400 var(--mt-fs-base)/1.4 var(--mt-font-body);color:var(--mt-muted)}
.mt-article__content table{display:block;overflow-x:auto;inline-size:100%;border-collapse:collapse;font-size:var(--mt-fs-base)}
.mt-article__content th,.mt-article__content td{padding:.625rem .875rem;border-block-end:.0625rem solid var(--mt-line);text-align:start}
.mt-article__content th{background:var(--mt-mist);font-weight:500;color:var(--mt-ink)}
.mt-article__content iframe,.mt-article__content .wp-block-embed__wrapper iframe{display:block;inline-size:100%;aspect-ratio:16/9;block-size:auto;border:0;border-radius:var(--mt-radius)}
.mt-article__content hr{margin-block:2rem;border:0;border-block-start:.0625rem solid var(--mt-line)}
.mt-article__content .alignleft,.mt-article__content .alignright{float:none;margin-inline:0}
.mt-article__topics{display:flex;flex-wrap:wrap;gap:.5rem;margin:var(--mt-space-md) 0 0;padding:0;list-style:none}
.mt-article__topics a{display:inline-flex;align-items:center;min-block-size:2.25rem;padding:.375rem .875rem;border-radius:var(--mt-radius-pill);background:var(--mt-mist);font:500 var(--mt-fs-sm)/1.3 var(--mt-font-body);color:var(--mt-ink);text-decoration:none}
.mt-article__topics a:hover{background:var(--mt-line)}

/* Sivupalkki */
.mt-article__aside .mt-person--aside{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.75rem}
.mt-article__aside .mt-person--aside img{inline-size:4.5rem;block-size:4.5rem}
.mt-article__aside .mt-person--aside .mt-person__name{font-size:var(--mt-fs-h3)}
.mt-article__aside .mt-person--aside .mt-person__bio{margin:0;font-size:var(--mt-fs-base);line-height:1.5}
.mt-article__aside .mt-person--aside .mt-btn{display:inline-flex;align-self:stretch;margin-block-start:.5rem;padding:.75rem 1.625rem;color:var(--mt-white);font-weight:500}
.mt-article__aside .mt-person--aside .mt-btn:hover{color:var(--mt-white);text-decoration:none}
.mt-article__box{padding:1.75rem;border:.0625rem solid var(--mt-line);border-radius:var(--mt-radius)}
.mt-article__box-title{margin:0 0 .875rem;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-article__links,.mt-article__share{display:flex;flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none}
.mt-article__links a{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-block-size:2.5rem;color:var(--mt-ink);text-decoration:none}
.mt-article__links a:hover{color:var(--mt-coral-deep);text-decoration:underline;text-underline-offset:.2em}
.mt-article__share{flex-direction:row;gap:.625rem}
.mt-article__share a{display:grid;place-items:center;inline-size:2.5rem;block-size:2.5rem;border-radius:50%;background:var(--mt-mist);color:var(--mt-ink)}
.mt-article__share a:hover{background:var(--mt-navy);color:var(--mt-white)}
.mt-article__more{padding-block-end:0}
.mt-article__more-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-md)}
.mt-article__more .mt-postlist__grid{display:grid;gap:var(--mt-space-lg) 1.5rem}
@container (min-width:32rem){.mt-article__more .mt-postlist__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (min-width:48rem){.mt-article__more .mt-postlist__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ---- Haku ---- */
.mt-search__head{padding-block:var(--mt-space-xl) var(--mt-space-lg);background:var(--mt-navy);color:var(--mt-on-navy-soft)}
.mt-search__head .mt-wrap{display:flex;flex-direction:column;gap:1rem}
.mt-search__title{margin:0;font:400 var(--mt-fs-display)/1.1 var(--mt-font-display);letter-spacing:-.0625rem;color:var(--mt-white);text-wrap:balance;overflow-wrap:anywhere}
.mt-search__form{display:flex;align-items:center;gap:.5rem;max-inline-size:40rem;padding:.375rem .375rem .375rem 1.375rem;border-radius:var(--mt-radius-pill);background:var(--mt-white)}
.mt-search__input{flex:1;min-inline-size:0;min-block-size:2.75rem;padding:0;border:0;background:transparent;font:400 var(--mt-fs-lg)/1.3 var(--mt-font-body);color:var(--mt-ink)}
.mt-search__input:focus{outline:none}
.mt-search__form:focus-within{outline:.1875rem solid var(--mt-coral);outline-offset:.1875rem}
.mt-search__count{margin:0;font-size:var(--mt-fs-base);color:var(--mt-on-navy-muted)}
.mt-search__results{padding-block:var(--mt-space-lg) var(--mt-space-section)}
.mt-search__list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;border-block-start:.0625rem solid var(--mt-line)}
.mt-search__item{position:relative;display:grid;gap:.375rem;padding-block:1.25rem;border-block-end:.0625rem solid var(--mt-line)}
.mt-search__item:hover .mt-search__link{text-decoration:underline;text-underline-offset:.2em}
.mt-search__type{margin:0}
.mt-search__item-title{margin:0;font:400 var(--mt-fs-h3)/1.25 var(--mt-font-display);letter-spacing:-.03125rem;color:var(--mt-ink)}
.mt-search__link{color:inherit;text-decoration:none}
.mt-search__link::after{content:"";position:absolute;inset:0}
.mt-search__link:focus-visible{outline:none}
.mt-search__item:has(.mt-search__link:focus-visible){outline:.1875rem solid var(--mt-coral);outline-offset:.125rem}
.mt-search__excerpt{margin:0;max-inline-size:48rem;font-size:var(--mt-fs-base);line-height:1.5;color:var(--mt-text)}
.mt-search__empty{margin:0;padding:1.5rem;border:.0625rem dashed var(--mt-field);border-radius:var(--mt-radius);color:var(--mt-muted)}
.mt-search__pager{margin-block-start:var(--mt-space-lg)}
.mt-search__pager .page-numbers{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0;padding:0;list-style:none}
.mt-search__pager .page-numbers a,.mt-search__pager .page-numbers span{display:grid;place-items:center;min-inline-size:2.5rem;block-size:2.5rem;padding-inline:.75rem;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-search__pager .page-numbers a:hover{background:var(--mt-mist)}
.mt-search__pager .page-numbers .current{background:var(--mt-navy);color:var(--mt-white)}

/* ---- 404 ---- */
.mt-notfound{padding-block:var(--mt-space-xl) var(--mt-space-section)}
.mt-notfound .mt-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem}
.mt-notfound__title{margin:0;font:400 var(--mt-fs-h1)/1.15 var(--mt-font-display);letter-spacing:-.0625rem;color:var(--mt-ink);text-wrap:balance}
.mt-notfound__text{max-inline-size:40rem;margin:0;font-size:var(--mt-fs-lg);line-height:1.6;color:var(--mt-text)}
.mt-notfound .mt-search__form{inline-size:100%;border:.0625rem solid var(--mt-field)}
.mt-notfound__nav ul{display:flex;flex-wrap:wrap;gap:.625rem;margin:0;padding:0;list-style:none}
.mt-notfound__nav a{display:inline-flex;align-items:center;min-block-size:2.75rem;padding:.5rem 1.125rem;border-radius:var(--mt-radius-pill);background:var(--mt-mist);font:500 var(--mt-fs-base)/1.3 var(--mt-font-body);color:var(--mt-ink);text-decoration:none}
.mt-notfound__nav a:hover{background:var(--mt-navy);color:var(--mt-white)}