.wcst { width: 100%; }
.wcst__nav { display:flex; flex-wrap:wrap; gap:12px; margin:0 0 16px; }
.wcst__nav--left { justify-content:flex-start; }
.wcst__nav--center { justify-content:center; }
.wcst__nav--right { justify-content:flex-end; }
.wcst__tab { appearance:none; cursor:pointer; border:1px solid #d6dce5; background:#fff; color:#193258; padding:12px 24px; border-radius:10px; font:inherit; line-height:1.3; transition:background-color .2s ease,color .2s ease,border-color .2s ease; }
.wcst__tab:hover { border-color:#193258; }
.wcst__tab:focus-visible { outline:2px solid #0e77ee; outline-offset:3px; }
.wcst__tab[aria-selected="true"] { background:#193258; color:#fff; border-color:#193258; }
.wcst__panel[hidden] { display:none !important; }
.wcst__panel { min-width:0; }
.wcst__hint { padding:12px; border:1px dashed #b9c4d2; border-radius:6px; color:#5b6573; }
@media (max-width:767px) { .wcst__nav { gap:8px; } .wcst__tab { flex:1 1 auto; } }