/* Minimal, inherit theme; align visual to IBS/CBS calculator */
.l4taxx-wrap { max-width: 960px; margin: 0 auto; }
.l4taxx-card {
  background: var(--wp--preset--color--base-2, #fff);
  border: 1px solid var(--wp--preset--color--contrast-3, rgba(0,0,0,0.08));
  border-radius: 12px;
  padding: clamp(16px, 2.5vw, 28px);
  box-shadow: 0 1px 2px rgba(0,0,0,0.04);
  margin-bottom: 20px;
}
.l4taxx-title { margin: 0 0 6px; font-size: clamp(20px, 2.4vw, 26px); line-height: 1.2; }
.l4taxx-title-sm { margin: 0 0 12px; font-size: clamp(18px, 2vw, 22px); }
.l4taxx-subtitle { margin: 6px 0 18px; opacity: .85; }

.l4taxx-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
@media (max-width: 720px) {
  .l4taxx-grid { grid-template-columns: 1fr; }
}
.l4taxx-field label { display:block; font-weight:600; margin-bottom:6px; }
.l4taxx-field input, .l4taxx-field select {
  width: 100%;
  border: 1px solid var(--wp--preset--color--contrast-3, #d0d7de);
  border-radius: 8px;
  padding: 10px 12px;
  background: var(--wp--preset--color--base, #fff);
}
.l4taxx-help { display:block; margin-top:6px; font-size: 12px; opacity:.75; }

.l4taxx-actions { display:flex; gap:10px; align-items:center; margin-top: 4px; }
.l4taxx-actions .button { padding: 10px 16px; border-radius: 8px; }
.l4taxx-actions .button-primary { /* rely on theme palette; no forced colors */ }
.l4taxx-actions .button-secondary { background: transparent; border: 1px solid currentColor; }

.l4taxx-hidden { display:none; }

.l4taxx-result-grid {
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap:12px;
  margin: 12px 0 10px;
}
@media (max-width: 720px) {
  .l4taxx-result-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.l4taxx-kpi {
  border: 1px dashed var(--wp--preset--color--contrast-3, #d0d7de);
  border-radius: 10px;
  padding: 12px;
}
.l4taxx-kpi-label { display:block; font-size:12px; opacity:.75; margin-bottom:4px; }
.l4taxx-kpi-value { font-weight:700; font-size: clamp(18px, 2.1vw, 22px); }

.l4taxx-table { width:100%; border-collapse: collapse; }
.l4taxx-table th, .l4taxx-table td {
  padding: 10px;
  border-bottom: 1px solid var(--wp--preset--color--contrast-3, #e5e7eb);
  text-align: left;
}
.l4taxx-table-wrap { overflow-x:auto; margin-top: 8px; }

.l4taxx-note { font-size: 13px; opacity:.8; margin-top: 12px; }