.tabs { display: grid; gap: 18px; }
.tab-list { display: flex; flex-wrap: wrap; gap: 10px; }
.tab-button { border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.045); color: var(--cloud-white); border-radius: var(--radius-pill); padding: 10px 14px; transition: color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease); }
.tab-button:hover { color: var(--cyan-glow); border-color: rgba(var(--cyan-glow-rgb),.35); background: rgba(var(--cyan-glow-rgb),.06); }
.tab-button.is-active { color: var(--cyan-glow); border-color: rgba(var(--cyan-glow-rgb),.45); box-shadow: var(--shadow-cyan); }
.tab-panel { display: none; }
.tab-panel.is-active { display: block; animation: fadeIn .25s ease; }