.dps-tool .lede { max-width:62ch; }
.dps-workspace { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:1.5rem; align-items:start; }
.dps-workspace .panel { margin-top:0; }
.dps-workspace h2 { margin-top:0; font-size:1.5rem; letter-spacing:-.02em; }
.dps-tool fieldset { padding:0 0 1.25rem; margin:1.25rem 0; border:0; border-bottom:1px solid var(--line); border-radius:0; }
.dps-tool legend { padding:0; font-weight:650; }
.dps-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.dps-fields label { display:block; margin:.5rem 0; font-size:.875rem; color:var(--text-dim); }
.dps-fields input { width:100%; min-width:0; font:inherit; color:var(--text); background:var(--surface-2); border:1px solid var(--line); border-radius:6px; padding:.65rem; }
.dps-fields input[aria-invalid=true] { border-color:#ffb9a8; }
.dps-tool .dps-actions { display:flex; gap:.75rem; flex-wrap:wrap; }
.dps-tool #calculate-dps { background:var(--accent); color:var(--bg); font-weight:650; }
.dps-tool .dps-status { min-height:1.6em; margin:.75rem 0 0; font-size:.875rem; }
.dps-tool .dps-status[data-error=true] { color:#ffb9a8; }
.dps-result-list { margin:1rem 0; }
.dps-result-list>div { border-bottom:1px solid var(--line); padding:1rem 0; }
.dps-result-list dt { font-size:.875rem; color:var(--text-dim); }
.dps-result-list dd { margin:.25rem 0; font-size:clamp(1.3rem,2.4vw,2rem); font-weight:700; color:var(--accent); font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.dps-tool .dps-reading { max-width:72ch; padding-top:2rem; }
.dps-tool .dps-reading h2 { margin-top:2rem; }
.dps-example { border-left:2px solid var(--accent); padding-left:1rem; }
.dps-tool .related-tools { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.dps-tool .related-tools a { display:flex; flex-direction:column; min-height:100px; padding:1rem; background:var(--surface); border:1px solid var(--line); border-radius:8px; text-decoration:none; }
.dps-tool .related-tools span { color:var(--text-dim); font-size:.85rem; margin-top:.5rem; }
.dps-tool .faq { margin-inline:auto; }
.dps-tool .faq h2 { text-align:center; }
.dps-tool #manual-copy { width:100%; min-height:9rem; padding:.75rem; color:var(--text); background:var(--surface-2); border:1px solid var(--line); font:inherit; }
@media(max-width:62rem){.dps-workspace { grid-template-columns:1fr; } .dps-tool .related-tools { grid-template-columns:1fr; }}
@media(max-width:46rem){.dps-fields { grid-template-columns:1fr; gap:.35rem; } .dps-tool .dps-actions button { flex:1; } .dps-workspace { gap:.75rem; }}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}