/* Shared title hierarchy. Titles get the available width, never a narrow flex column. */
body main h1{font-family:Akrobat,Arial,sans-serif!important;font-size:clamp(48px,6.5vw,92px)!important;font-weight:800!important;line-height:1.06!important;letter-spacing:-.015em!important;text-transform:uppercase;max-width:100%!important;white-space:normal!important;overflow-wrap:normal;word-break:normal;hyphens:none}
body main h2{font-family:Akrobat,Arial,sans-serif!important;font-size:clamp(34px,3.4vw,48px)!important;font-weight:800!important;line-height:1.12!important;letter-spacing:-.015em!important;text-transform:uppercase;max-width:100%!important;white-space:normal!important;overflow-wrap:normal;word-break:normal;hyphens:none}
body main h3{font-family:Akrobat,Arial,sans-serif!important;font-size:clamp(26px,2.1vw,32px)!important;font-weight:700!important;line-height:1.18!important;letter-spacing:0!important;text-transform:uppercase;white-space:normal!important;overflow-wrap:normal;word-break:normal;hyphens:none}
body main :is(h1,h2,h3) em{font:inherit;letter-spacing:inherit;display:inline}
body main .section-heading{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:18px!important;width:100%;margin-bottom:32px}
body main .section-heading>div{flex:none!important;width:100%!important;max-width:none!important;min-width:0}
body main .section-heading>p{width:100%!important;max-width:78ch!important;margin:0!important;flex:none!important}
body main .section-heading :is(h1,h2){width:100%!important;max-width:none!important;margin-bottom:0}
body main :is(h1,h2,h3){height:auto;min-height:0;overflow:visible}
/* Native details remain usable even without JavaScript. */
body .header #navigation{gap:clamp(12px,1.3vw,22px);align-items:center}
body .header .nav-category78{position:relative;flex:none}
body .header .nav-category78>summary{list-style:none;cursor:pointer;font:inherit;font-size:15px;font-weight:400;white-space:nowrap;display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 0;text-transform:none}
body .header .nav-category78>summary::-webkit-details-marker{display:none}
body .header .nav-category78>summary::after{content:"";width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin-top:-4px;transition:transform .15s}
body .header .nav-category78[open]>summary::after{transform:rotate(225deg);margin-top:3px}
body .header .nav-panel78{position:absolute;top:100%;left:-18px;width:280px;max-width:calc(100vw - 32px);padding:12px;background:#fff;color:#1d4d48;border:1px solid #dce5e2;box-shadow:0 12px 30px #102c2524;z-index:120;max-height:calc(100dvh - 130px);overflow:auto}
body .header .nav-panel78>a{display:flex;align-items:center;min-height:44px;padding:10px 12px;font:400 15px/1.4 Helvetica,Arial,sans-serif;text-transform:none;text-decoration:none;border:0;white-space:normal}
body .header .nav-panel78>a:hover,body .header .nav-panel78>a:focus-visible{background:#edf4ef;color:#1d4d48}
body .header .nav-category78>summary:focus-visible{outline:2px solid currentColor;outline-offset:4px}
body .header #navigation>a{min-height:44px;display:flex;align-items:center;text-transform:none}
@media(max-width:1250px){
 body .header .menu{display:block;min-width:44px;min-height:44px}
 body .header #navigation{display:none;position:absolute;top:100%;left:0;right:0;padding:16px 24px;background:#1d4d48;color:#fff;z-index:110;max-height:calc(100dvh - 96px);overflow:auto}
 body .header #navigation.open{display:flex;flex-direction:column;align-items:stretch;gap:0}
 body .header .nav-category78{width:100%;border-bottom:1px solid #ffffff24}
 body .header .nav-category78>summary{justify-content:space-between;min-height:48px;padding:12px 0}
 body .header .nav-panel78{position:static;width:100%;max-width:none;max-height:none;box-shadow:none;margin:0 0 12px;padding:8px;border:0}
 body .header #navigation>a{padding:12px 0}
}
@media(max-width:700px){
 body main h1{font-size:clamp(40px,8.5vw,58px)!important;line-height:1.08!important}
 body main h2{font-size:clamp(30px,6.5vw,36px)!important;line-height:1.14!important}
 body main h3{font-size:26px!important;line-height:1.2!important}
 body main .section-heading{gap:16px!important;margin-bottom:26px}
 body main :is(h1,h2,h3){overflow-wrap:break-word}
}
@media(prefers-reduced-motion:reduce){body .header .nav-category78>summary::after{transition:none}}