.tab-bar{display:flex;gap:0;border-bottom:2px solid #e8e8e8;margin-bottom:15px}
.tab{flex:1;padding:10px;text-align:center;border:none;background:#f5f5f5;cursor:pointer;font-size:13px;font-weight:700;color:#888;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s}
.tab:hover{color:#3592e2}
.tab.active{background:#fff;color:#3592e2;border-bottom-color:#3592e2}
.tab-content{display:none}
.tab-content.active{display:block}
.formula-display{text-align:center;font-size:14px;color:#888;padding:8px;background:#f9f9f9;border-radius:3px;margin-bottom:10px}
.line-diagram{margin-top:15px;padding:15px;background:#f9f9f9;border-radius:3px}
.line-bar{position:relative;height:30px;background:#eee;border-radius:15px;overflow:hidden;margin:10px 0}
.line-fill{height:100%;border-radius:15px;transition:width .5s;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}
.line-labels{display:flex;justify-content:space-between;font-size:11px;color:#888}
.conversion-table{max-width:800px;margin:15px auto;padding:0 10px}
.conversion-table h3{font-size:14px;color:#333;margin-bottom:10px}
@media(max-width:768px){
  .tab{padding:8px;font-size:12px}
}