/* module:progress-notes - four note cards (Night Shift).
   Every selector starts with .m-progress-notes. */

.m-progress-notes h2{
  font-family:var(--font-display);
  font-size:1.7rem;
  font-weight:700;
  line-height:1.1;
  text-transform:uppercase;
  letter-spacing:0.02em;
  margin:0 0 6px;
}

.m-progress-notes h2::before{
  content:"";
  display:block;
  width:28px;
  height:3px;
  border-radius:2px;
  background:var(--accent);
  margin-bottom:12px;
}

.m-progress-notes .section-sub{
  color:var(--sub);
  font-size:0.95rem;
  line-height:1.5;
  margin:0 0 20px;
}

.m-progress-notes .notes-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

@media (max-width:640px){
  .m-progress-notes .notes-grid{grid-template-columns:1fr;gap:12px;}
}

.m-progress-notes .note-card{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  padding:16px 18px;
  font-size:0.92rem;
  transition:border-color var(--dur-slow) var(--ease),
    transform var(--dur-slow) var(--ease),
    box-shadow var(--dur-slow) var(--ease);
}

.m-progress-notes .note-card:hover{
  border-color:var(--line-strong);
  transform:translateY(-2px);
  box-shadow:var(--shadow-lift);
}

.m-progress-notes .note-card h3{
  margin:0 0 6px;
  font-weight:600;
  font-size:1rem;
  line-height:1.4;
}

@media (prefers-reduced-motion:reduce){
  .m-progress-notes .note-card:hover{transform:none;}
}

@media print{
  .m-progress-notes .note-card{page-break-inside:avoid;}
}