/* Marks percentage calculator page styles */

.subjects-head {
  display: grid; grid-template-columns: 1fr 1fr 44px; gap: 12px;
  margin-top: 22px; padding: 0 4px 8px;
  color: var(--muted); font-size: 0.85rem; font-weight: 600;
}
.subject-row {
  display: grid; grid-template-columns: 1fr 1fr 44px; gap: 12px; margin-bottom: 10px;
  align-items: center; animation: pop 0.16s ease;
}
.subject-row .row-del {
  background: var(--surface-2); border: 1px solid var(--border); color: var(--muted);
  border-radius: 10px; height: 44px; cursor: pointer; font-size: 1rem; transition: all 0.15s ease;
}
.subject-row .row-del:hover { color: var(--danger); border-color: var(--danger); }

.stat-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 26px;
}
@media (max-width: 520px) { .stat-grid { grid-template-columns: 1fr; } }
.stat {
  background: var(--surface-2); border: 1px solid var(--border); border-radius: var(--radius);
  padding: 20px; text-align: center;
}
.s-label { display: block; color: var(--muted); font-size: 0.85rem; font-weight: 600; }
.s-value { display: block; font-size: clamp(1.8rem, 6vw, 2.4rem); font-weight: 800; margin-top: 6px; color: var(--accent-3); }