/* A single quiet selection bar with four equal work-area fields. */
.showcase-home.site-design .showcase-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px;border:1px solid #ffffff42;border-radius:24px;background:#0c2d36db;backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%);box-shadow:inset 0 1px 0 #ffffff12,0 8px 24px #001c2420}
.showcase-home.site-design .showcase-controls .showcase-tabs button.showcase-tab{border-radius:17px!important}
.showcase-home.site-design .showcase-tab{display:flex;flex-direction:row;align-items:center;justify-content:center;text-align:center;min-width:0;min-height:76px;padding:16px 18px;background:#ffffff03;border:1px solid transparent;color:#fff;font-size:17px;font-weight:650;line-height:1.3;letter-spacing:0;backdrop-filter:none;-webkit-backdrop-filter:none;text-shadow:none;box-shadow:none;transition:background .18s,border-color .18s,color .18s,box-shadow .18s}
.showcase-home.site-design .showcase-tab>span:not(.showcase-progress){display:block;min-width:0;max-width:100%;overflow-wrap:normal;word-break:normal;hyphens:none}
.showcase-home.site-design .showcase-tab[aria-selected="true"]{background:#fff;border-color:#fff;color:#123e46;font-weight:700;box-shadow:0 2px 7px #001d2926,inset 0 1px 0 #ffffff99}
.showcase-home.site-design .showcase-tab:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media(hover:hover) and (pointer:fine){
 .showcase-home.site-design .showcase-tab:not([aria-selected="true"]):hover{background:#ffffff12;border-color:#ffffff29;color:#fff}
 .showcase-home.site-design .showcase-tab[aria-selected="true"]:hover{background:#fff;border-color:#fff}
}
.showcase-home.site-design .showcase-tab:active{background:#ffffff1c}
.showcase-home.site-design .showcase-tab[aria-selected="true"]:active{background:#fff}
@media(max-width:1100px){.showcase-home.site-design .showcase-tab{padding:14px 12px;font-size:16px}}
@media(max-width:760px){
 .showcase-home.site-design .showcase-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px;border-radius:24px}
 .showcase-home.site-design .showcase-tab{min-height:64px;padding:10px;font-size:16px;line-height:1.25}
 .showcase-home.site-design .showcase-content{padding-bottom:213px}
}
@media(prefers-reduced-transparency:reduce){.showcase-home.site-design .showcase-tabs{background:#0c2d36;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.showcase-home.site-design .showcase-tab{transition:none}}