/* tiresizecalculator.app tool styles (grey-card standard) */
.tools{padding-bottom:10px}
.tool .calc-grid{margin-top:10px}.tool .calc-grid>*{min-width:0}
.field{border:0;padding:0;margin:0 0 12px}
.field legend,.lab{font-weight:700;margin-bottom:6px;color:var(--card-ink);display:block}
.btn-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:8px}
.btn-sec.small{min-height:40px;padding:4px 14px;font-size:.92rem}
.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.three .lab{font-size:.88rem}.three input{margin-top:4px}
.g-out p{margin:6px 0 0;font-size:.92rem;color:var(--card-ink)!important}
.result .table-wrap{margin:10px 0}.result table{width:100%}
.draw svg{width:100%;height:auto;max-height:280px;display:block;margin:6px 0 10px}
.band{font-weight:800;border-radius:12px;padding:8px 12px;margin:0 0 8px;color:var(--on-neon)!important}
.band-green{background:var(--neon-lime)}.band-yellow{background:var(--neon-yellow)}.band-red{background:var(--neon-orange)}
.small{font-size:.86rem}
.r-note{font-size:.9rem;border:1px solid var(--field-line);border-radius:12px;padding:8px 12px;color:var(--card-ink)!important;margin:10px 0 0}
.res-links{font-size:.92rem;margin:10px 0 0;color:var(--card-ink)!important}
.form-note{font-size:.86rem;margin:10px 0 0}
.code-wrap{margin:0 0 14px}.code-fig{width:100%;max-width:560px;height:auto;display:block}
.code-wrap figcaption{font-size:.88rem;color:#4a5468}
.code-defs dt{font-weight:800;margin-top:10px}.code-defs dd{margin:2px 0 0}
@media print{.tool .calc-form{display:none!important}.tool .calc-grid{display:block}.no-print{display:none!important}}
