.container{max-width:1200px;padding:0 var(--spacing-3);margin:0 auto}.value-section{padding:var(--spacing-8)0;background:var(--color-surface)}.tools-preview{padding:var(--spacing-8)0;background:var(--color-bg)}.section-title{font-family:var(--font-heading);font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);text-align:center;color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.section-subtitle{font-size:var(--font-size-body);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--spacing-5)}.card{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--spacing-3);border-radius:8px;box-shadow:inset 0 1px #ffffff0d}.card:hover{border-color:var(--color-border-strong)}.tools-grid{gap:var(--spacing-3);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.tool-card{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--spacing-3);gap:var(--spacing-2);border-radius:8px;flex-direction:column;height:100%;text-decoration:none;transition:all .2s;display:flex}.tool-card:hover{border-color:var(--color-accent);transform:translateY(-4px);box-shadow:0 8px 16px #0000004d}.tool-icon{margin-bottom:var(--spacing-2);font-size:32px}.faq-section{padding:var(--spacing-8)0;background:var(--color-bg)}.faq-grid{gap:var(--spacing-4);margin-top:var(--spacing-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--spacing-3);border-radius:8px}.faq-question{font-family:var(--font-heading);font-size:18px;font-weight:var(--font-weight-semibold);color:var(--color-accent);margin-bottom:var(--spacing-2)}.faq-answer{font-size:var(--font-size-body);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.faq-more{text-align:center;margin-top:var(--spacing-5)}.result-table{margin-bottom:var(--spacing-3);border:1px solid var(--color-border);border-radius:8px;overflow-x:auto}.result-table table{border-collapse:collapse;width:100%;font-family:var(--font-mono)}.result-table thead{background:var(--color-surface-elevated)}.result-table th{text-align:left;font-family:var(--font-heading);font-size:12px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);border-bottom:2px solid var(--color-border-strong);padding:12px 16px}.result-table td{color:var(--color-text-primary);border-bottom:1px solid var(--color-border);text-align:left;padding:12px 16px;font-size:14px}.result-table tbody tr:hover{background:var(--color-surface-elevated)}.fasteners-chart-page .max-w-5xl{margin-left:auto;margin-right:auto}.fasteners-chart-page .search-controls{align-items:flex-end;gap:var(--spacing-3)}.fasteners-chart-page .search-input{padding:12px 20px}.fasteners-chart-page .search-select,.fasteners-chart-page .search-button{padding:12px 16px}.fasteners-chart-page .results-hint{margin-top:var(--spacing-2);margin-bottom:var(--spacing-4)}.fasteners-chart-page .compat-legend{padding:var(--spacing-5)}.fasteners-chart-page .compat-badge{border-radius:9999px;padding:10px 18px;font-size:14px}.fasteners-chart-page .compat-legend .grid{gap:var(--spacing-6)}.fasteners-chart-page .compat-legend .flex.items-center{margin-bottom:var(--spacing-2)}.fasteners-chart-page .compat-legend-title{margin-bottom:var(--spacing-5)}.fasteners-chart-page .understanding-grid{margin-top:var(--spacing-6)}.fasteners-chart-page .icon-pill{width:24px;height:24px;color:var(--color-danger);font-weight:var(--font-weight-bold);border-radius:9999px;justify-content:center;align-items:center;line-height:1;display:inline-flex}