/* Hidden Cost Calculator */
    :root{--bg:#f6f8fb;--panel:#fff;--text:#1f2937;--muted:#6b7280;--primary:#1f6feb;--border:#e5e7eb;--shadow:0 8px 24px rgba(31,41,55,.08),0 2px 8px rgba(31,41,55,.06);--radius:14px;}
    html{scroll-behavior:smooth}
    h1{font-size:34px;margin:20px 0 8px}
	#headerSubText {margin-left: 0px !important; max-width: 800px !important;}
    .sub{color:var(--muted);max-width:900px}
    .container{max-width:1100px;margin:0px auto;max-width: 100%;}
    .grid{display:grid;grid-template-columns:2fr 1fr;gap:22px;margin-top:18px; max-width: 100%;}
    @media(max-width:960px){.grid{grid-template-columns:1fr}}

    .card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
    .card .body{padding:18px}
    .card-combined .body{padding:0}

    .split{display:grid;grid-template-columns:1fr 1fr}
    .pane{padding:18px;display:flex;flex-direction:column}
    .pane.right{border-left:1px solid var(--border)}
    @media(max-width:960px){.split{grid-template-columns:1fr}.pane.right{border-left:none;border-top:1px solid var(--border)}}

    .field{margin-bottom:16px}
    .field label{display:block;font-weight:600;margin-bottom:6px}
    .field input{width:100%;padding:12px;border:1px solid var(--border);border-radius:10px;font-size:16px}

    .actions-right{margin-top:auto;display:flex;gap:10px;padding:16px;border-top:1px solid var(--border);}
    .btn{background:var(--primary);color:#fff;padding:12px 14px;border:none;border-radius:10px;cursor:pointer;font-weight:700}
    .btn.ghost{background:#fff;color:var(--text);border:1px solid var(--border)}

    .results-header{padding:16px;border-bottom:1px solid var(--border)}
    .total-box{background:#f8fafc;border:1px solid var(--border);border-radius:12px;padding:18px;margin:16px;text-align:center;position:relative}
    .total-label{color:var(--muted);font-weight:600;margin-bottom:20px}
    .grand-total{font-size:36px;font-weight:800;letter-spacing:.3px;min-height:42px}

    .line{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top:1px dashed #e6e8ea;position:relative}
    .line:first-of-type{border-top:none}
    .line .label{font-weight:700;display:flex;align-items:center;gap:8px}
    .line .value{font-weight:800}

    .info-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:22px;border-radius:9999px;border:none;cursor:pointer;color:#1f6feb;background:none;margin-left: -10px;}
    .info-btn svg {width:30px;height:30px}
    .popover{position:absolute;right:20px;top:10%;margin-top:0px;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:10px 12px;max-width:320px;z-index:5;display:none}
    .popover p{margin:0;font-size:14px}

    details{border-top:1px solid var(--border);padding:0 16px 16px}
    details summary{cursor:pointer;font-weight:700;padding:12px 0}
    .math{padding:0}
    .math-line{padding:6px 0; font-size: 12px}
	  .mathBreakdown .math-line {font-size: 14px;}
    .math-section-title{margin:12px 0 4px;font-weight:800}
    code.formula{background:#f3f4f6;border:1px solid var(--border);padding:4px 6px;border-radius:6px}

    .dots{display:inline-flex;gap:6px;justify-content:center}
    .dot{width:8px;height:8px;border-radius:50%;background:var(--primary);animation:bump 1.2s infinite ease-in-out}
    .dot:nth-child(2){animation-delay:.15s}
    .dot:nth-child(3){animation-delay:.3s}
    @keyframes bump{0%,80%,100%{transform:translateY(0);opacity:.5}40%{transform:translateY(-6px);opacity:1}}
	  .hiddenCostCalculator {font-size: 16px; line-height: 1.2em;}
	  .hiddenCostCalculator h2, .hiddenCostCalculator h3 {font-size: 32px; margin-top: 20px; margin-bottom: 20px;}
	  #calcBtn, #resetBtn {border-radius: 50px; padding-left: 30px; padding-right: 30px; transition: all .25s ease;}
	  #calcBtn {min-width: 175px;}
	  #calcBtn:hover {opacity: .75;}
	  #resetBtn:hover {background: #e5e7eb;}
	  .site-header, .site-footer {display: none !important;}
	  .hiddenCostCalculator .field input {padding: 5px 12px; font-size: 16px; font-family: sans-serif;}
	  #infographic, #infographic img {width: 100%; max-width: 1336px;}
	  .singleSpace {margin-left: 30px;}
	  @media screen and (max-width: 1366px) {
		  .hiddenCostCalculator .field input {font-size: 14px;}
	  }