/* Studio type switcher, shared by the 3D, 2D and audio studios. */
.studio-kinds{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-24);background:var(--c-ink);border-bottom:1px solid var(--ws-line);overflow-x:auto;scrollbar-width:none}
.studio-kinds::-webkit-scrollbar{display:none}
.studio-kinds-label{font:10px var(--ws-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ws-muted);margin-right:var(--space-4);flex:none}
.studio-kinds a{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 var(--space-16);border:1px solid var(--ws-line);border-radius:var(--ws-radius-pill);color:var(--ws-text);text-decoration:none;font-size:var(--text-13);white-space:nowrap;background:var(--ws-panel)}
.studio-kinds a:hover{border-color:var(--ws-muted)}
.studio-kinds a:focus-visible{outline:2px solid var(--ws-accent);outline-offset:2px}
.studio-kinds a[aria-current=page]{border-color:var(--ws-accent);color:var(--ws-accent);background:color-mix(in srgb,var(--ws-accent) 14%,var(--ws-panel));font-weight:700}
@media(max-width:850px){.studio-kinds{padding:var(--space-8) var(--space-16);gap:var(--space-4) var(--space-4);flex-wrap:wrap}.studio-kinds a{padding:0 var(--space-12);font-size:var(--text-12)}}
.studio-kinds-soon{flex:none;display:inline-flex;align-items:center;gap:var(--space-8);min-height:44px;padding:0 var(--space-16);border:1px dashed var(--ws-line);border-radius:var(--ws-radius-pill);color:var(--ws-muted);font-size:var(--text-13);white-space:nowrap;cursor:default}
.studio-kinds-soon small{font:9px var(--ws-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ws-muted)}
@media(max-width:850px){.studio-kinds-soon{padding:0 var(--space-12);font-size:var(--text-12)}}
/* Inside the task nav row: no strip chrome; the row already has it. */
.journey-nav .studio-kinds{padding:0;border:0;background:none;gap:var(--space-8);min-width:0}
.journey-nav .studio-kinds a{text-decoration:none;font:400 var(--text-13) var(--ws-font)}
.journey-nav .studio-kinds a[aria-current=page]{font-weight:700}
@media(max-width:1150px){.journey-nav .studio-kinds{order:3;flex-basis:100%}}
@media(max-width:850px){.journey-nav .studio-kinds{gap:var(--space-4)}.journey-nav .studio-kinds a{font-size:var(--text-12)}}
.journey-nav>a:first-child{margin-right:0}.journey-nav .studio-kinds{margin-right:auto}
@media(max-width:1150px){.journey-nav>a:first-child{margin-right:auto}.journey-nav .studio-kinds{margin-right:0}}