.ss-calculator { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin: 30px 0; font-family: 'Trebuchet MS',sans-serif; }
.ss-calculator * { box-sizing: border-box; }
.ss-calculator form { padding: 28px; border: 1px solid var(--wp--preset--color--line,#d8d9cf); }
.ss-calculator label { display: block; font-size: 16px; font-weight: 700; margin-bottom: 16px; }
.ss-calculator input { display: block; width: 100%; min-width: 0; padding: 15px; font: inherit; font-size: 21px; color: inherit; background: transparent; border: 1px solid var(--wp--preset--color--line,#d8d9cf); }
.ss-calculator button { padding: 14px 20px; border: 0; cursor: pointer; font: 700 13px 'Trebuchet MS',sans-serif; background: var(--wp--preset--color--ink,#222d30); color: var(--wp--preset--color--paper,#f8f5ed); }
.ss-calculator form button { width: 100%; }
.ss-calculator :focus-visible { outline: 3px solid #b64730; outline-offset: 3px; }
.ss-calculator .ss-calc-note { font-size: 12px; line-height: 1.7; }
.ss-calculator .ss-calc-error { min-height: 1.5em; color: #a63825; font-size: 13px; }
.ss-calculator .ss-calc-result { padding: 28px; background: var(--wp--preset--color--sage,#dbe4d1); color: #222d30; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px; }
.ss-calc-result > * { margin: 0; }
.ss-calc-result h2 { font-family: 'Palatino Linotype',Georgia,serif; font-size: 30px; font-weight: 400; }
.ss-calc-result .ss-calc-big { font-family: 'Palatino Linotype',Georgia,serif; font-size: clamp(36px,5vw,60px); line-height: 1.2; }
.ss-calc-kicker { font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; }
.ss-milestones { list-style: none; padding: 0; width: 100%; text-align: left; }
.ss-milestones li { display: grid; grid-template-columns: auto 1fr; gap: 4px 12px; padding: 14px 0; border-top: 1px solid #aab6a4; }
.ss-milestones time { text-align: right; font-variant-numeric: tabular-nums; }
.ss-milestones .ss-calc-note { grid-column: 1 / -1; }
@media(max-width:700px) { .ss-calculator { grid-template-columns: minmax(0,1fr); } .ss-calculator form,.ss-calculator .ss-calc-result { padding: 22px; } }