.code-tabs{margin:1.5em 0}.code-tabs .tab-nav{display:flex;border-bottom:1px solid var(--border-color,#ddd);margin-bottom:0;gap:4px}.code-tabs .tab-nav button{padding:8px 16px;border:none;background:var(--tab-bg,#f5f5f5);cursor:pointer;font-weight:600;font-size:.9em;border-radius:4px 4px 0 0;color:var(--text-color,#333);transition:background .15s ease}.code-tabs .tab-nav button:hover{background:var(--tab-hover-bg,#e8e8e8)}.code-tabs .tab-nav button.active{background:var(--accent-color,#007acc);color:#fff}.code-tabs .tab-content{display:none}.code-tabs .tab-content.active{display:block}.code-tabs .tab-content>pre,.code-tabs .tab-content>div.highlight{margin-top:0;border-radius:0 0 4px 4px}