/* Portable page styles layered on top of the existing RMT design. */
.free-tools{padding-block:2.6rem 3rem}
.free-tools>h1{font-size:clamp(1.7rem,4vw,2.5rem);margin:.3rem 0 .5rem}
.free-tools>.lead{max-width:70ch}
.tool-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:2rem 0}
.tool-panel,.tool-next{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem}
.tool-panel h2,.tool-next h2{margin:0 0 .4rem;font-size:1.35rem}
.tool-panel p{color:var(--muted);min-height:3em;font-size:.93rem}
.tool-panel form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.tool-panel label{display:flex;flex-direction:column;gap:.35rem;color:var(--muted);font-size:.9rem}
.tool-panel input,.tool-panel select{width:100%;padding:.65rem .8rem;border:1px solid #607494;border-radius:8px;background:#0c1528;color:#fff;font:inherit}
.tool-panel input:focus-visible,.tool-panel select:focus-visible{outline:3px solid #74adfb;outline-offset:1px}
.tool-panel label[hidden]{display:none}
.tool-result{white-space:pre-line;margin-top:1.2rem;background:#0c1729;border:1px solid #3c536e;padding:1rem;border-radius:10px;line-height:1.8;font-weight:600;font-variant-numeric:tabular-nums;min-height:8rem}
.tool-result.is-alert{border-color:#d08b52;color:#ffd0a6}
.tool-next .btn{display:inline-flex;margin:.5rem .5rem .4rem 0}
.free-tools .fineprint{max-width:85ch;margin-top:1.3rem}
@media(max-width:800px){.tool-panels{grid-template-columns:1fr}.tool-panel p{min-height:0}}
@media(max-width:440px){.tool-panel form{grid-template-columns:1fr}.tool-panel,.tool-next{padding:1rem}}