:where(body) { -webkit-font-smoothing: antialiased; }
img { height: auto; max-width: 100%; }
:focus-visible { outline: 3px solid var(--wp--preset--color--orange); outline-offset: 2px; }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } [id] { scroll-margin-top: 90px; } .mk-header { position: sticky; top: 0; z-index: 50; }
.admin-bar .mk-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .mk-header { top: 46px; } }
.mk-header .wp-block-site-logo img { filter: brightness(0) opacity(.82); } .mk-header .wp-block-navigation .wp-block-navigation-item__content { padding: .5rem 0; position: relative; }
.mk-header .wp-block-navigation .wp-block-navigation-item__content::after {
content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px;
background: var(--wp--preset--color--orange); transform: scaleX(0); transition: transform .2s;
}
.mk-header .wp-block-navigation .wp-block-navigation-item__content:hover::after,
.mk-header .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content::after { transform: scaleX(1); }
.mk-header .wp-block-navigation__responsive-container.is-menu-open { padding: 2rem 1.5rem; }
.mk-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { font-size: 1rem; } .mk-section-title { letter-spacing: .02em; }
.mk-icon { display: flex; justify-content: center; margin-bottom: .25rem; }
.mk-icon svg { width: 50px; height: 50px; fill: currentColor; display: block; }
.mk-dark { color: var(--wp--preset--color--white); }
.mk-dark :where(h1, h2, h3, h4) { color: var(--wp--preset--color--white); }
.mk-dark a:where(:not(.wp-element-button)) { color: var(--wp--preset--color--orange); }
.mk-dark a:where(:not(.wp-element-button)):hover { color: var(--wp--preset--color--white); } .mk-hero { min-height: 610px; }
.mk-hero h1 { margin: 0; line-height: 0; }
.mk-hero h1 img { width: 300px; max-width: 80vw; height: auto; }
@media (max-width: 767px) { .mk-hero { min-height: 407px !important; } } .mk-card { border-radius: 10px; }
.mk-card > * { margin-block: 0; }
.mk-card > * + * { margin-block-start: 1rem; }
.mk-card h2 { font-size: 1.25rem; text-transform: uppercase; }
.mk-card h3 { font-size: 1.125rem; }
.mk-card ul { padding-left: 1.1em; list-style: none; }
.mk-card ul li { position: relative; }
.mk-card ul li::before { content: "▸"; position: absolute; left: -1.1em; }
.mk-card.has-ink-background-color { color: var(--wp--preset--color--white); }
.mk-card.has-ink-background-color :where(h2, h3) { color: var(--wp--preset--color--white); }
.mk-card.has-white-background-color a { color: var(--wp--preset--color--orange-dark); } .mk-label { text-transform: uppercase; letter-spacing: 3px; font-weight: 600; font-size: .875rem; }
.mk-lead-light { font-weight: 400; font-size: 1.0625rem; }
.mk-contact .wpforms-container .wpforms-field-label,
.mk-contact .wpforms-container .wpforms-field-sublabel { color: var(--wp--preset--color--white) !important; }
.mk-contact .wpforms-container button[type=submit] {
background: var(--wp--preset--color--orange) !important; color: var(--wp--preset--color--ink) !important;
border: 0 !important; border-radius: 3px !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 1.2px;
}
.mk-contact .wpforms-container button[type=submit]:hover { background: var(--wp--preset--color--orange-dark) !important; color: #fff !important; } .mk-video .wp-block-embed { margin: 0; } .mk-footer { font-size: .875rem; }
.mk-footer h2 { font-size: 1.125rem; font-weight: 600; margin-bottom: .5rem; }
.mk-footer .mk-icon svg { color: var(--wp--preset--color--ink); }
.mk-footer p { margin-top: 0; } .jh-kicker { text-transform: uppercase; letter-spacing: .12em; font-weight: 700; margin-bottom: .25rem; }
.jh-kicker.has-orange-color { color: var(--wp--preset--color--orange-dark) !important; } .has-ink-background-color .jh-kicker.has-orange-color,
.wp-block-cover .jh-kicker.has-orange-color { color: var(--wp--preset--color--orange) !important; }
.jh-card { border-radius: 10px; border-style: solid; height: 100%; }
.jh-card > * { margin-block: 0; }
.jh-card > * + * { margin-block-start: .75rem; }
.jh-price-row { display: flex; justify-content: space-between; gap: 1rem; border-top: 1px solid var(--wp--preset--color--line); padding-top: .5rem; }
.jh-comparison table, .jh-pricing-table table { border-collapse: collapse; width: 100%; }
.jh-comparison th, .jh-comparison td, .jh-pricing-table th, .jh-pricing-table td { border: 1px solid var(--wp--preset--color--line); padding: .45rem .6rem; }
.jh-comparison thead th, .jh-pricing-table thead th { background: var(--wp--preset--color--light); text-align: left; }
.jh-comparison td:not(:first-child) { text-align: center; width: 14%; }
.jh-pricing-table td:last-child { text-align: right; white-space: nowrap; }
.jh-hero .wp-block-cover__inner-container { max-width: var(--wp--style--global--wide-size); }
.jh-service-number { font-weight: 700; color: var(--wp--preset--color--orange-dark); }
@media (max-width: 781px) {
.jh-mobile-stack { flex-direction: column; }
.wp-block-table.jh-comparison, .wp-block-table.jh-pricing-table { overflow-x: auto; }
} .mk-huolto{--mk-text:#303030;--mk-muted:#54595F;
--mk-ensi:#00813F;--mk-ensi-ic:#00A355;--mk-kausi:#007C93;--mk-kausi-ic:#0097B2;--mk-laaja:#B34E0C;--mk-laaja-ic:#E0701F;
color:var(--mk-text);background:#fff;border-radius:10px;padding:clamp(16px,3vw,36px);max-width:1140px;margin:20px auto 30px;box-sizing:border-box}
.mk-huolto *{box-sizing:border-box}
.mk-huolto .mk-title{margin:0 0 4px;font-size:clamp(1.1rem,2.2vw,1.5rem);font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--mk-text)}
.mk-huolto .mk-lead{margin:0 0 16px;font-size:.95rem;color:var(--mk-muted)}
.mk-huolto table{width:100%;border-collapse:collapse;font-size:clamp(.85rem,1.6vw,1.05rem);line-height:1.35}
.mk-huolto caption{text-align:left}
.mk-huolto thead th{vertical-align:bottom;padding:0 0 8px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.mk-huolto thead th:first-child{text-align:left}
.mk-huolto thead th span{display:inline-block;writing-mode:vertical-rl;transform:rotate(180deg);font-size:clamp(.8rem,1.6vw,1.1rem);white-space:nowrap}
.mk-huolto th.mk-ensi{color:var(--mk-ensi)} .mk-huolto th.mk-kausi{color:var(--mk-kausi)} .mk-huolto th.mk-laaja{color:var(--mk-laaja)}
.mk-huolto .mk-group th{padding:18px 0 4px;text-align:left;font-weight:700;text-transform:uppercase;font-size:1.05em;letter-spacing:.02em}
.mk-huolto tbody:first-of-type .mk-group th{padding-top:4px}
.mk-huolto tbody th[scope=row]{font-weight:400;text-align:left;padding:3px 10px 3px 0;width:100%}
.mk-huolto tbody th[scope=row]>span{display:flex;align-items:baseline;gap:8px}
.mk-huolto tbody th[scope=row]>span::after{content:"";flex:1 1 20px;min-width:20px;border-bottom:2px dotted #303030;transform:translateY(-3px)}
.mk-huolto td{width:3em;min-width:2.4em;text-align:center;padding:2px 0;vertical-align:middle}
.mk-huolto td svg{width:1.6em;height:1.6em;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;display:block;margin:0 auto}
.mk-huolto td.mk-ensi svg{stroke:var(--mk-ensi-ic)} .mk-huolto td.mk-kausi svg{stroke:var(--mk-kausi-ic)} .mk-huolto td.mk-laaja svg{stroke:var(--mk-laaja-ic)}
.mk-huolto tbody tr:not(.mk-group):hover{background:#FFF4E8}
.mk-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mk-huolto .mk-note{margin:14px 0 0;font-size:.85rem;color:var(--mk-muted)}
@media (max-width:600px){
.mk-huolto tbody th[scope=row]>span::after{display:none}
.mk-huolto tbody tr:not(.mk-group){border-bottom:1px solid #eee}
.mk-huolto td{width:2.2em;min-width:2.2em}
.mk-huolto td svg{width:1.3em;height:1.3em}
} .mk-dark .mk-card.has-white-background-color :where(h1, h2, h3, h4) { color: var(--wp--preset--color--ink); }