/* Shared stroke icons, aligned to the text rather than platform emoji baselines. */
body[data-draft] .ui-icon{display:inline-block;width:1em;height:1em;min-width:1em;vertical-align:-.12em;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
body[data-draft] .draft-header :is(.draft-contact,.chat-launch,.draft-mobile,.draft-nav-expand){align-items:center;justify-content:center;line-height:1.2;box-sizing:border-box}
body[data-draft] .draft-header :is(.draft-contact,.chat-launch,.draft-mobile){min-height:46px;gap:10px}
body[data-draft] .draft-header .draft-nav-expand{display:inline-flex}
body[data-draft] .draft-header .draft-contact span{display:inline-flex;align-items:center;justify-content:center;line-height:1}
body[data-draft] .draft-experience .panel{will-change:auto}
body[data-draft] :is(.draft-type-wrap,.draft-type-output,.draft-type-reserve){font:inherit;letter-spacing:inherit;color:inherit}
@media(max-width:980px){
 body[data-draft] .draft-header{gap:10px}
 body[data-draft] .draft-header :is(.draft-mobile,.chat-launch,.draft-contact){display:inline-flex;height:46px;min-height:46px;padding:0 12px;font-size:14px;line-height:1.2;text-align:center;margin-block:0}
 body[data-draft] .draft-header #draft-nav .draft-nav-page{display:flex;align-items:center;min-height:56px}
 body[data-draft] .draft-header #draft-nav .draft-nav-expand{width:44px!important;height:44px!important;min-height:44px!important;flex-basis:44px!important;align-self:center;padding:0!important}
 body[data-draft].mobile-nav-open .draft-mobile{padding:0 20px}
}
@media(max-width:360px){
 body[data-draft] .draft-header{gap:6px;padding-inline:12px}
 body[data-draft] .draft-header :is(.draft-mobile,.chat-launch,.draft-contact){padding-inline:9px;font-size:13px;gap:6px}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 a>.ui-icon,button>.ui-icon{transition:translate .18s ease}
 a:hover>.ui-icon,button:hover>.ui-icon{translate:2px 0}
}
@media(prefers-reduced-motion:reduce){
 body[data-draft] .ui-icon{transition:none!important}
 body[data-draft] .draft-experience .panel{transform:none!important;filter:none!important}
}
/* Legacy generated arrows use the same stroke geometry as inline controls. */
body[data-draft] :is(.stagger-card-caps li,.svc-card-caps li,.service-detail-item)::before{content:'';display:inline-block;width:1em;height:1em;flex:0 0 1em;background:currentColor;vertical-align:-.1em;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h16m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
body[data-draft] .product-orbits button::after{content:'';width:1em;height:1em;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19 19 5M5 5h14v14' fill='none' stroke='black' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}

/* Custom highlights paint only the not-yet-typed glyphs transparent. Layout,
   kerning, inline emphasis and accessible text remain the original DOM. */
::highlight(adaptal-untyped){color:transparent;text-shadow:none;text-decoration:none}

/* Directory wrappers use display:contents, so their z-index cannot lift text
   above legacy full-card overlays. Keep feedback on the card surface instead. */
body[data-draft] :is(.case-card,.ind-card)::after{display:none!important}
body[data-draft] :is(.case-card,.ind-card):is(:hover,:focus-within){background-color:#edf2eb;border-color:#6b8a78}
body[data-draft] :is(.case-card,.ind-card) :is(.case-client,.ind-name){color:#203c30!important}
body[data-draft] :is(.case-card,.ind-card) :is(.case-outcome,.ind-desc){color:#48614f!important}
body[data-draft] :is(.case-card,.ind-card) :is(.case-industry,.case-date,.case-stat,.ind-count){color:#4d6957!important}
body[data-draft] .ind-card:hover svg{color:#203c30!important}
body[data-draft] .case-card .case-arrow{color:#203c30}
body[data-draft] :is(a.case-card,a.ind-card):focus-visible{outline:3px solid #315afa;outline-offset:4px}
body[data-draft].work-index a.case-card .case-arrow{color:#fff}
