.tsukau-calculator {
  --calc-ink: var(--wp--preset--color--ink, #16242a);
  --calc-paper: var(--wp--preset--color--surface, #fffdf8);
  --calc-line: var(--wp--preset--color--line, #d4d0c6);
  --calc-accent: var(--wp--preset--color--rust, #b44a2f);
  background: var(--calc-paper);
  color: var(--calc-ink);
}
.tsukau-calculator__intro { display: flex; justify-content: space-between; gap: 2rem; padding-bottom: 1rem; border-bottom: 3px solid var(--calc-ink); }
.tsukau-calculator__intro p { margin: 0; }
.tsukau-calculator__label { flex: 0 0 auto; color: var(--calc-accent); font-size: 0.74rem; font-weight: 800; letter-spacing: 0.12em; }
.tsukau-calculator__presets { display: flex; flex-wrap: wrap; gap: 0.5rem; padding: 1rem 0; }
.tsukau-calculator__presets button { appearance: none; padding: 0.45rem 0.75rem; background: transparent; color: var(--calc-ink); border: 1px solid var(--calc-line); border-radius: 999px; cursor: pointer; font: inherit; font-size: 0.78rem; }
.tsukau-calculator__presets button:hover,
.tsukau-calculator__presets button:focus-visible { background: var(--calc-ink); color: var(--calc-paper); border-color: var(--calc-ink); }
.tsukau-calculator__fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--calc-line); border-left: 1px solid var(--calc-line); }
.tsukau-calculator__fields label { display: grid; gap: 0.5rem; padding: 0.9rem; border-right: 1px solid var(--calc-line); border-bottom: 1px solid var(--calc-line); font-size: 0.85rem; font-weight: 700; }
[data-tsukau-running-cost] .tsukau-calculator__fields label:last-child { grid-column: 1 / -1; }
.tsukau-calculator__fields small { color: #637078; font-size: 0.7rem; font-weight: 400; }
.tsukau-input { display: flex; align-items: baseline; gap: 0.4rem; }
.tsukau-input input { width: 100%; min-width: 0; padding: 0.4rem 0; background: transparent; color: var(--calc-ink); border: 0; border-bottom: 2px solid var(--calc-ink); border-radius: 0; font: inherit; font-size: 1.18rem; font-variant-numeric: tabular-nums; }
.tsukau-input input:focus { outline: 3px solid rgba(0, 108, 103, 0.2); outline-offset: 2px; }
.tsukau-input b { flex: 0 0 auto; font-size: 0.72rem; font-weight: 500; }
.tsukau-calculator__results { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 1.2rem; background: var(--calc-ink); color: var(--calc-paper); }
.tsukau-calculator__results div { padding: 1rem; border-right: 1px solid rgba(255, 255, 255, 0.22); }
.tsukau-calculator__results span { display: block; margin-bottom: 0.2rem; font-size: 0.7rem; opacity: 0.7; }
.tsukau-calculator__results strong { font-size: clamp(1rem, 2.2vw, 1.35rem); font-variant-numeric: tabular-nums; }
.tsukau-calculator__note { margin: 0.8rem 0 0; color: #637078; font-size: 0.7rem; line-height: 1.7; }
@media (max-width: 600px) {
  .tsukau-calculator__intro { display: grid; gap: 0.5rem; }
  .tsukau-calculator__fields { grid-template-columns: 1fr; }
  [data-tsukau-running-cost] .tsukau-calculator__fields label:last-child { grid-column: auto; }
  .tsukau-calculator__results { grid-template-columns: repeat(2, 1fr); }
  .tsukau-calculator__results div:nth-child(2) { border-right: 0; }
  .tsukau-calculator__results div:nth-child(-n+2) { border-bottom: 1px solid rgba(255, 255, 255, 0.22); }
}