/* Shared public-site components. Load after page styles; retain layout and semantic colours. */
:root{--dwx-radius-control:12px;--dwx-radius-card:20px;--dwx-border:#dfe4ee;--dwx-shadow:0 3px 0 #e5e8f0,0 10px 24px #25375008;--dwx-primary:linear-gradient(120deg,#6950e6,#596ce4);--dwx-primary-shadow:0 3px 0 #493ca1,0 8px 20px #6950e620}
:root body :is(.btn,.tool-btn,.scanner-submit,.content-button,.sidebar-cta-btn){border-radius:var(--dwx-radius-control);font-family:inherit;font-size:14px;font-weight:700;line-height:1.5;min-height:46px;padding:12px 20px;text-align:center;text-decoration:none;align-items:center;justify-content:center;gap:10px;max-width:100%;white-space:normal;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}
:root body :is(.btn.primary,.tool-btn,.scanner-submit,.content-button,.sidebar-cta-btn){background:var(--dwx-primary);color:#fff;border:1px solid #6950d5;box-shadow:var(--dwx-primary-shadow)}
:root body main :is(.card,.home-cap,.capability,.dg-panel,.showcase-card,.service-card,.service-tool-card,.blog-card,.article,.case,.ai-card,.local-card,.why,.topic-card,.related-card,.sidebar-card,.tool-card,.tool-workspace-card,.tool-input-card,.tool-output-card,.scanner-card,.tool-placeholder-card){border-radius:var(--dwx-radius-card);border:1px solid var(--dwx-border);box-shadow:var(--dwx-shadow);min-width:0;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
:root body :is(.btn,.tool-btn,.scanner-submit,.content-button,.sidebar-cta-btn):focus-visible{outline:3px solid #9475d8;outline-offset:4px}
:root body main :is(.home-cap,.capability,.showcase-card,.tool-card,.blog-card,.related-card,.article,.case):focus-within{border-color:#b9a4df;box-shadow:0 4px 0 #ded6ed,0 14px 28px #26345112}
@media(hover:hover) and (pointer:fine){
 :root body :is(.btn,.tool-btn,.scanner-submit,.content-button,.sidebar-cta-btn):hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 0 #493ca1,0 12px 24px #6950e630}
 :root body main :is(.home-cap,.capability,.showcase-card,.tool-card,.blog-card,.related-card,.article,.case):hover{transform:translateY(-4px);border-color:#c8bce3;box-shadow:0 4px 0 #ded6ed,0 16px 30px #26345112}
}
:root body :is(.btn,.tool-btn,.scanner-submit,.content-button,.sidebar-cta-btn):disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}
@media(max-width:600px){:root{--dwx-radius-card:16px}:root body :is(.btn,.tool-btn,.scanner-submit,.content-button,.sidebar-cta-btn){font-size:14px;padding:12px 16px}}
@media(prefers-reduced-motion:reduce){:root body :is(.btn,.tool-btn,.scanner-submit,.content-button,.sidebar-cta-btn),:root body main :is(.card,.home-cap,.capability,.dg-panel,.showcase-card,.service-card,.service-tool-card,.blog-card,.article,.case,.ai-card,.local-card,.why,.topic-card,.related-card,.sidebar-card,.tool-card,.tool-workspace-card,.tool-input-card,.tool-output-card,.scanner-card,.tool-placeholder-card){transition:none!important;transform:none!important}}
