/* Preston 2026-10-02: "keep same layout and format just make it mobile friendly." */
.cleaner-sheet {
  --sheet-cream: #faf7f1;
  --sheet-navy: #132238;
  --sheet-gold: #8a6820;
  --sheet-muted: #5f6979;
  --sheet-hairline: #e7ddcb;
  width: 100%; min-width: 0; margin: 0 0 24px; padding: 20px 18px;
  background: var(--sheet-cream); color: #20293a;
  border: 1px solid var(--sheet-hairline); border-radius: 2px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 16px; line-height: 1.45; overflow-wrap: break-word;
  color-scheme: light;
}
.cleaner-sheet *, .cleaner-sheet *::before, .cleaner-sheet *::after { box-sizing: border-box; min-width: 0; }
.cleaner-sheet h2, .cleaner-sheet h3, .cleaner-sheet p { margin: 0; color: var(--sheet-navy); }
.cleaner-sheet strong { color: var(--sheet-navy); font-weight: 650; }
.sheet-masthead { display: flex; flex-direction: column; gap: 5px; padding-bottom: 10px; border-bottom: 2.5px solid var(--sheet-navy); }
.cleaner-sheet .sheet-capitals { color: var(--sheet-gold); font-size: 16px; font-weight: 700; letter-spacing: .12em; line-height: 1.35; }
.cleaner-sheet .sheet-secondary { color: var(--sheet-muted); font-size: 16px; font-weight: 400; }
.sheet-heading { display: flex; flex-direction: column; gap: 14px; padding: 16px 0; border-bottom: 1px solid var(--sheet-hairline); }
.cleaner-sheet .sheet-title { font-family: 'Iowan Old Style', Georgia, serif; font-weight: 600; font-size: 34px; line-height: 1.08; letter-spacing: -.025em; }
.sheet-subtitle { margin-top: 8px; }
.sheet-door { align-self: flex-start; border: 1.5px solid var(--sheet-gold); padding: 10px 14px; text-align: center; max-width: 100%; }
.sheet-door-text { color: var(--sheet-navy); font-family: 'Iowan Old Style', Georgia, serif; font-size: 26px; font-weight: 600; line-height: 1.2; margin-top: 3px; }
.sheet-section { margin: 22px 0 0; }
.cleaner-sheet .sheet-section-label { margin: 0 0 10px; }
.sheet-line { margin: 0 0 9px; font-size: 16px; }
.sheet-line:last-child { margin-bottom: 0; }
.sheet-leave-row { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 12px; padding: 12px 0; border-top: 1px solid var(--sheet-hairline); }
.sheet-leave-row:last-child { border-bottom: 1px solid var(--sheet-hairline); }
.sheet-leave-label { color: var(--sheet-navy); font-weight: 600; }
.sheet-label-line + .sheet-label-line { color: var(--sheet-muted); font-weight: 400; }
.sheet-unit { padding: 12px 0; border-top: 1px solid var(--sheet-hairline); }
.sheet-unit:last-child { border-bottom: 1px solid var(--sheet-hairline); }
.sheet-unit-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; margin-bottom: 7px; }
.sheet-unit-left { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px; }
.sheet-unit-name { color: var(--sheet-navy); font-family: 'Iowan Old Style', Georgia, serif; font-size: 20px; font-weight: 600; }
.sheet-unit-tag { color: var(--sheet-gold); font-size: 16px; font-weight: 600; text-align: right; max-width: 58%; }
.sheet-bedding-rule { color: var(--sheet-muted); }
.sheet-house { scroll-margin-top: 20px; }
.sheet-house-heading { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 8px; }
.cleaner-sheet .sheet-house-name { font-family: 'Iowan Old Style', Georgia, serif; font-size: 28px; font-weight: 600; }
.sheet-house-subtitle { padding-bottom: 12px; margin: 6px 0 12px; border-bottom: 1px solid var(--sheet-navy); }
.sheet-footer { padding: 16px; margin-top: 24px; background: var(--sheet-navy); color: var(--sheet-cream); }
.sheet-footer-title { font-family: 'Iowan Old Style', Georgia, serif; font-size: 24px; font-weight: 600; line-height: 1.2; }
.sheet-footer-legend { color: #c9b98f; font-size: 16px; margin-top: 12px; }
@media (max-width: 350px) {
  .cleaner-sheet { padding: 18px 14px; }
  .sheet-leave-row { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .sheet-leave-label { display: flex; flex-wrap: wrap; gap: 5px; }
  .sheet-unit-heading { gap: 6px; }
}