#calculator .grid{
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 14px;
      margin-top: 16px;
    }
    #calculator label{
      display: flex;flex-direction: column;gap: 6px;
      font-size: 12px;color: var(--muted);
      font-weight: 900;letter-spacing: .3px;
    }
    #calculator input,#calculator select{
      width: 100%;
      background: rgba(2,6,23,.55);
      border: 1px solid rgba(30,42,82,.85);
      border-radius: 14px;
      color: var(--text);
      padding: 12px 12px;
      font-size: 14px;
      outline: none;
      transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
    }
    #calculator input:focus,#calculator select:focus{
      border-color: rgba(124,58,237,.9);
      box-shadow: 0 0 0 4px rgba(124,58,237,.15);
      background: rgba(2,6,23,.65);
    }
    #calculator .results{
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      gap: 12px;
      margin-top: 14px;
    }
    #calculator .metric{
      background: rgba(2,6,23,.35);
      border: 1px solid rgba(30,42,82,.7);
      border-radius: 16px;
      padding: 14px;
    }
    #calculator .metric .label{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}
    #calculator .metric .value{font-size:20px;font-weight:900;letter-spacing:-.2px}
    #calculator .value.negative{ color: var(--bad); }
    #calculator .value.positive{ color: var(--accent2); }

    #calculator p.sub{margin:0;color:var(--muted);max-width:820ch;line-height:1.55;font-size:14px}
    #calculator .charts{
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 14px;
      margin-top: 16px;
    }
    #calculator .chart-card{
      border: 1px solid rgba(30,42,82,.7);
      background: rgba(2,6,23,.35);
      border-radius: 16px;
      padding: 14px;
      min-height: 280px;
      display: flex;
      flex-direction: column;
    }
    #calculator .chart-title{margin:0 0 10px;color:var(--muted);font-size:13px;font-weight:800}
    #calculator canvas{width: 100% !important;height: 230px !important;}
    @media (max-width: 980px){
      #calculator canvas{height: 210px !important;}
    }
    #calculator a[target="_blank"]{border: 1px solid rgba(30,42,82,.6);border-radius: 14px !important;}