.date-calc{min-width:0}.date-calc .dc-toolbar{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:14px}.date-calc .dc-toolbar .seg{margin:0;min-width:0;max-width:100%}.date-calc .seg__row{flex-wrap:wrap}.date-calc .seg__label{white-space:normal}.date-calc .dc-actions{display:flex;gap:4px}.date-calc .dc-panel{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.15fr);gap:20px;align-items:start}.date-calc .dc-panel[hidden],.date-calc [hidden]{display:none}.date-calc .dc-inputs,.date-calc .dc-result{min-width:0}.date-calc .field{margin-bottom:10px}.date-calc .input{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.date-calc input[type=date]{min-height:40px}.date-calc .dc-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.date-calc .dc-chips .check{font-size:12px}.date-calc .dc-summary{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding-bottom:8px}.date-calc .dc-readout{flex:1;min-width:0;margin:0;border:0;background:transparent;box-shadow:none;padding:0;display:block}.date-calc .dc-readout .readout__item{padding:0;border:0;background:transparent;box-shadow:none}.date-calc .dc-readout .readout__value{font-size:clamp(24px,3vw,34px);line-height:1.3;overflow-wrap:anywhere;white-space:normal}.date-calc .dc-result-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);padding:8px 0;font-size:13px}.date-calc .dc-result-row>div{min-width:0;overflow-wrap:anywhere}.date-calc .dc-result-row strong{font-weight:600;display:block}.date-calc .dc-result-label{display:block;color:var(--muted);font-size:12px}.date-calc .copy{flex-shrink:0}.date-calc .dc-message{margin:0;padding:16px 0;color:var(--muted);font-size:14px}.date-calc .dc-steps{display:grid;gap:7px;margin-bottom:6px}.date-calc .dc-step{display:grid;grid-template-columns:52px minmax(55px,1fr) minmax(72px,1fr) auto;gap:5px;align-items:center}.date-calc .dc-step .input{padding:8px 6px}.date-calc .dc-step .button{padding:6px;font-size:12px;overflow-wrap:anywhere}.date-calc .field__hint{font-size:12px;margin:5px 0 10px}@media(max-width:650px){.date-calc .dc-panel{grid-template-columns:minmax(0,1fr);gap:12px}.date-calc .dc-toolbar{gap:5px;margin-bottom:10px}.date-calc .dc-toolbar .seg__label{font-size:12px;padding:6px 8px}}