.retirement-workspace input,.retirement-workspace select{width:100%;max-width:100%;box-sizing:border-box}
.retirement-workspace .extra-field{margin-bottom:var(--size-16)}
.retirement-period{padding:var(--size-16);border:1px solid var(--line);border-radius:var(--size-10);line-height:1.7;background:var(--color-background);overflow-wrap:anywhere}
.retirement-section-title{font-size:var(--size-18);margin:var(--size-24) 0 var(--size-12)}
.retirement-wage-rows{display:grid;gap:var(--size-16)}
.retirement-wage-row{min-width:0;margin:0;padding:var(--size-16);border:1px solid var(--line);border-radius:var(--size-10)}
.retirement-wage-row legend{max-width:100%;padding:0 var(--size-8);font-size:var(--size-14);font-weight:600;overflow-wrap:anywhere}
.retirement-wage-row .extra-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.retirement-wage-row .extra-field{margin-bottom:0}
.retirement-subtotal{margin:var(--size-12) 0 0;text-align:right;font-size:var(--size-14);font-variant-numeric:tabular-nums}
.retirement-wage-total{padding:var(--size-16);background:var(--color-background);border:1px solid var(--line);border-radius:var(--size-10);line-height:1.7;font-weight:600;overflow-wrap:anywhere}
.retirement-workspace #retirement-result p{overflow-wrap:anywhere;line-height:1.7}
.retirement-workspace #retirement-result p:first-child{font-size:var(--size-22);font-weight:700}
.retirement-workspace .input-note a{display:inline-block;max-width:100%;overflow-wrap:anywhere}
@media(max-width:600px){.retirement-workspace .extra-fields{grid-template-columns:1fr}.retirement-workspace #retirement-result p:first-child{font-size:var(--size-20)}}