/* Minimal styles for vectors calculator page */
.vectors .controls .mode-row { display:flex; flex-wrap:wrap; gap:12px; align-items:flex-end; }
.vectors label.inline { display:flex; flex-direction:column; font-size:14px; }
.vectors label.inline input, .vectors label.inline select { min-width:220px; padding:8px; }
.vectors .checks { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin:12px 0; }
.vectors .actions { display:flex; flex-wrap:wrap; gap:8px; margin:8px 0; }
.vectors .error { color:#b33; min-height:1.2em; margin-top:6px; }
.vectors .grid-two { display:grid; grid-template-columns: 1fr 1fr; gap:16px; }
.vectors canvas { width:100%; height:auto; background:#fff; border:1px solid #ddd; border-radius:6px; }
.vectors .table { width:100%; border-collapse:collapse; }
.vectors .table th, .vectors .table td { border-bottom:1px solid #eee; padding:8px; text-align:left; }
.vectors .sub { color:#666; margin-top:-8px; }

@media (max-width: 920px){
  .vectors .grid-two { grid-template-columns: 1fr; }
}