/* Common KONVENTA site header and component baseline; RTT global remains separate */
:root{--kv-header:#081f2a;--kv-accent:#65d8d0;--kv-border:rgba(110,210,207,.32)}
body{padding-top:0!important;background:#081d28!important;color:#e6f6f8}
.kv-unified-header{position:sticky!important;top:0;z-index:80;background:rgba(7,27,37,.97)!important;border-bottom:1px solid var(--kv-border);box-shadow:0 9px 27px rgba(0,0,0,.15);backdrop-filter:blur(12px)}
.kv-unified-header .kv-unified-inner{width:min(1320px,calc(100% - 44px));margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:22px;min-height:85px}
.kv-brand-stack{display:flex;flex-direction:column;flex:0 0 auto;gap:2px;line-height:1.25}
.kv-parent-brand{color:#b0cbd0;font-size:11px;letter-spacing:.04em;text-decoration:none}
.kv-parent-brand span{display:none}
.kv-product-brand{color:#f1ffff;font-size:25px;font-weight:740;letter-spacing:.06em;text-decoration:none}
.kv-desktop-nav{display:flex;align-items:center;gap:clamp(9px,1.5vw,22px);flex-wrap:wrap}
.kv-desktop-nav a{color:#c8dfe1;text-decoration:none;font-size:13px;white-space:nowrap;border-bottom:2px solid transparent;padding:10px 0 8px;font-weight:550}
.kv-desktop-nav a[aria-current="page"]{color:#79e7db;border-color:#60d7ce}
.kv-desktop-nav a:hover,.kv-mobile-menu nav a:hover{color:#8ff9ea}
.kv-nav-search{margin-left:5px;color:#83e2db!important}
.kv-mobile-menu{display:none}.kv-mobile-menu summary{cursor:pointer}
.kv-unified-header a:focus-visible,.kv-unified-header summary:focus-visible{outline:3px solid #96f3e8;outline-offset:4px}
.kv-unified-header+.wrap,.kv-unified-header+main.wrap{padding-top:32px}
main.wrap{max-width:1320px;width:calc(100% - 44px);margin-left:auto;margin-right:auto}
main .kv-new,main .kv-section{scroll-margin-top:110px}
main h1,main h2,main h3{color:#effcfd}
.kv-chapter-teaser{border:1px solid var(--kv-border);background:linear-gradient(150deg,rgba(20,79,90,.35),rgba(9,38,53,.72));border-radius:17px;padding:32px;margin:39px 0}
.kv-chapter-teaser p{max-width:78ch}.kv-teaser-links{display:flex;gap:12px;flex-wrap:wrap}
.kv-section .card,.kv-card,.module,.step,.domain{border-radius:15px!important}
.section-intro{padding:35px 0 10px;border-bottom:1px solid var(--kv-border);margin-bottom:30px}
.section-intro h1{font-size:clamp(33px,3.8vw,54px);letter-spacing:-.035em}
.kv-unified-header+main .hero,.kv-unified-header+main .pain-hero{margin-top:24px}
.chapter-panel{max-width:1320px}
.site-footer{border-top:1px solid var(--kv-border)}
@media(max-width:1050px){
 .kv-desktop-nav{display:none}
 .kv-mobile-menu{display:block;position:relative}
 .kv-mobile-menu summary{border:1px solid rgba(100,212,201,.6);border-radius:9px;padding:12px 15px;color:#ecffff;min-height:44px;font-size:14px;list-style:none}
 .kv-mobile-menu summary::-webkit-details-marker{display:none}
 .kv-mobile-menu[open] nav{position:absolute;right:0;top:calc(100% + 8px);width:min(320px,calc(100vw - 40px));max-height:75vh;overflow-y:auto;display:grid;gap:0;background:#0a2c3a;border:1px solid var(--kv-border);border-radius:12px;box-shadow:0 12px 30px #0008;padding:8px}
 .kv-mobile-menu nav a{padding:12px 11px;min-height:44px;text-decoration:none;color:#dbf2f2;font-size:14px;border-bottom:1px solid #ffffff16}
 .kv-mobile-menu nav a[aria-current="page"]{color:#84f1e5;background:#144452;border-radius:7px}
}
@media(max-width:540px){
 .kv-unified-header .kv-unified-inner{min-height:73px;width:calc(100% - 30px)}
 .kv-product-brand{font-size:21px}.kv-parent-brand{font-size:10px}
 main.wrap{width:calc(100% - 32px)}.kv-chapter-teaser{padding:21px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Consistent turquoise KONVENTA active navigation (orange belongs only to RTT brand). */
.kv-unified-header .kv-desktop-nav a[aria-current="page"],.kv-unified-header .kv-mobile-menu nav a[aria-current="page"]{color:#7de9e0!important;border-bottom-color:#67dfd5!important}
.kv-unified-header .kv-product-brand{color:#f4ffff!important}
.kv-unified-header .kv-parent-brand{color:#c7dcdf!important}
/* Subpages retain their editorial hero images but no longer consume an entire screen just for the headline. */
main .glass-hero.hero{min-height:0!important;padding-top:44px!important;padding-bottom:38px!important;margin-top:5px!important}
main .glass-hero.hero h1{font-size:clamp(34px,4.35vw,60px)!important;line-height:1.13!important;max-width:1000px;overflow-wrap:anywhere}
main .glass-hero.hero img{max-height:470px;width:auto;max-width:100%;object-fit:contain}
.kv-mobile-menu nav a[aria-current="page"]{background:#174b55}
@media(max-width:750px){main .glass-hero.hero{padding:25px 0!important}main .glass-hero.hero h1{font-size:clamp(32px,7.1vw,44px)!important}main .glass-hero.hero img{max-height:300px}}