/* Fort Pierce Electric Pros — Tools UI (2026-10-29)
   Mobile-first, large touch targets, no external dependencies.
   Only linked from /tools/ pages. Tokens match css/styles.css. */
.tool-widget{background:#fff;border:1px solid #D6DDE5;border-radius:.5rem;padding:1.25rem;box-shadow:0 2px 8px rgba(15,42,68,.08);max-width:40rem}
.tool-widget fieldset{border:0;padding:0;margin:0;max-width:none}
.tool-widget legend{font-weight:800;color:#0F2A44;margin-bottom:.5rem}
.tool-q{margin:1.25rem 0}
.tool-q p{font-weight:700;margin-bottom:.5rem}
.tool-choices{display:flex;flex-direction:column;gap:.5rem}
.tool-choices label{display:flex;align-items:center;gap:.75rem;min-height:48px;padding:.5rem .75rem;border:2px solid #D6DDE5;border-radius:.5rem;cursor:pointer;font-weight:600}
.tool-choices label:has(input:checked){border-color:#0F2A44;background:#E8EEF5}
.tool-choices input{width:22px;height:22px;min-height:22px;accent-color:#0F2A44;flex:none}
.tool-check{display:flex;align-items:flex-start;gap:.75rem;min-height:48px;padding:.5rem .75rem;border:2px solid #D6DDE5;border-radius:.5rem;cursor:pointer;font-weight:600;margin-bottom:.5rem}
.tool-check input{width:22px;height:22px;min-height:22px;accent-color:#0F2A44;flex:none;margin-top:.15rem}
.tool-check:has(input:checked){border-color:#0F2A44;background:#E8EEF5}
.tool-watts{font-weight:400;color:#5A6572}
.tool-help{color:#5A6572;font-size:.95rem}
.tool-btn{min-width:100%;margin-top:1rem}
@media(min-width:640px){.tool-btn{min-width:auto}}
.tool-btn + .tool-btn{margin-left:0}
@media(min-width:640px){.tool-btn + .tool-btn{margin-left:.75rem}}
.tool-result{margin-top:1.5rem;padding:1.25rem;border-radius:.5rem;border:2px solid #D6DDE5;background:#F4F6F8}
.tool-result:empty{display:none}
.tool-result-ok{border-color:#1B6B3A;background:#EAF5EE}
.tool-result-warn{border-color:#C9A227;background:#FFF4D6}
.tool-result-danger{border-color:#9B1C1C;background:#FDECEC}
.tool-result .btn{margin-top:.5rem}
.tool-result ol,.tool-result ul{max-width:none}
@media print{.tool-result{border:1px solid #000;background:#fff}}

/* Enrichment visuals (2026-10-29): comparison tables, step-flow strips,
   result-band bars, figures. Mobile-first; no JS, no external assets. */
.tool-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1rem 0}
table.tool-table{width:100%;border-collapse:collapse;min-width:34rem}
.tool-table th,.tool-table td{border:1px solid #D6DDE5;padding:.75rem;text-align:left;vertical-align:top}
.tool-table th{background:#0F2A44;color:#fff}
.tool-table tr:nth-child(even) td{background:#F4F6F8}
.tool-steps{list-style:none;counter-reset:step;padding:0;display:flex;flex-direction:column;gap:.75rem}
.tool-steps li{counter-increment:step;position:relative;padding-left:3.25rem;min-height:48px;display:flex;align-items:center}
.tool-steps li::before{content:counter(step);position:absolute;left:0;top:50%;transform:translateY(-50%);width:2.5rem;height:2.5rem;border-radius:50%;background:#C9A227;color:#0F2A44;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.tool-band{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}
.tool-band span{flex:1;padding:.75rem;border-radius:.5rem;text-align:center;font-weight:700}
@media(min-width:640px){.tool-band{flex-direction:row}}
.tool-band-low{background:#EAF5EE;border:2px solid #1B6B3A}
.tool-band-med{background:#FFF4D6;border:2px solid #C9A227}
.tool-band-high{background:#FDECEC;border:2px solid #9B1C1C}
figure.tool-figure{margin:1.5rem 0}
.tool-figure img{width:100%;height:auto;border-radius:.5rem}
.tool-figure figcaption{color:#5A6572;font-size:.95rem;margin-top:.5rem}