/* Tactile controls — smooth raised finish, no hard edges */
html body{--tk-raise:0 1px 2px rgba(20,24,28,.05),0 4px 12px rgba(20,24,28,.07),inset 0 1px 0 rgba(255,255,255,.7);
  --tk-press:inset 0 2px 5px rgba(20,24,28,.09),inset 0 -1px 0 rgba(255,255,255,.55)}
html body .btn{border:1px solid rgba(20,24,28,.05);transition:transform .15s,box-shadow .2s,background .2s}
html body .btn-ghost,html body .btn-secondary{background:linear-gradient(180deg,#fff 0%,#f7f7f9 100%);box-shadow:var(--tk-raise)}
html body .btn-whatsapp{background:linear-gradient(180deg,#f9fdfb 0%,#eaf6ef 100%);border-color:#dcefe3;box-shadow:var(--tk-raise)}
html body .btn-acc{background:linear-gradient(180deg,color-mix(in oklab,var(--acc) 88%,#fff) 0%,var(--acc) 60%,color-mix(in oklab,var(--acc) 92%,#000) 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.22) inset,0 5px 14px var(--acc-soft),0 1px 2px rgba(0,0,0,.08)}
html body .btn-ink{background:linear-gradient(180deg,#353a3f 0%,var(--ink) 65%,#1a1d20 100%);box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 4px 12px rgba(20,24,28,.14)}
html body .btn:hover{transform:translateY(-1px)}
html body .btn:active{transform:translateY(1px);box-shadow:var(--tk-press)}
html body .btn-acc:active,html body .btn-ink:active{box-shadow:inset 0 2px 6px rgba(0,0,0,.22)}

/* Segmented switches: flat track, one soft floating pill — no buttons inside buttons */
html body .hub-toggle,html body .modes-tabs,html body .lang-switch{background:#f1f1f4;border:0;box-shadow:none;gap:4px}
html body .hub-toggle button,html body .modes-tabs button,html body .lang-switch button{background:transparent;box-shadow:none;color:var(--muted);transition:color .2s,background .2s,box-shadow .25s}
html body .hub-toggle button:hover,html body .modes-tabs button:hover,html body .lang-switch button:hover{color:var(--ink)}
html body .hub-toggle button[aria-pressed="true"],html body .modes-tabs button[aria-selected="true"],html body .lang-switch button.on{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(20,24,28,.09),0 3px 9px rgba(20,24,28,.07)}

/* Compact capability buttons on small screens: same raised finish as the main buttons */
@media(max-width:980px){
  html body .cap{border:1px solid rgba(20,24,28,.05);background:linear-gradient(180deg,#fff 0%,#f7f7f9 100%);box-shadow:var(--tk-raise);transition:transform .15s,box-shadow .2s}
  html body .cap-ic{background:#fff}
  html body .cap:active{transform:translateY(1px);box-shadow:var(--tk-press)}
}

/* Toggle switches */
html body .ui-tog{background:linear-gradient(180deg,color-mix(in oklab,var(--acc) 88%,#000),var(--acc));box-shadow:inset 0 1px 3px rgba(0,0,0,.16),0 1px 0 rgba(255,255,255,.8)}
html body .ui-tog::after{background:linear-gradient(180deg,#fff,#f0f0f3);box-shadow:0 1px 3px rgba(0,0,0,.18),inset 0 1px 0 #fff}

/* Remove the pulsing dot/ring before section labels, site-wide */
.ml .sd{display:none!important}