/* Genius Desk action marks: one original mask, one geometry and one motion.
   Scoped important declarations replace legacy per-section ID overrides only
   inside interactive actions. Advertiser examples and decorative signs retain
   their own visual system. */
:root{--gd-clasp-size:31px;--gd-clasp-gap:16px;--gd-clasp-motion:2px}
body :is(a,button,summary,[role="button"]) :is(.brand-clasp,.gn-clasp){
 position:relative!important;display:inline-block!important;flex:0 0 var(--gd-clasp-size)!important;
 width:var(--gd-clasp-size)!important;height:var(--gd-clasp-size)!important;
 min-width:var(--gd-clasp-size)!important;max-width:var(--gd-clasp-size)!important;
 min-height:var(--gd-clasp-size)!important;max-height:var(--gd-clasp-size)!important;
 padding:0!important;margin:0!important;border:0!important;border-radius:0!important;
 background:transparent!important;box-shadow:none!important;filter:none!important;
 align-self:center!important;vertical-align:middle;line-height:1!important;
 transform:none!important;overflow:visible!important;
}
body :is(a,button,summary,[role="button"]) :is(.brand-clasp,.gn-clasp)::before,
body :is(a,button,summary,[role="button"]) :is(.brand-clasp,.gn-clasp)::after{
 content:""!important;position:absolute!important;display:block!important;top:50%!important;bottom:auto!important;
 width:10px!important;height:18px!important;margin:0!important;padding:0!important;
 border:0!important;border-radius:0!important;background:currentColor!important;
 mask:url("./design-assets/tiposka_brace.svg") center/contain no-repeat!important;
 -webkit-mask:url("./design-assets/tiposka_brace.svg") center/contain no-repeat!important;
 opacity:1!important;transform-origin:center!important;
 transition:transform .3s cubic-bezier(.2,.7,.25,1)!important;
}
body :is(a,button,summary,[role="button"]) :is(.brand-clasp,.gn-clasp)::before{
 left:4px!important;right:auto!important;transform:translateY(-50%) scaleX(-1)!important;
}
body :is(a,button,summary,[role="button"]) :is(.brand-clasp,.gn-clasp)::after{
 right:4px!important;left:auto!important;transform:translateY(-50%)!important;
}
/* Keep the same label/sign spacing in tabs, summaries and nested card actions,
   while preserving their existing flex/grid layout and distribution. */
body :is(a,button,summary,[role="button"]):has(>:is(.brand-clasp,.gn-clasp)),
body :is(a,button,summary,[role="button"]) :has(>:is(.brand-clasp,.gn-clasp)){
 align-items:center!important;column-gap:var(--gd-clasp-gap)!important;
}
/* Labels and signs align on the same centre line, including nested card actions. */
body :is(.button,.text-action,.iv-link,.iv-plan-action,.ws-link,.ws-card-action,
 .gd-practice-action,.ctv-practice-action,.ctv-strategy-link,.pp-agency-link,
 .hc-ai-blog-action,.hc-report-blog-action,.pl-mode-bottom,.qx-link,.qx-expand,
 .gn-contact,.gn-open-site,.gg-send):has(>:is(.brand-clasp,.gn-clasp)){
 display:inline-flex;align-items:center!important;column-gap:var(--gd-clasp-gap)!important;row-gap:8px;
}
body :is(.button,.gg-send,.gn-contact,.gn-open-site):has(>:is(.brand-clasp,.gn-clasp)){
 justify-content:center!important;padding-inline:20px!important;
}
body :is(.text-action,.iv-link,.iv-plan-action,.ws-link,.ws-card-action,.gd-practice-action,
 .ctv-practice-action,.ctv-strategy-link,.pp-agency-link,.hc-ai-blog-action,.hc-report-blog-action,
 .qx-link,.qx-expand):has(>.brand-clasp){justify-content:flex-start!important}
body .button:has(>.brand-clasp)>.button-label{min-width:0;line-height:1.35}
body :is(a,button,summary,[role="button"]):focus-visible :is(.brand-clasp,.gn-clasp)::before{
 transform:translate(var(--gd-clasp-motion),-50%) scaleX(-1)!important;
}
body :is(a,button,summary,[role="button"]):focus-visible :is(.brand-clasp,.gn-clasp)::after{
 transform:translate(calc(-1 * var(--gd-clasp-motion)),-50%)!important;
}
@media(hover:hover) and (pointer:fine){
 body :is(a,button,summary,[role="button"]):hover :is(.brand-clasp,.gn-clasp)::before{
  transform:translate(var(--gd-clasp-motion),-50%) scaleX(-1)!important;
 }
 body :is(a,button,summary,[role="button"]):hover :is(.brand-clasp,.gn-clasp)::after{
  transform:translate(calc(-1 * var(--gd-clasp-motion)),-50%)!important;
 }
}
@media(prefers-reduced-motion:reduce){
 :root{--gd-clasp-motion:0px}
 body :is(a,button,summary,[role="button"]) :is(.brand-clasp,.gn-clasp)::before,
 body :is(a,button,summary,[role="button"]) :is(.brand-clasp,.gn-clasp)::after{transition:none!important}
}