/* Uuden ilmeen perusta (Pen-malli). Ladataan uuden ilmeen sivuille ja editorin kanvakseen.
   Tokenit: settings/tokens.css. Lohkon oma ulkoasu kuuluu lohkon style.css:ään; tänne vain
   pohja ja osat, joita vähintään kaksi lohkoa käyttää. */
/* Pehmeä vieritys ankkurilinkeille koko sivustolla (T16); liikettä vähentävä asetus ohittaa sen. */
@media (prefers-reduced-motion:no-preference){html:has(body.mt-v2){scroll-behavior:smooth}}
body.mt-v2{margin:0;background:var(--mt-white);color:var(--mt-ink);font:400 var(--mt-fs-lg)/1.5 var(--mt-font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.mt-v2 *,.mt-v2 *::before,.mt-v2 *::after{box-sizing:border-box}
.mt-v2 img{max-inline-size:100%;block-size:auto}
.mt-v2 main{display:block;margin:0;padding:0}
.mt-v2 .mt-skip-link{position:absolute;inset-inline-start:1rem;inset-block-start:-4rem;z-index:100;padding:.75rem 1rem;border-radius:var(--mt-radius);background:var(--mt-white);color:var(--mt-navy)}
.mt-v2 .mt-skip-link:focus{inset-block-start:1rem}
.mt-v2 .screen-reader-text{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.mt-v2 :focus-visible{outline:.1875rem solid var(--mt-coral);outline-offset:.1875rem}
.mt-icon{flex:none}

.mt-section{padding-block:var(--mt-space-section) 0;color:var(--mt-ink)}
.mt-section:last-child{padding-block-end:var(--mt-space-section-lg)}
/* Sisältöleveys on myös container: lohkot mukautuvat omaan leveyteensä (@container), eivät näyttöön. */
.mt-wrap{inline-size:min(100% - 2 * var(--mt-pad),var(--mt-max));margin-inline:auto;container-type:inline-size}
.mt-eyebrow{margin:0;font:500 var(--mt-fs-xs)/1.3 var(--mt-font-display);letter-spacing:var(--mt-tracking-caps);text-transform:uppercase;color:var(--mt-coral-strong)}
.mt-on-navy .mt-eyebrow{color:var(--mt-coral-on-navy)}
.mt-h2{margin:0;font:400 var(--mt-fs-h2)/1.15 var(--mt-font-display);letter-spacing:-.03125rem;text-wrap:balance}
.mt-h2--lg{font-size:var(--mt-fs-h2-lg)}
.mt-btn{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;min-block-size:3rem;padding:.75rem 1.625rem;border:.0625rem solid transparent;border-radius:var(--mt-radius-pill);font:500 var(--mt-fs-xs)/1.2 var(--mt-font-display);letter-spacing:var(--mt-tracking-caps);text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color var(--mt-transition),color var(--mt-transition),border-color var(--mt-transition)}
.mt-btn--primary{background:var(--mt-coral-strong);color:var(--mt-white)}
.mt-btn--primary:hover{background:var(--mt-coral-deep);color:var(--mt-white)}
.mt-btn--dark{background:var(--mt-navy);color:var(--mt-white)}
.mt-btn--dark:hover{background:var(--mt-ink);color:var(--mt-white)}
/* WordPressin Painike-lohko (artikkelit, tuotekuvaukset, Tarina-lohko): sama ilme kuin .mt-btn--primary.
   Vanhan sisällön omat värit ja koot ohitetaan, jotta painikkeet ovat yhtenäisiä; ääriviivatyyli on toissijainen painike. */
.mt-v2 .wp-block-buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-block:1.75rem}
.mt-v2 .wp-block-button{margin:0}
.mt-v2 :is(.mt-prose,.mt-story,.mt-article,.mt-pdp__desc)>.wp-block-button{margin-block:1.75rem}
.mt-v2 .wp-block-button .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;min-block-size:3rem;padding:.75rem 1.625rem!important;border:.0625rem solid transparent;border-radius:var(--mt-radius-pill)!important;background:var(--mt-coral-strong)!important;color:var(--mt-white)!important;font:500 var(--mt-fs-xs)/1.2 var(--mt-font-display)!important;letter-spacing:var(--mt-tracking-caps);text-transform:uppercase;text-decoration:none;box-shadow:none;transition:background-color var(--mt-transition),color var(--mt-transition),border-color var(--mt-transition)}
.mt-v2 .wp-block-button .wp-block-button__link:hover{background:var(--mt-coral-deep)!important;color:var(--mt-white)!important}
.mt-v2 .wp-block-button.is-style-outline .wp-block-button__link{border-color:var(--mt-navy)!important;background:none!important;color:var(--mt-navy)!important}
.mt-v2 .wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--mt-navy)!important;color:var(--mt-white)!important}
.mt-v2 .wp-block-button .wp-block-button__link :is(strong,b){font-weight:inherit}
.mt-prose{font-size:var(--mt-fs-lg);line-height:1.6;color:var(--mt-text)}
.mt-prose>:first-child{margin-block-start:0}
.mt-prose>:last-child{margin-block-end:0}
.mt-prose a:not(.mt-btn,.wp-block-button__link){color:var(--mt-navy);text-underline-offset:.2em}
.mt-btn--outline{border-color:var(--mt-on-navy-border);background:transparent;color:var(--mt-white)}
.mt-btn--outline:hover{border-color:var(--mt-white);background:var(--mt-white);color:var(--mt-navy)}
/* Jaettu henkilökortti (People::card). */
.mt-person{display:flex;gap:1.25rem;align-items:center;padding:1.75rem;border-radius:var(--mt-radius);background:var(--mt-blush);font-size:var(--mt-fs-base);line-height:1.4}
.mt-person img{flex:none;inline-size:6rem;block-size:6rem;border-radius:50%;object-fit:cover}
.mt-person__body{display:flex;flex-direction:column;gap:.1875rem;min-inline-size:0}
.mt-person__body p{margin:0}
.mt-person__name{margin:0;font:400 var(--mt-fs-h4)/1.15 var(--mt-font-display);letter-spacing:-.03125rem;color:var(--mt-ink)}
.mt-person__role{font:500 var(--mt-fs-2xs)/1.4 var(--mt-font-display);letter-spacing:var(--mt-tracking-caps);text-transform:uppercase;color:var(--mt-coral-deep)}
.mt-person__bio{color:var(--mt-text)}
.mt-person a{display:inline-block;padding-block:.125rem;font-weight:500;color:var(--mt-navy);text-decoration:none;overflow-wrap:anywhere}
.mt-person a:hover{text-decoration:underline}
/* Sähköpostiosoite pienenee kortin leveyden mukaan, jotta se mahtuu yhdelle riville; vasta alarajalla (12 px) osoite saa katketa. */
.mt-person__body{flex:1;container-type:inline-size}
.mt-person a[href^="mailto:"]{font-size:clamp(.75rem,100cqi / 15.6,1em)}
@media (prefers-reduced-motion:reduce){.mt-v2 *{transition:none!important;scroll-behavior:auto!important}}
/* Kaupan asiantuntijat ryhmänä (A26, template-parts/v2/expert-group.php): osastosivu ja people-lohkon Ryhmä-asettelu */
.mt-experts{display:grid;gap:var(--mt-space-md);align-items:center;padding:var(--mt-space-lg);border:.0625rem solid var(--mt-line);border-radius:var(--mt-radius)}
.mt-experts__faces{display:flex;margin:0;padding:0;list-style:none}
.mt-experts__faces li+li{margin-inline-start:-1rem}
.mt-experts__faces img{display:block;inline-size:4.5rem;block-size:4.5rem;aspect-ratio:1;border:.1875rem solid var(--mt-color-white);border-radius:50%;object-fit:cover;background:var(--mt-mist)}
.mt-experts__copy{display:grid;gap:.25rem}
.mt-experts__title{margin:0;font:400 var(--mt-fs-h2)/1.15 var(--mt-font-display);letter-spacing:-.03125rem}
.mt-experts__names{font-size:var(--mt-fs-md);color:var(--mt-muted);overflow-wrap:anywhere}
.mt-experts__phone{justify-self:start;font:500 var(--mt-fs-lg)/1.4 var(--mt-font-body);color:var(--mt-navy)}
.mt-experts__phone:hover{color:var(--mt-coral-strong)}
.mt-experts>.mt-btn{justify-self:start}
@container (min-width:56rem){.mt-experts{grid-template-columns:auto 1fr auto;gap:2.5rem;padding-inline:2.5rem}}