/* Non-test tool pages: calculators (07 §5); the IP page has its own pages/what-is-my-ip.css. The panel mirrors the test area card. */
.tool-panel {
  max-width: var(--test-max); margin: var(--space-5) auto 0; padding: var(--space-5);
  display: grid; gap: var(--space-4);
  background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-lg);
}
.tool-panel__title { font-size: var(--text-h1); line-height: 1.2; }
.tool-panel__actions { margin-top: var(--space-2); }
.calc-grid { display: grid; gap: var(--space-4); }
@media (min-width: 768px) { .calc-grid { grid-template-columns: 1fr 1fr; } }
.calc-result { min-height: calc(var(--text-result) * 1.1); }
.calc-result__value { font-size: var(--text-result); font-weight: 700; line-height: 1.1; }