/* LCP Fix */
h1, .page-h1 {
  font-display: swap;
  -webkit-font-smoothing: antialiased;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,Tahoma,sans-serif;background:#dce3ea;color:#333;font-size:13px;}
#header{background:linear-gradient(180deg,#1a3a5c 0%,#0d2b4a 100%);border-bottom:3px solid #f90;}
#header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:8px 15px;flex-wrap:wrap;gap:10px;}
.logo{display:flex;align-items:center;gap:4px;}
.logo span.calc{font-size:22px;font-weight:700;color:#fff;letter-spacing:-0.5px;}
.logo span.net{font-size:22px;font-weight:700;color:#f90;}
#header-search{display:flex;align-items:center;gap:6px;}
#header-search input{width:220px;padding:5px 8px;border:2px solid #f90;border-radius:3px 0 0 3px;font-size:13px;outline:none;}
#header-search button{background:#f90;border:none;padding:6px 12px;border-radius:0 3px 3px 0;cursor:pointer;font-weight:700;color:#333;font-size:13px;}
#header-search button:hover{background:#e8890a;}
#header-nav{background:#1e4976;border-bottom:1px solid #0d2b4a;overflow-x:auto;}
#header-nav-inner{max-width:1200px;margin:0 auto;display:flex;gap:0;min-width:min-content;}
#header-nav a{color:#cde;text-decoration:none;padding:6px 14px;font-size:12px;display:block;border-right:1px solid #0d3560;white-space:nowrap;}
#header-nav a:hover{background:#f90;color:#333;}
#wrapper{max-width:1200px;margin:0 auto;padding:15px;display:flex;gap:20px;flex-wrap:wrap;}
#left-col{width:200px;flex-shrink:0;}
#main-col{flex:1;min-width:0;}
#right-col{width:180px;flex-shrink:0;}
.left-box{background:#fff;border:1px solid #b8c8d8;border-radius:3px;margin-bottom:8px;overflow:hidden;}
.left-box-title{background:linear-gradient(180deg,#3273b0 0%,#1e5a9c 100%);color:#fff;font-size:12px;font-weight:700;padding:5px 8px;text-transform:uppercase;letter-spacing:0.3px;}
.left-box ul{list-style:none;padding:4px 0;}
.left-box ul li a{display:block;padding:3px 8px;color:#1a5276;text-decoration:none;font-size:12px;border-bottom:1px solid #f0f4f8;}
.left-box ul li a:hover{background:#e8f0f8;color:#c0392b;}
.calc-top-bar{background:#fff;border:1px solid #b8c8d8;border-radius:3px;padding:10px;margin-bottom:8px;}
.sci-calc-wrap{width:100%;}
.new-calc-display-wrap{background:#3a5a7c;padding:6px 10px;border-radius:3px;margin-bottom:8px;}
.new-calc-history{color:#aac8e8;font-size:11px;text-align:right;min-height:15px;}
.new-calc-display{color:#fff;font-family:'Courier New',monospace;font-size:22px;text-align:right;min-height:34px;word-break:break-all;}
.new-calc-table{border-collapse:separate;border-spacing:3px;width:100%;}
.new-calc-table td{padding:0;}
.ncb{width:100%;padding:5px 3px;font-size:12px;border:1px solid #999;border-radius:2px;cursor:pointer;text-align:center;background:linear-gradient(180deg,#f0f0f0,#d8d8d8);color:#333;font-family:'Roboto',Arial,sans-serif;font-weight:500;}
.ncb:hover{background:linear-gradient(180deg,#e0e8f8,#c8d8ec);border-color:#3273b0;}
.ncb:active{transform:scale(0.96);}
.ncb.op{background:linear-gradient(180deg,#f8e8d0,#e8c898);border-color:#c89040;color:#5a3000;}
.ncb.eq{background:linear-gradient(180deg,#4a90d9,#2e6db0);border-color:#1e5a9c;color:#fff;font-weight:700;}
.ncb.fn{background:linear-gradient(180deg,#e8f0f8,#c8d8e8);border-color:#6090c0;color:#1a3a5c;font-size:11px;}
.ncb.clr{background:linear-gradient(180deg,#f8d0d0,#e89898);border-color:#c04040;color:#7a0000;}
.ncb.mem{background:linear-gradient(180deg,#e8f0e0,#c8d8b8);border-color:#70a050;color:#1a4a10;}
.ncb.num{background:linear-gradient(180deg,#f8f8f8,#e8e8e8);border-color:#aaa;color:#222;}
.deg-rad-wrap{display:flex;align-items:center;gap:8px;padding:2px 4px;}
.deg-rad-wrap label{display:flex;align-items:center;gap:3px;font-size:12px;color:#333;cursor:pointer;font-family:'Roboto',Arial,sans-serif;}
.cat-icons{background:#fff;border:1px solid #b8c8d8;border-radius:3px;padding:12px 10px;margin-bottom:8px;}
.cat-icons-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.cat-icon-item{text-align:center;cursor:pointer;padding:8px 4px;border-radius:4px;transition:background .2s;}
.cat-icon-item:hover{background:#e8f0f8;}
.cat-icon-img{width:60px;height:60px;border-radius:50%;border:2px solid #b8c8d8;background:#dce3ea;display:flex;align-items:center;justify-content:center;margin:0 auto 6px;font-size:24px;}
.cat-icon-item h4{font-size:12px;font-weight:700;color:#1a3a5c;margin-bottom:2px;}
.cat-icon-item p{font-size:11px;color:#666;}
.cat-section{background:#fff;border:1px solid #b8c8d8;border-radius:3px;margin-bottom:8px;overflow:hidden;}
.cat-section-title{background:linear-gradient(180deg,#3273b0 0%,#1e5a9c 100%);color:#fff;font-size:13px;font-weight:700;padding:6px 10px;display:flex;align-items:center;gap:6px;}
.cat-section-body{padding:10px;}
.calc-links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;}
.calc-link{display:block;padding:4px 8px;color:#1a5276;text-decoration:none;font-size:12px;border-bottom:1px solid #f0f4f8;border-right:1px solid #f0f4f8;transition:background .15s;}
.calc-link:hover{background:#e8f0f8;color:#c0392b;}
.calc-panel{display:none;background:#fff;border:1px solid #b8c8d8;border-radius:3px;margin-bottom:8px;}
.calc-panel.active{display:block;}
.calc-panel-title{background:linear-gradient(180deg,#3273b0 0%,#1e5a9c 100%);color:#fff;font-size:14px;font-weight:700;padding:8px 12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.calc-panel-title .back-btn{background:rgba(255,255,255,0.2);border:none;color:#fff;padding:2px 8px;border-radius:2px;cursor:pointer;font-size:11px;margin-left:auto;}
.calc-panel-body{padding:16px;}
.form-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:10px;}
.form-group{display:flex;flex-direction:column;gap:3px;flex:1;min-width:140px;}
.form-group label{font-size:12px;font-weight:600;color:#1a3a5c;}
.form-group input,.form-group select{padding:5px 8px;border:1px solid #aac0d8;border-radius:3px;font-size:13px;outline:none;width:100%;}
.btn-calc{background:linear-gradient(180deg,#3273b0 0%,#1e5a9c 100%);color:#fff;border:1px solid #1a4a80;padding:7px 20px;border-radius:3px;cursor:pointer;font-size:13px;font-weight:600;}
.btn-reset{background:linear-gradient(180deg,#f0f0f0 0%,#d8d8d8 100%);color:#555;border:1px solid #aaa;padding:7px 14px;border-radius:3px;cursor:pointer;font-size:12px;}
.result-box{background:#f0f7ff;border:1px solid #b0c8e0;border-radius:3px;padding:10px 14px;margin-top:12px;}
.result-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid #d8e8f0;font-size:13px;flex-wrap:wrap;gap:5px;}
.result-row:last-child{border-bottom:none;font-weight:700;font-size:14px;color:#1a5276;}
.result-highlight{background:linear-gradient(135deg,#1e5a9c,#3273b0);color:#fff;border-radius:3px;padding:10px 14px;margin-top:10px;font-size:16px;font-weight:700;text-align:center;}
.right-box{background:#fff;border:1px solid #b8c8d8;border-radius:3px;margin-bottom:8px;overflow:hidden;}
.right-box-title{background:linear-gradient(180deg,#3273b0 0%,#1e5a9c 100%);color:#fff;font-size:11px;font-weight:700;padding:4px 8px;text-transform:uppercase;}
.right-box-body{padding:8px;}
.related-link{display:block;color:#1a5276;text-decoration:none;font-size:11px;padding:2px 0;border-bottom:1px solid #f0f4f8;}
.related-link:hover{color:#c0392b;}
#footer{background:#2c3e50;color:#aaa;text-align:center;padding:12px;font-size:11px;margin-top:10px;}
.content-section{background:#fff;border:1px solid #b8c8d8;border-radius:5px;padding:25px;margin-bottom:20px;}
.content-section h2{font-size:1.1rem;color:#1a3a5c;margin:20px 0 12px 0;padding-bottom:6px;border-bottom:1px solid #e0e0e0;}
.content-section h3{font-size:1rem;color:#1a3a5c;margin:15px 0 10px 0;}
.content-section p{font-size:13px;color:#444;line-height:1.7;margin-bottom:12px;text-align:justify;}
.content-section ul, .content-section ol{margin:10px 0 15px 25px;}
.content-section li{font-size:13px;color:#444;line-height:1.6;margin-bottom:5px;text-align:justify;}
.content-section strong{color:#1a3a5c;}
@media (max-width: 768px) {
  #header-inner {flex-direction: row !important;justify-content: space-between !important;align-items: center !important;gap: 8px;}
  .logo span.calc {font-size: 16px;}
  #header-search input {width: 140px;padding: 4px 6px;font-size: 11px;}
  #header-search button {padding: 4px 8px;font-size: 11px;}
  #wrapper {flex-direction: column !important;gap: 12px;}
  #left-col, #right-col {width: 100% !important;order: 2;}
  #main-col {width: 100% !important;order: 1;}
  .cat-icons-grid {grid-template-columns: repeat(2, 1fr) !important;}
  .calc-links-grid {grid-template-columns: repeat(2, 1fr) !important;}
  .form-row {flex-direction: column;}
  .form-group {min-width: 100%;}
  /* Mobile Calculator - Equal Width Buttons */
  .new-calc-table {
    width: 100%;
    table-layout: fixed;
    border-spacing: 4px;
  }
  .new-calc-table td {
    width: auto;
    padding: 0;
  }
  .ncb {
    width: 100%;
    font-size: 11px;
    padding: 10px 2px;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
  }
  .deg-rad-wrap { gap: 8px; justify-content: center; }
  .deg-rad-wrap label { font-size: 10px; }
}
@media (max-width: 480px) {
  .cat-icons-grid {grid-template-columns: 1fr !important;}
  .calc-links-grid {grid-template-columns: 1fr !important;}
  .new-calc-table {
    border-spacing: 3px;
  }
  .ncb {
    padding: 12px 2px;
    font-size: 12px;
    min-height: 48px;
    border-radius: 6px;
    width: 100%;
  }
  .new-calc-display { font-size: 22px; }
  .deg-rad-wrap label { font-size: 11px; }
}
@media (min-width: 769px) {
  #wrapper {flex-direction: row !important;}
  #left-col, #right-col {order: 0 !important;}
  #main-col {order: 0 !important;}
}
.page-h1{
 font-size: 18px;
  font-weight: 700;
  text-align:center;
  color: #1a3a5c;
  margin-bottom: 8px;
  padding: 8px 10px;
  border-left: 4px solid #f90;
  background: #fff;
  border-radius: 0 3px 3px 0;
  border: 1px solid #b8c8d8;
  border-left: 4px solid #f90;
  
  /* ✅ YEH 2 LINES ADD KARO */
  contain: layout style;
  content-visibility: auto;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Roboto',Tahoma,Arial,sans-serif;background:#dce3ea;color:#333;font-size:13px;}
#header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:8px 15px;flex-wrap:wrap;gap:10px;}
.logo span.calc{font-size:22px;font-weight:700;color:#fff;}
.logo span.net{font-size:22px;font-weight:700;color:#f90;}
#header-search{display:flex;align-items:center;gap:6px;}
#header-search input{width:220px;padding:5px 8px;border:2px solid #f90;border-radius:3px 0 0 3px;font-size:13px;outline:none;}
#header-search button{background:#f90;border:none;padding:6px 12px;border-radius:0 3px 3px 0;cursor:pointer;font-weight:700;color:#333;}
#header-nav{background:#1e4976;border-bottom:1px solid #0d2b4a;overflow-x:auto;}
#header-nav-inner{max-width:1200px;margin:0 auto;display:flex;gap:0;min-width:min-content;}
#header-nav a{color:#cde;text-decoration:none;padding:6px 14px;font-size:12px;display:block;border-right:1px solid #0d3560;white-space:nowrap;}
#header-nav a:hover{background:#f90;color:#333;}
#wrapper{max-width:1200px;margin:0 auto;padding:15px;display:flex;gap:20px;}
#left-col{width:200px;flex-shrink:0;}
#main-col{flex:1;min-width:0;}
#right-col{width:180px;flex-shrink:0;}
.left-box{background:#fff;border:1px solid #b8c8d8;border-radius:3px;margin-bottom:8px;}
.left-box-title{background:linear-gradient(180deg,#3273b0 0%,#1e5a9c 100%);color:#fff;font-size:12px;font-weight:700;padding:6px 10px;text-transform:uppercase;}
.left-box ul{list-style:none;padding:4px 0;}
.left-box ul li a{display:block;padding:4px 10px;color:#1a5276;text-decoration:none;font-size:12px;border-bottom:1px solid #f0f4f8;}
.left-box ul li a:hover{background:#e8f0f8;color:#c0392b;}
.left-box ul li.active a{color:#c0392b;font-weight:600;}
.calc-card{background:#fff;border:1px solid #b8c8d8;border-radius:5px;padding:20px;margin-bottom:20px;}
.calc-card h1{font-size:1.1rem;color:#1a3a5c;margin-bottom:8px;padding-bottom:8px;border-bottom:2px solid #f90;}
.calc-card p{font-size:12px;color:#555;margin-bottom:15px;line-height:1.6;}
.tab-row{display:flex;gap:8px;margin-bottom:20px;border-bottom:2px solid #3273b0;padding-bottom:10px;flex-wrap:wrap;}
.tab{background:#f0f0f0;border:none;padding:7px 14px;cursor:pointer;border-radius:5px 5px 0 0;font-weight:600;font-size:11px;}
.tab.active{background:#3273b0;color:#fff;}
.tab-content{display:none;}
.tab-content.active{display:block;}
.form-row{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:12px;}
.form-group{flex:1;min-width:150px;}
.form-group label{display:block;font-size:11px;font-weight:600;color:#1a3a5c;margin-bottom:4px;text-transform:uppercase;}
.form-group input,.form-group select{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:13px;background:#fff;}
.btn-calc{background:linear-gradient(180deg,#3273b0 0%,#1e5a9c 100%);color:#fff;border:none;padding:10px 25px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;margin-right:10px;}
.btn-reset{background:#e0e0e0;color:#555;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:13px;}
.result-box{background:#f0f7ff;border:1px solid #b0c8e0;border-radius:5px;padding:15px;margin-top:20px;}
.result-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #d8e8f0;font-size:13px;}
.result-row:last-child{border-bottom:none;font-weight:700;font-size:14px;color:#1a5276;}
.result-highlight{background:#e8f5e9;padding:12px;border-radius:5px;margin-top:12px;text-align:center;font-size:13px;font-weight:600;color:#1a6b2a;}
.result-highlight-warn{background:#fff3e0;padding:12px;border-radius:5px;margin-top:12px;text-align:center;font-size:13px;font-weight:600;color:#e65100;}
.blog-section{background:#fff;border:1px solid #b8c8d8;border-radius:5px;padding:22px;margin-bottom:20px;line-height:1.7;}
.blog-section h2{font-size:1rem;font-weight:700;color:#1a3a5c;margin:18px 0 8px;padding-bottom:6px;border-bottom:1px solid #e8f0f8;}
.blog-section h2:first-child{margin-top:0;}
.blog-section h3{font-size:0.9rem;font-weight:700;color:#1e5a9c;margin:14px 0 6px;}
.blog-section p{font-size:13px;color:#444;margin-bottom:12px;line-height:1.75;}
.blog-section ul,.blog-section ol{font-size:13px;color:#444;margin:0 0 12px 22px;line-height:1.85;}
.blog-section li{margin-bottom:5px;}
.blog-section strong{color:#1a3a5c;}
.blog-section table{width:100%;border-collapse:collapse;margin:14px 0;font-size:12px;}
.blog-section th{background:#1e5a9c;color:#fff;padding:7px 10px;text-align:left;}
.blog-section td{padding:6px 10px;border-bottom:1px solid #e0eaf5;}
.blog-section tr:nth-child(even) td{background:#f5f9ff;}
.tip-box{background:#fff8e1;border-left:4px solid #f90;padding:10px 14px;margin:14px 0;font-size:12px;color:#555;border-radius:0 4px 4px 0;}
.warn-box{background:#fff0f0;border-left:4px solid #c0392b;padding:10px 14px;margin:14px 0;font-size:12px;color:#555;border-radius:0 4px 4px 0;}
.compare-box{display:flex;gap:15px;margin:14px 0;flex-wrap:wrap;}
.compare-card{flex:1;min-width:200px;border:1px solid #b8c8d8;border-radius:5px;padding:12px;}
.compare-card-title{font-size:12px;font-weight:700;text-align:center;padding:6px;border-radius:3px;margin-bottom:10px;}
.trad-title{background:#1e5a9c;color:#fff;}
.roth-title{background:#1a6b2a;color:#fff;}
.compare-item{font-size:11px;color:#555;padding:3px 0;border-bottom:1px solid #f0f4f8;line-height:1.5;}
.faq-item{border-bottom:1px solid #e8f0f8;padding:10px 0;}
.faq-item:last-child{border-bottom:none;}
.faq-q{font-size:13px;font-weight:700;color:#1a3a5c;margin-bottom:4px;}
.faq-a{font-size:12px;color:#555;line-height:1.65;}
.right-box{background:#fff;border:1px solid #b8c8d8;border-radius:3px;margin-bottom:8px;}
.right-box-title{background:linear-gradient(180deg,#3273b0 0%,#1e5a9c 100%);color:#fff;font-size:11px;font-weight:700;padding:6px 10px;text-transform:uppercase;}
.right-box-body{padding:10px;}
.related-link{display:block;color:#1a5276;text-decoration:none;font-size:11px;padding:3px 0;border-bottom:1px solid #f0f4f8;}
.related-link:hover{color:#c0392b;}
@media(max-width:900px){#wrapper{flex-direction:column;}#left-col,#right-col{width:100%;}.form-row{flex-direction:column;}.compare-box{flex-direction:column;}}