/* tools.css — styles for the free tools (loaded on /free-tools and its tool pages only). */
.tool-section{padding-block:var(--s-10) var(--s-12)}
.tool-intro{margin-bottom:var(--s-6)}
.tool-card{background:var(--white);border:1px solid var(--stone-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);padding:var(--s-6)}
@media (min-width:640px){.tool-card{padding:var(--s-8)}}
.tool-card p,.tool-card li{text-align:left}
.tool-form{display:grid;gap:var(--s-5)}
.tool-row{display:grid;gap:var(--s-4)}
@media (min-width:640px){.tool-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}
.tool-form .field input[type=number],.tool-form .field input[type=date],.tool-form .field input[type=text],.tool-form .field select,.tool-form .field textarea{width:100%;min-height:48px;padding:var(--s-3) var(--s-4);border:1.5px solid var(--stone-300);border-radius:var(--radius-sm);background:var(--white);font-size:1rem}
.tool-form .field input:focus,.tool-form .field select:focus,.tool-form .field textarea:focus{outline:none;border-color:var(--ink-600);box-shadow:0 0 0 3px var(--ink-100)}
.tool-hint{font-size:.9375rem;color:var(--text-muted);margin:0}
.tool-choice{display:flex;flex-wrap:wrap;gap:var(--s-2);border:0;padding:0;margin:0;min-width:0}
.tool-choice legend{font-weight:600;margin-bottom:var(--s-2);color:var(--ink-900);padding:0}
.tool-choice label{display:inline-flex;align-items:center;gap:var(--s-2);min-height:44px;padding:var(--s-2) var(--s-4);border:1.5px solid var(--stone-300);border-radius:var(--radius-sm);cursor:pointer;background:var(--white);font-weight:400}
.tool-choice input{accent-color:var(--ink-700);margin:0}
.tool-choice label:has(input:checked){border-color:var(--ink-700);background:var(--ink-50)}
.tool-choice label:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}
.tool-result{margin-top:var(--s-6);padding-top:var(--s-6);border-top:1px solid var(--stone-200)}
.tool-result[hidden],.field[hidden]{display:none}
.tool-big{font-family:var(--font-head);font-size:clamp(2.25rem,6vw,3rem);line-height:1.1;color:var(--ink-900);margin:0 0 var(--s-2)}
.tool-out{border:1px solid var(--stone-200);border-radius:var(--radius);padding:var(--s-4);margin-block:var(--s-3)}
.tool-out-head{display:flex;justify-content:space-between;align-items:center;gap:var(--s-3);margin-bottom:var(--s-2)}
.tool-out-head h3{font-size:1rem;margin:0}
.tool-out p{margin:0;overflow-wrap:anywhere}
.tool-actions{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-4)}
.btn-sm{min-height:40px;padding:var(--s-2) var(--s-4);font-size:.9375rem}
.tool-status{padding:var(--s-3) var(--s-4);border-radius:var(--radius-sm);font-weight:600;margin:0}
.tool-status.is-error{background:var(--danger-bg);color:var(--danger)}
.tool-status.is-ok{background:var(--success-bg);color:var(--success)}
.tool-status.is-warn{background:var(--amber-50);color:var(--amber-700)}
.tool-list{margin:var(--s-2) 0 0;padding-left:1.25em}
.tool-list li+li{margin-top:var(--s-2)}
.tool-cta{margin-top:var(--s-6)}
pre.tool-code{white-space:pre-wrap;word-break:break-word;font:.875rem/1.5 ui-monospace,Consolas,monospace;background:var(--stone-50);padding:var(--s-3);border-radius:var(--radius-sm);margin:0}
.tool-timeline{list-style:none;margin:var(--s-4) 0 0;padding:0 0 0 var(--s-2);border-left:3px solid var(--amber-500)}
.tool-timeline li{position:relative;padding:0 0 var(--s-5) var(--s-5)}
.tool-timeline li::before{content:'';position:absolute;left:-10px;top:.35em;width:13px;height:13px;border-radius:50%;background:var(--white);border:3px solid var(--amber-500)}
.tool-timeline time{display:block;font-weight:700;color:var(--ink-900)}
@media print{.site-header,.site-footer,.mobile-bar,.cta-band,.tool-cta,.tool-form,.tool-actions,.breadcrumb,#ai-chat,.section:not(.tool-section){display:none!important}.tool-card{box-shadow:none;border:0;padding:0}}