.tools-page { width: min(100%, 70rem); margin-inline:auto; padding-bottom:3rem; }
.tools-page h1, .tools-page h2 { font-family:InterTight,Arial,sans-serif; }
.tools-page h2 { font-size:clamp(1.4rem,3vw,2rem); }
.tool-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); align-items:start; gap:1.25rem; margin-top:1rem; }
.tool-nav { display:flex; flex-wrap:wrap; gap:.5rem; }
.tool-nav a { padding:.35rem .75rem; }
.tools-page .tool-panel { min-width:0; margin:0; padding:clamp(.9rem,3vw,1.6rem); border:1px solid var(--line); background:var(--surface); border-radius:.65rem; }
.tool-panel select { width:100%; min-width:0; min-height:44px; padding:.45rem .55rem; border-radius:.3rem; border:1px solid var(--muted); color:var(--ink); background:var(--surface); font:inherit; }
.tool-panel input { min-width:0; }
.tool-panel label[hidden] { display:none; }
.tool-panel form > .button { margin-top:.55rem; }
.tool-panel .button:disabled { opacity:.7; cursor:wait; }
.tool-status { margin:.85rem 0; font-weight:700; }
.tool-note { color:var(--muted); font-size:.92rem; margin:1rem 0 0; }
.tool-results { overflow-wrap:anywhere; }
.tool-results ul, .tool-results ol { padding-left:1.4rem; }
.tool-results li { padding:.6rem 0; border-bottom:1px solid var(--line); }
.tool-results time { display:block; color:var(--muted); font-size:.9rem; }
@media(max-width:50rem){ .tool-grid{grid-template-columns:1fr} }