/* Shared spacing and typography, after all legacy page-specific styles. */
body.sl-modern{--sl-space:16px;--sl-action-space:76px}
body.sl-modern #content .page-shell{grid-template-columns:minmax(0,1fr)!important}
body.sl-modern #content :is(.page-main-card,.archive-card){min-width:0!important;max-width:100%!important}
body.sl-modern #content :is(.page-main-card,.archive-card) .entry-content{font:15px/1.7 Arial,Helvetica,sans-serif!important;overflow-wrap:break-word}
body.sl-modern #content :is(.page-main-card,.archive-card) .entry-content :is(h2,h3,h4){padding:0!important;letter-spacing:normal!important;color:#29463d!important;clear:none}
body.sl-modern #content :is(.page-main-card,.archive-card) .entry-content h2{font:400 clamp(23px,2.3vw,27px)/1.3 Georgia,serif!important;margin:22px 0 12px!important}
body.sl-modern #content :is(.page-main-card,.archive-card) .entry-content h3{font:600 19px/1.4 Arial,Helvetica,sans-serif!important;margin:20px 0 10px!important}
body.sl-modern #content :is(.page-main-card,.archive-card) .entry-content h4{font:600 16px/1.45 Arial,Helvetica,sans-serif!important;margin:18px 0 8px!important}
body.sl-modern #content :is(.page-main-card,.archive-card) .entry-content :is(h2,h3,h4) :is(span,strong,b,em,a){font-size:inherit!important;font-family:inherit!important;line-height:inherit!important;color:inherit!important}
body.sl-modern #content :is(.page-main-card,.archive-card) .entry-content h2 :is(strong,b){font-weight:inherit!important}
body.sl-modern #content :is(.page-main-card,.archive-card) .entry-content :is(p,li){font-size:15px!important;line-height:1.7!important}
body.sl-modern #content :is(.page-main-card,.archive-card) .entry-content p{margin:0 0 12px!important}
body.sl-modern #content :is(.page-main-card,.archive-card) .entry-content :is(.okh-legacy-column,.okh-content-section,.sl-product-disclosure>div)>:first-child{margin-top:0!important}
body.sl-modern #content :is(.page-main-card,.archive-card) .entry-content :is(.okh-legacy-column,.okh-content-section,.sl-product-disclosure>div)>:last-child{margin-bottom:0!important}
body.sl-modern #content .okh-legacy-composed{gap:20px!important}
body.sl-modern #content .okh-legacy-row{gap:16px 24px!important;margin:0!important;padding:0!important;min-height:0!important}
body.sl-modern #content .okh-legacy-composed .okh-legacy-column{margin:0!important;padding:0!important;min-width:0!important;min-height:0!important}
body.sl-modern #content .okh-legacy-row>.okh-legacy-heading{margin:0!important}
body.sl-modern #content .okh-legacy-row>br,body.sl-modern #content .okh-legacy-column>br:first-child,body.sl-modern #content .entry-content br+br{display:none!important}
body.sl-modern #content .entry-content [data-sl-empty="true"]{display:none!important}
body.sl-modern #content .entry-content [data-sl-divider="true"]{display:block!important;min-height:0!important;height:1px!important;overflow:hidden!important;margin:0!important;padding:0!important}
body.sl-modern #content .entry-content .okh-legacy-border{height:1px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-top:1px solid #e0e5da!important}
body.sl-modern #content .entry-content :is(.okh-content-section,.sl-product-disclosure>div) :is(ul,ol){padding:0 0 0 22px!important;margin:10px 0 16px!important;background:transparent!important;border:0!important;border-radius:0!important}
body.sl-modern #content .entry-content :is(.okh-content-section,.sl-product-disclosure>div) li+li{margin-top:5px!important}
body.sl-modern #content .entry-content :is(.okh-content-section,.sl-product-disclosure>div) :is(ul,ol) :is(ul,ol){margin-block:6px!important}
body.sl-modern #content .entry-content blockquote{margin:16px 0!important;padding:12px 16px!important;border-left:3px solid #8ea284!important;background:#f0f3e9!important;font:inherit!important}
body.sl-modern #content .entry-content blockquote p{font:inherit!important}
body.sl-modern #content .entry-content .sl-product-disclosure{margin:0 0 12px!important}
body.sl-modern #content .sl-product-disclosure>summary{padding:14px 17px;min-height:48px;line-height:1.45}
body.sl-modern #content .sl-product-disclosure>div{padding:16px 17px}
body.sl-modern #content .entry-content .sl-catalogue>h2{margin:0 0 12px!important}
body.sl-modern #content .entry-content .sl-catalogue-table :is(p,li){font:13px/1.55 Arial,Helvetica,sans-serif!important}
body.sl-modern #content .entry-content .sl-catalogue-table :is(p,ul,ol,li){margin:0!important;padding:0!important}
body.sl-modern #content .entry-content .sl-catalogue-table h2{font:inherit!important;margin:0!important}
body.sl-modern #content .entry-content .wpcf7 :is(label,summary,.sl-privacy){font-size:13px;line-height:1.6}
body.sl-modern #content .entry-content .sl-form-intro p,body.sl-modern #content .entry-content .sl-photo-panel p{font-size:12px!important}
body.sl-modern :is(a,button,summary,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #8b642c!important;outline-offset:3px!important}
body.sl-modern :is(a,button,summary,input,select,textarea,[tabindex]){scroll-margin-block:100px calc(var(--sl-action-space) + 24px)}
html{scroll-padding-top:24px;scroll-padding-bottom:0}
.sl-mobile-actions{display:none}
@media(max-width:760px){
 body.sl-modern{padding-bottom:calc(var(--sl-action-space) + 12px)!important}
 body.sl-modern #content .okh-legacy-composed{gap:18px!important}
 body.sl-modern #content .okh-legacy-row{gap:14px!important}
 body.sl-modern #content :is(.page-main-card,.archive-card) .entry-content h2{font-size:23px!important;margin-top:20px!important}
 body.sl-modern #content :is(.page-main-card,.archive-card) .entry-content h3{font-size:18px!important}
 body.sl-modern #content :is(.page-main-card,.archive-card) .entry-content .okh-product-summary h2{margin-top:0!important}
 .sl-mobile-actions{display:flex;gap:10px;align-items:center;position:fixed;inset:auto 0 0;z-index:80;min-height:64px;padding:8px max(16px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border-top:1px solid #d4ddcb;background:#fbf9f3;box-shadow:0 -3px 14px #29463d0c}
 .sl-mobile-actions>a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 10px;border:1px solid #b7c3ad;border-radius:8px;background:#edf1e6;color:#29463d!important;text-decoration:none!important;font:600 14px/1.4 Arial,Helvetica,sans-serif}
 .sl-mobile-actions>a:last-child{background:#29463d;color:#fff!important;border-color:#29463d}
 .sl-mobile-actions svg{width:19px;height:19px;flex:none}
 body:has(input:focus,textarea:focus,select:focus,dialog[open],.sl-header.sl-menu-open) .sl-mobile-actions{visibility:hidden}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}body.sl-modern *,body.sl-modern *::before,body.sl-modern *::after{transition-duration:0s!important;animation-duration:0s!important}}
@media print{.sl-mobile-actions{display:none!important}body.sl-modern{padding-bottom:0!important}}

body.sl-modern #content .okh-legacy-column :is(h2,h3,h4):first-of-type{margin-top:0!important}

body.sl-modern #content :is(.page-main-card,.archive-card) .entry-content :is(h5,h6){font:600 15px/1.65 Arial,Helvetica,sans-serif!important;margin:16px 0 10px!important;color:#29463d!important;letter-spacing:normal!important;padding:0!important}
body.sl-modern #content :is(.page-main-card,.archive-card) .entry-content :is(h5,h6) :is(span,strong,b,em,a){font:inherit!important;color:inherit!important}
body.sl-modern #content .okh-legacy-composed>a:has(.okh-legacy-row){display:grid!important;gap:20px!important;min-width:0!important}

body.sl-modern #content .content-area-modern{width:min(1140px,calc(100% - 48px))!important;margin:0 auto!important;padding:18px 0 24px!important}
body.sl-modern #content .single-content-list>.archive-card{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
body.sl-modern #content .post-grid .archive-card{padding:18px!important}
body.sl-modern #content .archive-card>.entry-title{font:400 25px/1.3 Georgia,serif!important;color:#29463d!important;margin:0 0 12px!important}
@media(max-width:760px){body.sl-modern #content .content-area-modern{width:calc(100% - 40px)!important;padding:16px 0 20px!important}}
