.tool-page[data-astro-cid-impvvimg]{--tool-color: var(--color-how-to);--tool-color-light: var(--color-how-to-light)}.tool-header[data-astro-cid-impvvimg]{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.tool-header[data-astro-cid-impvvimg] h1[data-astro-cid-impvvimg]{margin-bottom:var(--spacing-xs)}.tool-description[data-astro-cid-impvvimg]{color:var(--color-text-muted);font-size:1.125rem;margin:0}.results-card[data-astro-cid-impvvimg]{background:linear-gradient(135deg,var(--tool-color-light) 0%,var(--color-surface) 100%);border:2px solid var(--tool-color);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-md)}.results-badge[data-astro-cid-impvvimg]{display:inline-flex;align-items:center;gap:.375rem;background:var(--tool-color);color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.375rem .75rem;border-radius:var(--radius-lg);margin-bottom:var(--spacing-sm)}.results-grid[data-astro-cid-impvvimg]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.result-item[data-astro-cid-impvvimg]{text-align:center;padding:var(--spacing-sm);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.result-item-highlight[data-astro-cid-impvvimg]{border-color:var(--tool-color);border-width:2px}.result-value[data-astro-cid-impvvimg]{display:block;font-size:2rem;font-weight:700;color:var(--tool-color);line-height:1.2}.result-label[data-astro-cid-impvvimg]{display:block;font-size:.875rem;color:var(--color-text-muted);margin-top:.25rem}.results-note[data-astro-cid-impvvimg]{font-size:.875rem;color:var(--color-text-muted);margin:0;text-align:center}.tool-form-section[data-astro-cid-impvvimg]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.tool-form-section[data-astro-cid-impvvimg] h2[data-astro-cid-impvvimg]{margin-top:0;margin-bottom:var(--spacing-md);font-size:1.125rem}.tool-form[data-astro-cid-impvvimg]{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-row[data-astro-cid-impvvimg]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-md)}.form-group[data-astro-cid-impvvimg]{display:flex;flex-direction:column;gap:.5rem}.form-group[data-astro-cid-impvvimg] label[data-astro-cid-impvvimg]{font-weight:500;color:var(--color-text)}.form-group[data-astro-cid-impvvimg] input[data-astro-cid-impvvimg],.form-group[data-astro-cid-impvvimg] select[data-astro-cid-impvvimg]{padding:.75rem 1rem;font-size:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);color:var(--color-text);min-height:48px}.form-group[data-astro-cid-impvvimg] input[data-astro-cid-impvvimg]:focus,.form-group[data-astro-cid-impvvimg] select[data-astro-cid-impvvimg]:focus{outline:2px solid var(--tool-color);outline-offset:2px;border-color:var(--tool-color)}.submit-btn[data-astro-cid-impvvimg]{padding:.875rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;background:var(--tool-color);border:none;border-radius:var(--radius-md);cursor:pointer;min-height:48px;transition:background-color .2s ease,transform .1s ease}.submit-btn[data-astro-cid-impvvimg]:hover{background:#059669}.submit-btn[data-astro-cid-impvvimg]:active{transform:scale(.98)}.submit-btn[data-astro-cid-impvvimg]:focus{outline:2px solid var(--tool-color);outline-offset:2px}.tool-info[data-astro-cid-impvvimg]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.tool-info[data-astro-cid-impvvimg] h2[data-astro-cid-impvvimg]{margin-top:0;margin-bottom:var(--spacing-sm);font-size:1.125rem}.tool-info[data-astro-cid-impvvimg] ol[data-astro-cid-impvvimg]{margin-bottom:var(--spacing-sm)}.tool-info[data-astro-cid-impvvimg] li[data-astro-cid-impvvimg]{margin-bottom:var(--spacing-xs)}@media(max-width:640px){.results-grid[data-astro-cid-impvvimg]{grid-template-columns:1fr}.result-value[data-astro-cid-impvvimg]{font-size:1.75rem}.form-row[data-astro-cid-impvvimg]{grid-template-columns:1fr}}