/* Familieøkonomi – hjemmet og halvåret. Resten av uttrykket ligger i
   /spill/_livsmotor/livsmotor.css. */

.hverdag {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 24px;
  align-items: center;
  margin-bottom: 14px;
}
.hverdag-hus { width: 96px; filter: drop-shadow(0 4px 0 var(--ink)); }
.hverdag-tekst { display: grid; gap: 10px; }

.steg { list-style: none; margin: 0; padding: 0; display: flex; gap: 8px; flex-wrap: wrap; }
.steg:empty { display: none; }
.steg li { font-weight: 800; font-size: 15px; padding: 6px 14px; border: 3px solid var(--ink); border-radius: 999px; background: #fff; }
.steg li.ferdig { background: var(--fag-lys); }
.steg li.na { background: var(--yellow); box-shadow: 0 3px 0 var(--ink); }

.kalender { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
.kalender li {
  border: 3px solid var(--ink);
  border-radius: 14px;
  background: #fff;
  overflow: hidden;
  text-align: center;
  font-weight: 800;
}
.kalender li::before { content: ""; display: block; height: 9px; background: var(--coral); border-bottom: 3px solid var(--ink); }
.kalender li span { display: block; padding: 5px 4px; }
.kalender li.ferdig { background: var(--fag-lys); }
.kalender li.ferdig span::after { content: " ✓"; }
.kalender li.na { background: var(--yellow); box-shadow: 0 4px 0 var(--ink); transform: translateY(-3px); }