.ten-day-contract-copy{max-width:76ch}
.ten-day-contract-copy h2,.ten-day-contract-copy section[id]{scroll-margin-top:2rem}
.ten-day-contract-copy dt{font-weight:700;margin-top:1.25rem}
.ten-day-contract-copy dd{margin:0.4rem 0 1rem}

html:has(.ten-day-contract-copy){scroll-behavior:auto}

.ten-day-calculator{padding:1.25rem;border:1px solid var(--line,#ccc);border-radius:.5rem;margin:1.5rem 0}
.ten-day-calculator form:not([hidden]){display:grid;gap:.65rem}
.ten-day-calculator label{font-weight:700}
.ten-day-calculator input{box-sizing:border-box;width:100%;max-width:24rem;padding:.75rem;font:inherit;color:inherit;background:var(--surface,#fff);border:1px solid currentColor;border-radius:.25rem}
.ten-day-calculator input[aria-invalid="true"]{outline:2px solid currentColor}
.ten-day-calculator form>p{margin:0 0 .75rem}
.ten-day-calculator-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:.5rem 0}
.ten-day-calculator button{font:inherit;padding:.75rem;cursor:pointer}
#ten-day-salary-result{font-weight:600;overflow-wrap:anywhere}