/* styles.css — Conversor de Pressão (siteON) */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.inputs label small{color:var(--muted)}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;margin-bottom:4px}
.actions.center{justify-content:center}
button.cta,button.ghost{min-height:44px}
.result-grid{display:grid;gap:12px;grid-template-columns:1fr}
@media (min-width:760px){.result-grid{grid-template-columns:repeat(3,1fr)}}
.metric{text-align:center;padding:12px;border:1px dashed #2a2f36;border-radius:12px}
.metric .k{font-size:.9rem;opacity:.85}
.metric .v{font-size:clamp(22px,5vw,32px);font-weight:800;line-height:1.1}
.small{opacity:.9}
table{width:100%;border-collapse:collapse}
td,th{padding:6px 0;border-bottom:1px dashed #2a2f36}
td:last-child,th:last-child{text-align:right}
.doc{margin-top:12px}
.doc-title{margin:0 0 6px 0;font-weight:700}
.doc code{background:#0f1114;border:1px solid #2a2f36;border-radius:6px;padding:0 6px}