[data-tool="tip-calculator"] .pane{min-width:0}[data-tool="tip-calculator"] input,[data-tool="tip-calculator"] select{width:100%;min-width:0;min-height:48px;box-sizing:border-box;font:inherit}.tip-fieldset{padding:0;border:0;margin:24px 0;min-width:0}.tip-fieldset legend{font-weight:600;margin-bottom:12px}.tip-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tip-presets button{padding:10px 6px;min-height:44px}.tip-presets button[aria-pressed="true"]{background:var(--blue);color:#fff;font-weight:700}.tip-presets button[aria-pressed="true"]:before{content:'✓ '}.people-controls{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:10px}.people-controls input{text-align:center}.people-controls button{padding:0;font-size:1.3rem}.tip-amount{font-size:clamp(1.4rem,3vw,2.65rem);font-weight:700;color:var(--blue);line-height:1.25;margin:14px 0;white-space:nowrap;font-variant-numeric:tabular-nums}.tip-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;border-top:1px solid #dce5f0;border-bottom:1px solid #dce5f0;margin:24px 0;padding:20px 0}.tip-totals strong{display:block;color:var(--navy);margin-top:8px;white-space:nowrap;font-size:1.05rem}.tip-details{font-size:.95rem}.tip-details>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:14px 0;text-align:left}.tip-details dd{margin:0;font-weight:700;white-space:nowrap}.tip-details dt{color:var(--muted)}#copy-text{width:100%;box-sizing:border-box;font:inherit}.tip-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}@media(max-width:480px){.tip-totals{grid-template-columns:1fr}.tip-amount{font-size:1.5rem}.tip-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:761px) and (max-width:1100px){.tip-totals{grid-template-columns:1fr}}
[data-tool="tip-calculator"] .pdf-summary{container-type:inline-size}.tip-amount{font-size:min(2.65rem,9cqi)}.tip-totals strong,.tip-details dd{font-size:min(1.05rem,8cqi)}

/* Keep result emphasis above the shared paragraph colour rule. */
.pane .tip-amount{color:var(--blue)}