[data-tool-view=Dates] #date-mode{max-width:480px;margin:8px 0 24px}[data-tool-view=Dates] .date-fields{grid-template-columns:1fr 1fr;gap:24px;display:grid}[data-tool-view=Dates] .date-fields label{margin-bottom:8px;display:block}[data-tool-view=Dates] select,[data-tool-view=Dates] input:not([type=checkbox]){box-sizing:border-box;width:100%;min-width:0;min-height:48px;color:inherit;font:inherit;background-color:#fff;border:1px solid #bdc7ca;border-radius:8px;padding:10px 32px 10px 10px}[data-tool-view=Dates] .date-inclusive{align-items:center;gap:10px;min-height:48px;margin-top:16px;display:flex}[data-tool-view=Dates] .date-inclusive input{width:20px;height:20px;accent-color:var(--focus)}[data-tool-view=Dates] #date-rule,[data-tool-view=Dates] #date-explanation{color:var(--muted);margin:12px 0}[data-tool-view=Dates] #date-output{margin-top:8px;font-size:1.5rem}[data-tool-view=Dates] .tool-help h2:not(:first-child){margin-top:28px}@media (width<=600px){[data-tool-view=Dates] .date-fields{grid-template-columns:1fr;gap:16px}}