.calc-form { grid-template-columns: repeat(3, 1fr); }
.quick-specs { display: flex; flex-wrap: wrap; align-items: center; gap: 0.65rem; margin: -0.2rem 0 1rem; font-size: 0.84rem; color: #64748b; }
.spec-chip { padding: 0.4rem 0.8rem; border: 1px solid #dbeafe; border-radius: 999px; background: #eff6ff; color: #1d4ed8; font-size: 0.8rem; cursor: pointer; transition: background 0.2s, border-color 0.2s; }
.spec-chip:hover { background: #dbeafe; border-color: #93c5fd; }
.tool-actions { display: flex; gap: 0.8rem; }
.result-hero { display: flex; align-items: baseline; gap: 0.45rem; padding: 1rem 1.1rem; border-radius: 12px; background: linear-gradient(135deg, #f8fafc 0%, #eff6ff 100%); border: 1px solid #dbeafe; margin-bottom: 1rem; }
.result-label { font-size: 0.88rem; color: #475569; }
.result-value { font-size: 2rem; line-height: 1; font-weight: 700; color: #1d4ed8; font-family: 'Fira Code', monospace; }
.result-unit { font-size: 0.95rem; color: #1d4ed8; font-weight: 600; }
.summary-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.9rem; }
.summary-item { display: flex; flex-direction: column; gap: 0.22rem; padding: 0.95rem 1rem; border-radius: 10px; background: #f8fafc; border: 1px solid #e2e8f0; }
.summary-label { font-size: 0.8rem; color: #64748b; }
.summary-value { font-size: 0.95rem; font-weight: 700; color: #0f172a; font-family: 'Fira Code', monospace; }
.formula-list { display: grid; gap: 0.8rem; }
.formula-row { display: grid; grid-template-columns: minmax(150px, 0.8fr) minmax(220px, 1fr) minmax(220px, 1fr); gap: 1rem; align-items: center; padding: 1rem 1.1rem; border-radius: 12px; background: white; border: 1px solid #e2e8f0; }
.formula-name { font-size: 0.9rem; font-weight: 700; color: #0f172a; }
.formula-expr { font-size: 0.9rem; color: #1d4ed8; font-family: 'Fira Code', monospace; }
.formula-example { font-size: 0.84rem; line-height: 1.65; color: #64748b; }
@media (max-width: 900px) { .calc-form, .summary-grid { grid-template-columns: 1fr 1fr; } .formula-row { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .calc-form, .summary-grid { grid-template-columns: 1fr; } .tool-actions { flex-direction: column; } }