/* CSS for Cost of Delay Calculator | Sukhanidhi Investment Advisors */
/* *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;background:#FAFAF7;color:#1A1A18;line-height:1.6;-webkit-font-smoothing:antialiased;padding:24px 16px;}

:root{
  --ink:#16324A; --ink2:#0E2233; --stone:#F2EFE8; --rule:#DDD9CE;
  --amber:#C2622D; --amber-l:#F9EDE5; --sage:#2E6B4A; --sage-m:#4A8C64; --sage-l:#EAF3EE;
  --red:#B3261E; --soft:#5C5848; --muted:#8B8676; --white:#FFFFFF;
  --serif:Georgia,'Times New Roman',serif; --mono:'SF Mono',Consolas,'Liberation Mono',Menlo,monospace;
} */

.embed-note{max-width:920px;margin:0 auto 16px;background:#1565C0;color:#fff;text-align:center;padding:10px 18px;border-radius:8px;font-size:12.5px;font-weight:500;}
.embed-note strong{font-weight:700;}
.embed-note code{background:rgba(255,255,255,.15);padding:2px 6px;border-radius:4px;font-family:var(--mono);font-size:11.5px;}

.widget-outer{max-width:920px;margin:0 auto;}
.widget-brand{display:flex;align-items:center;gap:9px;margin-bottom:14px;}
.wb-mark{width:28px;height:28px;border-radius:50%;background:var(--sage);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:12px;font-weight:600;color:#fff;}
.wb-name{font-family:var(--serif);font-size:14px;font-weight:600;color:var(--ink);}
.wb-sub{font-size:10.5px;color:var(--muted);}

.calc-card{background:var(--white);border-radius:16px;padding:32px;box-shadow:0 8px 32px rgba(22,50,74,.08);border:1px solid var(--rule);}
.calc-eyebrow{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);margin-bottom:10px;}
.calc-card-title{font-family:var(--serif);font-size:24px;font-weight:500;color:var(--ink);margin-bottom:8px;line-height:1.3;}
.calc-card-desc{font-size:13.5px;color:var(--soft);line-height:1.6;margin-bottom:26px;max-width:640px;}
.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;}
.calc-inputs{display:flex;flex-direction:column;gap:22px;}
/* .calc-field{} */
.calc-label{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:var(--ink);margin-bottom:8px;}
.calc-label-val{color:var(--amber);font-family:var(--mono);font-weight:600;}
.calc-slider{width:100%;height:5px;border-radius:3px;background:var(--rule);appearance:none;outline:none;cursor:pointer;}
.calc-slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:var(--sage);cursor:pointer;border:3px solid var(--white);box-shadow:0 1px 4px rgba(0,0,0,.3);}
.calc-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--sage);cursor:pointer;border:3px solid var(--white);box-shadow:0 1px 4px rgba(0,0,0,.3);}
.calc-range-labels{display:flex;justify-content:space-between;font-size:10.5px;color:var(--muted);margin-top:4px;}
.calc-toggle-row{display:flex;gap:8px;}
.calc-toggle{flex:1;text-align:center;padding:9px;border:1px solid var(--rule);border-radius:7px;font-size:12.5px;font-weight:600;color:var(--soft);cursor:pointer;transition:all .15s;}
.calc-toggle.active{background:var(--ink);border-color:var(--ink);color:#fff;}
.calc-results{background:var(--stone);border-radius:12px;padding:24px;display:flex;flex-direction:column;justify-content:center;}
.calc-result-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;}
.calc-result-big{font-family:var(--serif);font-size:36px;font-weight:600;color:var(--red);line-height:1.1;margin-bottom:4px;}
.calc-result-big.positive{color:var(--sage);}
.calc-result-sub{font-size:12.5px;color:var(--soft);line-height:1.5;margin-bottom:18px;}
.calc-divider{height:1px;background:var(--rule);margin:16px 0;}
.calc-mini-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12.5px;}
.calc-mini-row:last-of-type{margin-bottom:0;}
.calc-mini-label{color:var(--soft);}
.calc-mini-val{font-weight:600;color:var(--ink);font-family:var(--mono);}
.calc-cta{margin-top:18px;background:var(--sage);color:var(--white);text-align:center;padding:13px;border-radius:8px;font-size:13.5px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s;}
.calc-cta:hover{background:var(--sage-m);}
.calc-disclaimer{font-size:10.5px;color:var(--muted);line-height:1.6;margin-top:16px;padding-top:14px;border-top:1px solid var(--rule);}
.risk-meter{height:10px;border-radius:5px;background:linear-gradient(90deg,#2E6B4A 0%,#C2622D 60%,#B3261E 100%);position:relative;margin:14px 0 8px;}
.risk-marker{position:absolute;top:-5px;width:3px;height:20px;background:var(--ink);border-radius:2px;transition:left .2s;}
.risk-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);}
.geo-bars{display:flex;height:32px;border-radius:8px;overflow:hidden;margin:16px 0;}
.geo-bar-a{background:var(--amber);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:600;transition:width .2s;}
.geo-bar-b{background:var(--sage);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:600;transition:width .2s;}


.tool-embed{
  padding-top: 20px;
  padding-bottom: 20px;
}
@media(max-width:700px){
  .calc-grid{grid-template-columns:1fr;}
  .calc-card{padding:22px;}
}



/* CSS For - Commission Leakage Calculator */
/* .embed-note{max-width:920px;margin:0 auto 16px;background:#1565C0;color:#fff;text-align:center;padding:10px 18px;border-radius:8px;font-size:12.5px;font-weight:500;}
.embed-note strong{font-weight:700;}
.embed-note code{background:rgba(255,255,255,.15);padding:2px 6px;border-radius:4px;font-family:var(--mono);font-size:11.5px;}

.widget-outer{max-width:920px;margin:0 auto;}
.widget-brand{display:flex;align-items:center;gap:9px;margin-bottom:14px;}
.wb-mark{width:28px;height:28px;border-radius:50%;background:var(--sage);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:12px;font-weight:600;color:#fff;}
.wb-name{font-family:var(--serif);font-size:14px;font-weight:600;color:var(--ink);}
.wb-sub{font-size:10.5px;color:var(--muted);}

.calc-card{background:var(--white);border-radius:16px;padding:32px;box-shadow:0 8px 32px rgba(22,50,74,.08);border:1px solid var(--rule);}
.calc-eyebrow{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);margin-bottom:10px;}
.calc-card-title{font-family:var(--serif);font-size:24px;font-weight:500;color:var(--ink);margin-bottom:8px;line-height:1.3;}
.calc-card-desc{font-size:13.5px;color:var(--soft);line-height:1.6;margin-bottom:26px;max-width:640px;}
.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;}
.calc-inputs{display:flex;flex-direction:column;gap:22px;}
.calc-label{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:var(--ink);margin-bottom:8px;}
.calc-label-val{color:var(--amber);font-family:var(--mono);font-weight:600;}
.calc-slider{width:100%;height:5px;border-radius:3px;background:var(--rule);appearance:none;outline:none;cursor:pointer;}
.calc-slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:var(--sage);cursor:pointer;border:3px solid var(--white);box-shadow:0 1px 4px rgba(0,0,0,.3);}
.calc-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--sage);cursor:pointer;border:3px solid var(--white);box-shadow:0 1px 4px rgba(0,0,0,.3);}
.calc-range-labels{display:flex;justify-content:space-between;font-size:10.5px;color:var(--muted);margin-top:4px;}
.calc-toggle-row{display:flex;gap:8px;}
.calc-toggle{flex:1;text-align:center;padding:9px;border:1px solid var(--rule);border-radius:7px;font-size:12.5px;font-weight:600;color:var(--soft);cursor:pointer;transition:all .15s;}
.calc-toggle.active{background:var(--ink);border-color:var(--ink);color:#fff;}
.calc-results{background:var(--stone);border-radius:12px;padding:24px;display:flex;flex-direction:column;justify-content:center;}
.calc-result-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;}
.calc-result-big{font-family:var(--serif);font-size:36px;font-weight:600;color:var(--red);line-height:1.1;margin-bottom:4px;}
.calc-result-big.positive{color:var(--sage);}
.calc-result-sub{font-size:12.5px;color:var(--soft);line-height:1.5;margin-bottom:18px;}
.calc-divider{height:1px;background:var(--rule);margin:16px 0;}
.calc-mini-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12.5px;}
.calc-mini-row:last-of-type{margin-bottom:0;}
.calc-mini-label{color:var(--soft);}
.calc-mini-val{font-weight:600;color:var(--ink);font-family:var(--mono);}
.calc-cta{margin-top:18px;background:var(--sage);color:var(--white);text-align:center;padding:13px;border-radius:8px;font-size:13.5px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s;}
.calc-cta:hover{background:var(--sage-m);}
.calc-disclaimer{font-size:10.5px;color:var(--muted);line-height:1.6;margin-top:16px;padding-top:14px;border-top:1px solid var(--rule);}
.risk-meter{height:10px;border-radius:5px;background:linear-gradient(90deg,#2E6B4A 0%,#C2622D 60%,#B3261E 100%);position:relative;margin:14px 0 8px;}
.risk-marker{position:absolute;top:-5px;width:3px;height:20px;background:var(--ink);border-radius:2px;transition:left .2s;}
.risk-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);}
.geo-bars{display:flex;height:32px;border-radius:8px;overflow:hidden;margin:16px 0;}
.geo-bar-a{background:var(--amber);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:600;transition:width .2s;}
.geo-bar-b{background:var(--sage);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:600;transition:width .2s;} */