.uxp-tool { margin-top:1.25rem; }
.uxp-dates { display:flex; flex-wrap:wrap; gap:.6rem 1rem; border:1px solid var(--line); border-radius:10px; padding:12px; }
.uxp-dates label, .uxp-controls > label:first-child { display:flex; align-items:center; gap:.5rem; min-height:44px; }
.uxp-controls { display:grid; gap:12px; margin:1rem 0; }
.uxp-controls input[type=checkbox], .uxp-dates input { width:20px; height:20px; flex-shrink:0; }
.uxp-result { padding:12px; background:var(--soft); border-left:4px solid var(--brand); }
.uxp-error, .uxp-age { color:#9a3412; }
.uxp-age { font-size:.9rem; margin:.5rem 0; }
.uxp-official { min-width:860px; }
.uxp-official th:first-child { width:35%; }
.uxp-official details { margin-top:10px; }
.uxp-official summary { cursor:pointer; color:var(--brand); min-height:44px; padding:8px 0; }
.uxp-official ul { padding-left:1.2rem; }
.uxp-total { white-space:nowrap; }
.uxp-platform { min-width:590px; }
.uxp-platform caption { text-align:left; font-weight:600; margin:.5rem 0; }
@media (min-width:600px) { .uxp-controls { grid-template-columns:1fr 1fr; } .uxp-controls > label:first-child { grid-column:1/-1; } }