/* Calculator */
    .calc-wrap{margin-top:14px}
    .calc-toggle{display:inline-flex;align-items:center;gap:8px}
    .calc-panel{overflow:hidden;max-height:0;opacity:0;transition:max-height .35s ease, opacity .25s ease;border:1px solid var(--border);background:var(--panel);border-radius:16px;margin-top:10px}
    .calc-panel.open{opacity:1}
    .calc-card{padding:12px}
    .calc-header{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;margin-bottom:8px}
    .mode-chips{display:flex;gap:8px;flex-wrap:wrap}
    .chip{padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:#0a1222;color:var(--text);font-size:12px;cursor:pointer}
    .chip[aria-pressed="true"]{box-shadow:inset 0 0 0 1px rgba(34,197,94,.35);border-color:#1f3a2d}
    .calc-display{width:100%;border:1px solid var(--border);background:var(--input);color:var(--text);border-radius:12px;padding:10px 12px;font-size:20px}
    .calc-grid{display:grid;gap:8px;grid-template-columns:repeat(6,minmax(0,1fr))}
    .k{padding:12px 10px;border-radius:12px;border:1px solid var(--border);background:#0c1526;color:#e5e7eb;font-weight:600;cursor:pointer}
    .k:hover{transform:translateY(-1px);border-color:#1f3a2d}
    .k.sm{font-weight:500;padding:10px}
    .k.wide{grid-column:span 2}
    .k.equals{grid-column:1 / -1;background:linear-gradient(180deg,#0f1a2d,#0a1324);border-color:#1f3a2d}
    .k.danger{border-color:#41222a;background:#1a0f14}

    @media (max-width:780px){ .grid-2{grid-template-columns:1fr} }
    @media (max-width:560px){
      .calc-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
      .k.equals{grid-column:1 / -1}
    }
    
/* Extracted from area.html (style #8) */
/* brighter digits */
    .k[style*="background:#141e38"] { filter: brightness(1); }
    .k[style*="background:#141e38"]:hover { filter: brightness(1.15); }
    .k[style*="background:#141e38"]:active { filter: brightness(1.28); }
    /* standout equals */
    .k[style*="background:#1c2d5c"] { filter: brightness(1.05); }
    .k[style*="background:#1c2d5c"]:hover { filter: brightness(1.18); }
    .k[style*="background:#1c2d5c"]:active { filter: brightness(1.35); }

/* Extracted from area.html (style #9) */
.k[style*="background:#240d0d"] { filter: brightness(1.02); }
    .k[style*="background:#240d0d"]:hover { filter: brightness(1.12); }
    .k[style*="background:#240d0d"]:active { filter: brightness(1.22); }

/* Extracted from area.html (style #10) */
.calc-grid button {
      font-size: 1.1em;
    }

/* Extracted from area.html (style #11) */
.calc-grid {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 6px;
    }
    .calc-grid button {
      font-size: 1.1em;
      padding: 0.6em;
    }
    @media (max-width: 600px) {
      .calc-grid {
        grid-template-columns: repeat(6, 1fr);
        gap: 4px;
      }
      .calc-grid button {
        font-size: 0.9em;
        padding: 0.4em;
      }
    }

/* Extracted from area.html (style #12) */
/* Preserve 6-column calculator grid at all sizes */
    .calc-grid {
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: 8px;
    }
    .calc-grid .k { padding: 12px 10px; }
    .calc-grid .k.sm { padding: 10px 8px; }

    /* Mobile tweaks: keep same grid, just scale elements down a touch */
    @media (max-width: 600px) {
      .calc-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr)); /* lock to 6 cols */
        gap: 6px;
      }
      .calc-grid .k { 
        padding: 10px 8px;
        font-size: 0.95em;
        min-height: 40px;
      }
      .calc-grid .k.sm {
        padding: 8px 6px;
        font-size: 0.9em;
        min-height: 36px;
      }
      /* Make sure no key spans full width on mobile */
      .calc-grid .k.equals { grid-column: auto !important; }
    }