.e3-hide { display: none !important; }
.e3-row3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.e3-hms .e3-row3 .fld { margin: 0; }
/* event budget & marks rows */
.e3-cats, .e3-subs { display: grid; gap: 6px; }
.e3-cat { display: grid; grid-template-columns: minmax(0, 1fr) 84px 130px 30px; gap: 6px; align-items: center; }
.e3-pc input { flex: 1; }
.e3-cat > *, .e3-sub > * { min-width: 0; }
.e3-sub.e3-head > span { text-align: left; color: var(--muted); }
.e3-sub { display: grid; grid-template-columns: minmax(0, 1fr) 76px 10px 76px 30px; gap: 6px; align-items: center; }
.e3-cat input, .e3-sub input { width: 100%; min-width: 0; padding: 8px 9px !important; }
.e3-head { font-size: .78rem; color: var(--muted); font-weight: 600; }
.e3-sub > span { color: var(--muted); text-align: center; }
.e3-pc { display: flex; align-items: center; gap: 4px; margin: 0; }
.e3-pc span { color: var(--muted); font-size: .85rem; }
.e3-del { border: 0; background: var(--surface-2); color: var(--muted); border-radius: 8px; width: 30px; height: 34px; cursor: pointer; }
.e3-del:hover { color: var(--brand); }
.e3-ok { color: #15803d; font-weight: 600; }
.e3-bad { color: #b91c1c; font-weight: 600; }
@media (max-width: 520px) {
  .e3-cat { grid-template-columns: minmax(0, 1fr) 84px 30px; }
  .e3-cat > .e3-cn, .e3-cat.e3-head > span:nth-child(1) { grid-column: 1; grid-row: 1; }
  .e3-cat > .e3-pc:not(.e3-q), .e3-cat.e3-head > span:nth-child(2) { grid-column: 2; grid-row: 1; }
  .e3-cat > .e3-del { grid-column: 3; grid-row: 1; }
  .e3-cat > .e3-q { grid-column: 1 / -1; grid-row: 2; margin-bottom: 6px; }
  .e3-cat.e3-head span:nth-child(3), .e3-cat.e3-head span:nth-child(4) { display: none; }
  .e3-sub { grid-template-columns: minmax(0, 1fr) 62px 8px 62px 30px; }
}
/* recipe */
.e3-ing { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.e3-ing li { display: grid; grid-template-columns: 64px 1fr auto; gap: 10px; align-items: baseline; padding: 9px 12px; border-radius: 10px; background: var(--surface-2); }
.e3-ing li b { color: var(--brand); font-variant-numeric: tabular-nums; }
.e3-ing li small { color: var(--muted); }
.e3-ing li.e3-same { color: var(--muted); }
/* sequence terms */
.e3-terms { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 6px; }
.e3-terms li { padding: 7px 10px; border-radius: 10px; background: var(--surface-2); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.e3-terms li small { color: var(--muted); margin-right: 6px; }