/* Practical tools reuse the site's colors, cards and form styles. */
.tool-grid,.workflow-grid{display:grid;align-items:start;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.tool-card{display:flex;flex-direction:column;min-width:0}
.tool-card h2{font-size:1.5rem;margin:12px 0}
.tool-card .btn{margin-top:auto;align-self:flex-start}
.tool-label{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#a40d35}
.workflow-card{border:1px solid var(--line);border-radius:18px;padding:22px;min-width:0;background:var(--paper)}
.workflow-card .choice{font-weight:700;line-height:1.45}
.workflow-card details{margin-top:10px}
.workflow-card summary{cursor:pointer;font-weight:600;padding:8px 0}
.workflow-card dl{margin:12px 0}.workflow-card dt{font-weight:700;margin-top:18px}.workflow-card dd{margin:6px 0;line-height:1.6}
.workflow-card pre{font-family:inherit;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.95rem;background:var(--tint);padding:16px;border-radius:12px}
.workflow-options{border:0;padding:0;margin:30px 0}.workflow-options legend{font-size:1.5rem;font-weight:700;margin-bottom:18px}
.tool-intro{max-width:800px}.tool-intro p{line-height:1.65}
.tool-form{max-width:800px}.tool-form .fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.tool-form .field input,.planner .field input,.planner .field select{max-width:100%}
.planner textarea{width:100%;min-height:360px;padding:18px;line-height:1.6;background:var(--paper);color:var(--ink);border:1px solid var(--muted);border-radius:12px;resize:vertical;font:inherit}
.planner textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.tool-result h2:focus{outline:3px solid var(--accent);outline-offset:5px}
.tool-result[hidden]{display:none}.tool-status{min-height:1.5em;margin-top:10px}
.tool-result .table-wrap table{min-width:480px}
.tool-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}
.tool-form .field-error{margin-bottom:20px}
.tool-result .metric{font-size:2rem;font-weight:750;line-height:1.2}
.flow-key{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 30px;padding:0;list-style:none;counter-reset:flow}
.flow-key li{background:var(--tint);border-radius:12px;padding:12px 16px;counter-increment:flow}
.flow-key li:before{content:counter(flow) '. ';font-weight:700}
.tools-promo{margin-bottom:28px}
@media(max-width:700px){.tool-grid,.workflow-grid,.tool-form .fields{grid-template-columns:1fr}.workflow-card{padding:18px}.tool-actions .btn{width:100%;white-space:normal}}
@media print{.tool-form,.planner form,.tool-actions,.tool-status{display:none!important}.tool-result{padding:0;background:none}.planner textarea{height:auto;min-height:0;border:0}.print-plan{white-space:pre-wrap;font:12px/1.5 sans-serif}.planner textarea{display:none}.no-print{display:none!important}}
@media screen{.print-plan{display:none}}

.tool-intro h2,.tool-form h2,.tool-result h2{font-size:clamp(1.6rem,2.5vw,2.3rem)}

.finder-list h2{font-size:1.3rem;line-height:1.3;margin:8px 0}.finder-list{max-width:850px}

.path-section{padding:40px 0;scroll-margin-top:110px}.path-section h2{font-size:clamp(1.8rem,3vw,2.8rem)}.start-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-left:24px}.start-steps li{padding:20px;border:1px solid var(--line);border-radius:16px}.start-steps h3{font-size:1.35rem}.launch-group{max-width:850px}.launch-item{padding:12px 0 22px;border-bottom:1px solid var(--line)}.launch-item:last-child{border-bottom:0}.launch-item p{margin:6px 0 12px}.launch-item .tool-label{font-size:.75rem}.launch-item .choice{font-weight:650}#launch-meter{width:100%;max-width:850px;height:18px;margin:0 0 25px;accent-color:var(--accent)}
@media(max-width:700px){.start-steps{grid-template-columns:1fr}.tools-promo .btn{margin-bottom:12px}}
