/* Calculator panel */
              .rc-panel.rc-calculator {
                width: 25%;        /* Calculator takes 15% of the page width */
                background-color: rgba(25, 25, 25, .5);
                border: 1px solid #333;
                border-radius: 6px;
                padding: 12px;
                color: #fff;
                font-family: Arial, Helvetica, sans-serif;
                min-width: 250px;     /* Prevents collapsing on small screens */
              }

              /* Top row: display + delete + clear */
              .rc-calc-top {
                display: grid;
                grid-template-columns: 1fr auto auto;   /* Display grows, buttons stay fixed */
                gap: 8px;
                margin-bottom:12px;
              }

              /* Display */
              .rc-calc-display {
                width: 100%;           /* Expands with the panel */
                height: 45px;
                background: #000;
                color: #0f0;
                font-size: 22px;
                text-align: right;
                padding: 8px;
                border: 1px solid #444;
                border-radius: 4px;
                box-sizing: border-box;
              }

              /* Clear + Delete buttons */
              .clear {
                grid-column: span 2;
                border-radius: 4px;
                color: #fff;
                font-size: 18px;
                cursor: pointer;
                padding: 0;
                height: 45px;
                border: 1px solid;
                background: #8b0000;
                border-color: #aa0000;
              }

              /* Delete button */
              .delete {
                background: #444;
                border-color: #666;
              }

              .delete:hover {
                background: #555;
              }}

              .clear:hover {
                background: #a30000;
              }

              /* Main button grid */
              .rc-calc-buttons {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 8px;
              }

              .rc-calc-buttons button{
                padding: 12px;
                background: #262626;
                border: 1px solid #444;
                border-radius: 4px;
                color: #fff;
                font-size: 16px;
                cursor: pointer;
                transition: background 0.15s;
              }

              .rc-calc-buttons button:hover {
                background: #333;
              }

              /* Make = button double width */
              .equals {
                grid-column: span 2;
                background: #004d99;
                border-color: #0066cc;
              }

              .equals:hover {
                background: #0066cc;
              }