/* Summer money calculator (tools/summer-money-calculator.html). Frame: tool-frame.css + tools/kit.css. */

.sm-preview { margin-top: 20px; }
.tk-toggle--first { margin-top: 0; padding-top: 0; border-top: 0; }
.sm-short { max-width: 220px; }
.sm-lead .tf-result { margin: 10px 0 0; }
.sm-trio { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 24px; padding: 20px 0; border-top: 1px solid var(--hair); border-bottom: 1px solid var(--hair); }
.sm-trio .tk-label { display: block; margin-bottom: 8px; }
.sm-fig { font: 300 26px/1 var(--font-sans); letter-spacing: -0.02em; color: var(--ink); margin: 0; }
.summary-card .tk-rows { margin-top: 8px; }

/* Toggle rows: the whole label is a 44px tap target */
.tk-toggle label { min-height: 44px; align-content: center; }
#summer-status:empty { display: none; }
#summer-status { margin-top: 12px; }