/* Karma Management Global · shared presentation patch, 12 October 2026. */
:root{--karma-rail:72px;--karma-gap:16px}
.technology-section::before{display:none;content:none}
.site-header .nav-heading,.site-header .nav-toggle{min-height:44px}
.site-header .nav-toggle{min-width:32px}
.site-header .mega-menu{max-height:calc(100dvh - var(--header,100px) - 16px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.site-header .mega-menu a{border-radius:6px}
.site-header .mega-menu a:focus-visible{outline:3px solid #b94720;outline-offset:2px}
.site-header .menu-links>a>span{min-width:0}
.site-header .menu-links strong{line-height:1.4;overflow-wrap:break-word}
@media(min-width:960px){
 .site-header .mega-menu{width:min(1160px,calc(100vw - 112px));padding:24px;grid-template-columns:minmax(0,1fr);gap:20px}
 .site-header .menu-intro{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;padding:16px 20px;min-width:0}
 .site-header .menu-intro p{margin:0;font-size:18px;line-height:1.45;max-width:38ch}
 .site-header .menu-intro .eyebrow{font-size:11px;max-width:none}
 .site-header .menu-intro .text-link{margin:0 0 0 auto;font-size:14px}
 .site-header .menu-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 20px;align-items:stretch}
 .site-header .menu-links>a,.site-header .menu-links>a:last-child{padding:14px 12px;border:1px solid #e2e6eb;gap:12px;min-height:90px}
 .site-header .menu-links strong{font-size:15px}
 .site-header .menu-links small{font-size:13px;margin-top:5px;line-height:1.45}
}
/* Normalise the repeating card components without changing editorial copy. */
.download-card{padding:24px;min-width:0;gap:0}
.download-card .download-cover{display:flex;align-items:center;justify-content:center;aspect-ratio:3/4;overflow:hidden;margin:0 0 20px;background:#f6f7f9}
.download-card .download-cover img{display:block;width:100%;height:100%;object-fit:contain}
.download-card .download-format{font-size:12px;line-height:1.5;margin:0 0 12px}
.download-card h3{font-size:clamp(1.125rem,1.65vw,1.375rem);line-height:1.4;letter-spacing:-.025em;min-height:4.2em;margin:0 0 24px;overflow-wrap:break-word}
.download-card>div{margin-top:auto;align-items:stretch;gap:12px}
.download-card>div>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0;line-height:1.4}
.download-card .text-link{padding:10px 2px;align-self:center}
.article-card,.service-card,.publication-card,.tool-card,.person-card{min-width:0}
.article-card h3,.service-card h3,.publication-card h3,.tool-card h3{overflow-wrap:break-word;text-wrap:pretty}
main p,main li{overflow-wrap:break-word}
main :is(input,select,textarea){max-width:100%}
main :is(h1,h2,h3){text-wrap:pretty}
.button-row{flex-wrap:wrap}
.button-row .button{white-space:normal;text-align:center}
@media(max-width:639px){
 .leadership-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px;align-items:start}
 .leadership-grid .person-card h3{font-size:clamp(1rem,4.2vw,1.25rem);line-height:1.35;letter-spacing:-.015em}
 .leadership-grid .person-card>div{padding-top:14px}
 .leadership-grid .person-card span{font-size:12px;line-height:1.5;margin-top:8px}
 .leadership-grid .person-card p{font-size:14px;line-height:1.6}
 .leadership-grid .person-card>img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}
 .leadership-grid .leadership-bio{margin-top:12px}
 .leadership-grid .leadership-bio summary{min-height:44px;padding:10px 0;font-size:12px}
 .leadership-grid .leadership-link{font-size:12px;min-height:44px;align-items:center}
 .person-text-card>div{padding:16px}
 .page-hero h1{font-size:clamp(2rem,8vw,3rem);line-height:1.16;letter-spacing:-.035em}
 .section-heading h2{font-size:clamp(1.65rem,7vw,2.125rem);line-height:1.22}
 .download-card h3{min-height:0}
}
/* Two compact floating icons; drag position is temporary until refresh. */
/* Clearance for the icons at the page end belongs to the (dark) footer, not the white body. */
body.karma-help-ready{padding-inline-end:0}
/* body.karma-help-ready .site-footer{padding-bottom:112px} */
@media(min-width:960px){body.karma-help-ready .scroll-cue{margin-right:56px}}
body.karma-help-ready .site-header{right:auto}
.karma-help-rail{position:fixed;right:16px;bottom:max(16px,env(safe-area-inset-bottom));width:44px;height:96px;display:flex;flex-direction:column;gap:8px;background:none;border:0;z-index:99}
.karma-help-icon{width:44px;height:44px;min-width:44px;min-height:44px;flex:none;padding:10px;border:1px solid #ffffff80;border-radius:50%;display:grid;place-items:center;background:#111d35;color:white;box-shadow:0 3px 10px #10213a30;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.karma-help-icon svg{width:24px;height:24px;pointer-events:none}
.karma-help-icon{position:relative}
.karma-help-icon img{position:absolute;inset:3px;width:36px;height:36px;max-width:none;border-radius:50%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}
.karma-help-icon::after{content:attr(data-label);position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);white-space:nowrap;padding:7px 10px;border-radius:6px;background:#111d35;color:#fff;font:600 13px/1.4 Arial,sans-serif;box-shadow:0 3px 12px #10213a25;opacity:0;visibility:hidden;pointer-events:none}
.karma-help-rail.labels-right .karma-help-icon::after{right:auto;left:calc(100% + 10px)}
@media(hover:hover){.karma-help-icon:hover::after{opacity:1;visibility:visible}}
.karma-help-icon:focus-visible::after{opacity:1;visibility:visible}
.karma-help-rail.dragging .karma-help-icon::after,.karma-help-icon[aria-expanded=true]::after{opacity:0;visibility:hidden}
.karma-whatsapp-icon{background:#078258}
.karma-help-icon:focus-visible{outline:3px solid #d45c2c;outline-offset:3px}
.karma-help-rail.dragging .karma-help-icon{cursor:grabbing}
.karma-help-drawer .guide-launcher{display:none!important}
.karma-whatsapp-pane{padding:18px;color:#17243a;line-height:1.6}
.karma-whatsapp-pane .whatsapp-float{margin-top:16px}
.karma-dock-settings{padding:12px 18px;border-top:1px solid #e2e6eb;color:#56657a}
.karma-dock-settings button{font:inherit;font-size:12px;text-decoration:underline;background:none;border:0;padding:8px 0;cursor:pointer}
.karma-dock-settings small{display:block;font-size:11px;line-height:1.5}
.karma-help-drawer [hidden]{display:none!important}
.karma-help-close:focus-visible{outline:3px solid #df622e;outline-offset:3px}
.karma-help-drawer{position:fixed;right:calc(var(--karma-rail) + 8px);bottom:16px;z-index:98;width:390px;max-width:calc(100vw - var(--karma-rail) - 24px);max-height:calc(100dvh - var(--header,100px) - 32px);background:#fff;border:1px solid #d8e0eb;border-radius:16px;box-shadow:0 16px 55px #10213a30;overflow:auto;overscroll-behavior:contain}
.karma-help-drawer[hidden]{display:none}
.karma-help-heading{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #e2e6eb;color:#111d35;font-size:16px}
.karma-help-close{min-width:44px;min-height:44px;border:0;background:#f1f4f7;border-radius:50%;font-size:24px;cursor:pointer}
.karma-help-drawer .whatsapp-float{position:static;inset:auto;z-index:auto;flex:1;display:flex!important;align-items:center;justify-content:center;gap:7px;border-radius:10px;padding:12px 10px;min-height:52px;box-shadow:none;font-size:13px;text-decoration:none;margin:16px 0 0}
.karma-help-drawer .guide-launcher img{width:30px;height:30px}
.karma-help-drawer .guide-launcher small{display:none}
.karma-help-drawer .whatsapp-float svg{width:21px;height:21px;flex:none}
.karma-help-drawer .site-guide{position:static;inset:auto;width:100%;max-width:none;max-height:none;border:0;border-radius:0;box-shadow:none}
.karma-help-drawer .site-guide .smera-body{display:block;overflow:visible;min-height:0}
.karma-help-drawer .site-guide .smera-messages{max-height:28dvh;min-height:90px;overflow-y:auto;padding-bottom:20px;scroll-padding-bottom:20px;flex-shrink:0}
.karma-help-drawer .site-guide .smera-suggestions{max-height:none;overflow:visible}
.karma-help-drawer .site-guide #guide-question-form{position:static;background:white;margin:0;flex-shrink:0}
.karma-help-drawer .site-guide #guide-question{font-size:16px;min-height:44px}
.karma-help-drawer .guide-header{flex-shrink:0}
.karma-help-drawer .guide-header{padding:12px 16px}
.karma-help-drawer #guide-close{display:none}
.karma-help-ready #site-guide-root:not([hidden]){display:contents!important}
.karma-help-ready.menu-open .karma-help-rail,.karma-help-ready.menu-open .karma-help-drawer{display:none}
.karma-help-drawer .guide-privacy{font-size:11px}
@media(max-width:1099px){
 body.karma-help-ready{padding-inline-end:0}
 /* body.karma-help-ready .site-footer{padding-bottom:calc(112px + env(safe-area-inset-bottom))} */
 body.karma-help-ready .site-header{right:auto}
 html{scroll-padding-bottom:100px}
 .karma-help-rail{right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:44px;height:96px;background:none}
 .karma-help-drawer{right:12px;bottom:calc(116px + env(safe-area-inset-bottom));width:390px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 128px - var(--header,84px) - env(safe-area-inset-bottom))}
}
@media(min-width:960px) and (hover:hover){.site-header .nav-group:hover>.mega-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}}
@media(prefers-reduced-motion:reduce){.site-header .mega-menu{transition:none}}
@media print{body.karma-help-ready .site-footer{padding-bottom:0}.karma-help-rail,.karma-help-drawer{display:none!important}}
/* Keep testimonial pagination inside its section, with room for touch targets. */
.quote-section .quote-controls{position:static!important;inset:auto!important;transform:none!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:8px;max-width:100%;margin:24px 0}
.quote-section .quote-controls :is(button,label){position:static!important;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;cursor:pointer}
@media(max-width:639px){.quote-layout{grid-template-columns:minmax(0,1fr);gap:28px}.quote-section .quote-controls{max-width:100%;justify-content:flex-start}.quote-stage{min-height:0}.client-quote blockquote{font-size:18px;line-height:1.65}.quote-mark{position:static;display:block;height:36px;font-size:68px}}
.complybytes-brand{white-space:nowrap;text-transform:none!important;font-style:normal}
.complybytes-brand>em{font:inherit;font-style:italic!important;color:inherit}
.bytes-cover b,.bytes-feature>span{font-style:italic;text-transform:lowercase}
.karma-quote-pager{align-items:center;max-width:none!important}
.karma-quote-pager>span{min-width:70px;text-align:center;font-size:14px;font-variant-numeric:tabular-nums}
.karma-quote-pager button:focus-visible,.logo-rail:focus-visible{outline:3px solid #b94720;outline-offset:3px}
/* Preserve the original client-logo loop, duplicate sets and pause control.
   Motion preferences and pause behaviour remain owned by the base site styles. */
@media(max-width:639px){
 .timeline-section .timeline-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;overflow:visible;width:100%;margin-top:28px;border:0}
 .timeline-section .timeline-selector button{display:block;min-width:0;min-height:48px;padding:12px 8px;text-align:center;border:1px solid #bdc9d9;border-radius:6px;font-size:15px}
 .timeline-section .timeline-selector button::after{display:none}
 .timeline-section .timeline-selector button[aria-selected=true]{background:#111d35;color:#fff;border-color:#111d35}
}