:root{--page-background: #f8fafc;--page-text: #0f172a;--page-muted: #475569;--surface: rgba(255,255,255,0.85);--surface-border: rgba(15,23,42,0.08)}*{box-sizing:border-box}body.tabs-page{margin:0;min-height:100vh;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;color:var(--page-text);background:radial-gradient(circle at top right, rgba(245, 158, 11, 0.15), transparent 32%),linear-gradient(180deg, #fff, var(--page-background))}.page-shell{width:min(1100px,100% - 2rem);margin:0 auto;padding:3rem 0 4rem}.page-header{max-width:56rem;margin-bottom:2rem}.eyebrow,.demo-label{margin:0 0 .6rem;color:#b45309;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{font-size:clamp(2.4rem,5vw,4rem);line-height:.95}h2{font-size:1.45rem}.page-copy,.demo-copy{margin-top:.9rem;color:var(--page-muted);line-height:1.7}.demo-grid{display:grid;gap:1.25rem}.demo-card{display:grid;gap:1.2rem;padding:1.5rem;border:1px solid var(--surface-border);border-radius:1.25rem;background:var(--surface);box-shadow:0 20px 35px rgba(15,23,42,.08)}@keyframes fadein{from{opacity:0}to{opacity:1}}.navigation-tabs-css__base{display:flex;flex-direction:column;justify-content:center;align-items:center}.navigation-tabs-css__tabs-list{display:flex;flex-direction:row;justify-content:center;align-items:center;column-gap:8px;margin:0;padding:0;list-style:none}.navigation-tabs-css__tabs-list>li{list-style:none}.navigation-tabs-css__tab{padding:16px;margin-bottom:8px;display:inline-block;background:#1f1f1f;color:#eee;cursor:pointer;border-radius:3px 3px 0 0}.navigation-tabs-css__panels-list{padding:32px;min-height:200px;width:100%;border-radius:3px;overflow:hidden}.navigation-tabs-css__panel{display:none;animation:fadein .8s}.navigation-tabs-css__radio{display:none}.navigation-tabs-css__radio--one:checked~.navigation-tabs-css__panels-list .navigation-tabs-css__panel--one,.navigation-tabs-css__radio--two:checked~.navigation-tabs-css__panels-list .navigation-tabs-css__panel--two,.navigation-tabs-css__radio--three:checked~.navigation-tabs-css__panels-list .navigation-tabs-css__panel--three{display:block}.navigation-tabs-css__radio--one:checked~.navigation-tabs-css__tabs-list .navigation-tabs-css__tab--one,.navigation-tabs-css__radio--two:checked~.navigation-tabs-css__tabs-list .navigation-tabs-css__tab--two,.navigation-tabs-css__radio--three:checked~.navigation-tabs-css__tabs-list .navigation-tabs-css__tab--three{background:#eee;color:#1f1f1f;border-top:3px solid #1f1f1f;border-bottom:1px solid #1f1f1f}.navigation-tabs-js__base{display:flex;flex-direction:column;justify-content:center;align-items:center}.navigation-tabs-js__tab-list{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-bottom:16px;column-gap:16px;list-style:none;padding:0}.navigation-tabs-js__panel{display:none;border:1px solid #c6e6ff;border-radius:.55rem;padding:1rem;background:#fff}.navigation-tabs-js__panel.is-active{display:block}.navigation-tabs-js__tab-button{border:1px solid #1f1f1f;background:#fff;color:#1f1f1f;border-radius:.45rem;padding:.65rem .95rem;cursor:pointer;font:inherit;font-weight:600}.navigation-tabs-js__tab-button.is-active{background:#1f1f1f;color:#fff}.navigation-tabs-js__panels{margin:0;padding:0;list-style:none}.tab-menu ul li a.active-a{background-color:#588d7d;color:#fff}.tab h2{color:rgba(0,0,0,.7)}.tab p{color:rgba(0,0,0,.6);text-align:justify}.active{display:block}