/* Calcs.pro Finance Calculator Page */
.breadcrumb-bar{background:var(--bg);border-bottom:1px solid var(--border);padding:10px 20px;font-size:.8rem;color:var(--textcolor)}.breadcrumb-bar a{color:#00AAFE;text-decoration:none}.breadcrumb-bar a:hover{text-decoration:underline}.page-wrap{max-width:1200px;margin:0 auto;padding:32px 16px 60px;display:grid;grid-template-columns:1fr 268px;gap:24px;align-items:start}.page-title{font-size:1.45rem;font-weight:700;color:var(--heading);margin:0 0 4px}.page-subtitle{font-size:.875rem;color:var(--textcolor);margin:0 0 24px}.card-dark{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:22px;margin-bottom:18px}.sidebar{display:flex;flex-direction:column;gap:14px}.sidebar-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:16px 18px}.sidebar-title{font-size:.78rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px}.related-item{display:flex;align-items:center;gap:12px;padding:9px 0;text-decoration:none;border-bottom:1px solid var(--bg3)}.related-item:last-child{border-bottom:none;padding-bottom:0}.related-item:hover{opacity:.84}.related-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;background:rgba(0,170,254,.13);border:1px solid rgba(0,170,254,.16)}.related-name{display:block;font-size:.82rem;font-weight:600;color:var(--input-color)}.related-desc{display:block;font-size:.74rem;color:var(--textcolor);margin-top:1px;line-height:1.35}.tip-row{display:flex;gap:8px;margin-bottom:9px;align-items:flex-start}.tip-row:last-child{margin-bottom:0}.tip-dot{width:6px;height:6px;border-radius:50%;background:#00AAFE;flex-shrink:0;margin-top:6px}.tip-text{font-size:.8rem;color:var(--textcolor);line-height:1.55;margin:0}.tip-text strong{color:#9ca3af}.mode-toggle{display:flex;gap:0;background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:18px;flex-wrap:wrap}.mode-tab{flex:1 1 auto;padding:9px 8px;font-size:.85rem;font-weight:600;color:var(--textcolor);background:none;border:none;cursor:pointer;transition:all .14s;font-family:'Inter',sans-serif;min-width:110px}.mode-tab:hover:not(.active){color:var(--input-color);background:rgba(0,170,254,.04)}.mode-tab.active{background:linear-gradient(90deg,#00AAFE,#005CFB);color:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.form-grid.form-grid-3{grid-template-columns:repeat(3,1fr)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.78rem;font-weight:600;color:#9ca3af}.field-help{font-size:.72rem;color:#6b7280;line-height:1.35}.input-wrap{display:flex;align-items:center;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;overflow:hidden;transition:border-color .15s,box-shadow .15s}.input-wrap:focus-within{border-color:#00AAFE;box-shadow:0 0 0 3px rgba(0,170,254,.15)}.input-prefix,.input-suffix{padding:9px 10px;font-size:.85rem;color:var(--textcolor);background:var(--bg2);white-space:nowrap;flex-shrink:0}.input-wrap input,.input-wrap select{flex:1;padding:9px 10px;font-size:.9rem;font-family:'Inter',sans-serif;color:var(--input-color);background:transparent;border:none;outline:none;min-width:0}.input-wrap select{cursor:pointer}.input-wrap select option{background:var(--bg2);color:var(--input-color)}.input-wrap input::placeholder{color:#6b7280}.calc-btn{width:100%;padding:12px;background:linear-gradient(90deg,#00AAFE,#005CFB);color:#fff;font-size:.95rem;font-weight:700;border:none;border-radius:9px;cursor:pointer;transition:opacity .14s,transform .12s;font-family:'Inter',sans-serif}.calc-btn:hover{opacity:.88;transform:translateY(-1px)}.section-label{display:block;font-size:.72rem;font-weight:700;color:var(--textcolor);text-transform:uppercase;letter-spacing:.07em;margin:16px 0 10px}.currency-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#6b7280;font-size:.76rem;margin:-4px 0 14px}.currency-pill{color:#00AAFE;background:rgba(0,170,254,.08);border:1px solid rgba(0,170,254,.2);padding:3px 9px;border-radius:99px;font-weight:700}.results-section{display:none;margin-top:18px}.results-section.show{display:block}.results-heading-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:7px}.results-heading-row .section-label{margin:0}.result-caption{color:#6b7280;font-size:.76rem;text-align:right}.rate-table{width:100%;border-collapse:collapse}.rate-table tr{border-bottom:1px solid var(--bg3)}.rate-table tr:last-child{border-bottom:none}.rate-table td{padding:11px 14px;font-size:.9rem;vertical-align:top}.rate-table td:first-child{color:#9ca3af}.rate-table td:last-child{text-align:right;font-weight:700;font-size:1rem;color:var(--input-color)}.rate-table .highlight-row td{background:rgba(0,170,254,.07)}.rate-table .highlight-row td:first-child{color:#00AAFE;font-weight:600}.rate-table .highlight-row td:last-child{color:#00AAFE;font-size:1.15rem}.result-note{font-size:.75rem;color:#6b7280;line-height:1.55;margin:10px 0 0}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.result-stat{padding:12px;border:1px solid var(--border);background:var(--bg);border-radius:9px}.result-stat-label{display:block;color:#9ca3af;font-size:.72rem;line-height:1.35}.result-stat-value{display:block;color:var(--input-color);font-weight:700;font-size:.98rem;margin-top:4px;word-break:break-word}.notice-box{border:1px solid rgba(0,170,254,.22);background:rgba(0,170,254,.07);color:#9ca3af;border-radius:10px;padding:12px 14px;font-size:.78rem;line-height:1.6;margin:12px 0 0}.notice-box strong{color:#00AAFE}.blog-section{max-width:1200px;margin:0 auto;padding:0 16px 72px}.blog-section-header{display:flex;align-items:center;gap:12px;margin-bottom:28px}.blog-section-badge{font-size:.68rem;font-weight:700;color:#00AAFE;text-transform:uppercase;letter-spacing:.1em;background:rgba(0,170,254,.1);border:1px solid rgba(0,170,254,.22);border-radius:20px;padding:4px 12px}.blog-section-title{font-size:1.2rem;font-weight:700;color:var(--heading);margin:0}.blog-intro{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:22px 24px;margin-bottom:24px;font-size:.9rem;color:#9ca3af;line-height:1.75}.blog-intro strong{color:var(--input-color)}.blog-intro p{margin:0 0 12px}.blog-intro p:last-child{margin-bottom:0}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:28px}.blog-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:20px 22px}.blog-card-icon{width:36px;height:36px;border-radius:9px;background:rgba(0,170,254,.13);border:1px solid rgba(0,170,254,.2);display:flex;align-items:center;justify-content:center;font-size:17px;margin-bottom:13px;color:#00AAFE}.blog-card h3{font-size:.92rem;font-weight:700;color:var(--heading);margin:0 0 8px}.blog-card p{font-size:.82rem;color:var(--textcolor);line-height:1.72;margin:0}.faq-section-title{font-size:1.05rem;font-weight:700;color:var(--heading);margin:0 0 12px}.faq-item{background:var(--bg2);border:1px solid var(--border);border-radius:10px;margin-bottom:8px;overflow:hidden}.faq-item:hover{border-color:var(--card-hover-border)}.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;padding:15px 18px;gap:12px;text-align:left;background:none;border:none;cursor:pointer;font-family:'Inter',sans-serif}.faq-q-text{font-size:.88rem;font-weight:600;color:var(--input-color)}.faq-chevron{width:18px;height:18px;color:#00AAFE;flex-shrink:0;transition:transform .2s}.faq-item.open .faq-chevron{transform:rotate(180deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height .32s ease}.faq-a-inner{padding:13px 18px 15px;font-size:.84rem;color:var(--textcolor);line-height:1.78;border-top:1px solid var(--border)}.faq-item.open .faq-a{max-height:1200px}.faq-a-inner strong{color:#9ca3af}.share-bar{max-width:1200px;margin:0 auto;padding:0 16px 48px}.share-inner{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.share-heading{font-size:.88rem;font-weight:700;color:var(--input-color)}.share-sub{font-size:.76rem;color:var(--textcolor)}.share-btns{display:flex;gap:8px;flex-wrap:wrap}.share-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:8px;font-size:.82rem;font-weight:700;text-decoration:none;border:none;cursor:pointer;transition:opacity .15s,transform .12s;white-space:nowrap;font-family:'Inter',sans-serif}.share-btn:hover{opacity:.88;transform:translateY(-1px)}.share-btn-tw{background:#000;color:#fff}.share-btn-fb{background:#1877f2;color:#fff}.share-btn-wa{background:#25d366;color:#fff}.share-btn svg{width:15px;height:15px;fill:currentColor;flex-shrink:0}.hidden{display:none!important}@media(max-width:1050px){.blog-grid{grid-template-columns:1fr 1fr}.result-grid{grid-template-columns:1fr 1fr}}@media(max-width:900px){.page-wrap{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:14px}}@media(max-width:700px){.page-wrap{padding:20px 14px 40px}.form-grid,.form-grid.form-grid-3{grid-template-columns:1fr}}@media(max-width:580px){.sidebar{grid-template-columns:1fr}.blog-grid,.result-grid{grid-template-columns:1fr}.card-dark{padding:17px}.mode-tab{font-size:.78rem;padding:10px 5px;min-width:calc(50% - 1px)}.blog-section-header{flex-direction:column;align-items:flex-start;gap:8px}.results-heading-row{flex-direction:column;align-items:flex-start;gap:4px}.result-caption{text-align:left}.share-inner{padding:18px}}