/* The household edition's sheet, per Herthe record 0001.

   The palette is purple, black and white on Saqib's direction of 11 October
   2026 (specification section 15). The one token below carries the purple,
   and nothing else in this sheet names a colour: every other rule reads a
   token the shared sheet already defines, the black of the mark among them.
   The ground stays the shared sheet's white, and the type stays the shared
   sheet's until Forepoint's choice lands. */
:root{--he-purple:#4A1D6E}

/* the mark on the rail head: the surround in ink, the half disc in purple */
.he-mark .he-surround{stroke:var(--bx-ink)}
.he-mark .he-fire{fill:var(--he-purple)}

/* Today's tiles, phone width first: one column under 480 pixels, two above
   it, and the laptop widening the grid. Each tile is square, hairline
   bordered and washed in its area hue, the name in the serif first and the
   figure with its unit beneath it. */
.main.bx .he-tiles{display:grid;grid-template-columns:1fr;gap:12px;margin:0 0 30px}
@media (min-width:480px){.main.bx .he-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.main.bx .he-tiles{grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr));
  gap:14px}}
.main.bx .he-tile{display:flex;flex-direction:column;gap:6px;min-width:0;padding:12px 14px 14px;
  border:1px solid var(--bx-rule);border-top:3px solid var(--tile);background:var(--tilebg);
  color:var(--bx-ink);text-decoration:none}
.main.bx .he-tile:hover .he-name,.main.bx .he-tile.sel .he-name{text-decoration:underline;
  text-underline-offset:3px}
.main.bx .he-tile:focus-visible{outline:2px solid var(--he-purple);outline-offset:2px}
.main.bx .he-area{font-size:0.6875rem;letter-spacing:.09em;text-transform:uppercase;
  color:var(--bx-ink2);font-weight:600}
.main.bx .he-name{font-family:var(--bx-serif);font-size:1.1875rem;font-weight:600;line-height:1.25;
  overflow-wrap:anywhere}
.main.bx .he-fig{font-size:0.9375rem;font-variant-numeric:tabular-nums;color:var(--bx-ink2)}
.main.bx .he-tile.act .he-fig{color:var(--bx-ox);font-weight:600}
.main.bx .he-open{margin:0 0 30px;border-top:2px solid var(--tile);padding-top:12px}

/* Herthe record 0003. The folders: a folder private to another member reads
   muted, the presses beside a folder sit in one row that wraps on a phone,
   and each category's list keeps the shared one line rows. */
.main.bx .he-private .fd-t,.main.bx .he-private .fd-s,.main.bx p.he-private{color:var(--bx-ink3)}
.main.bx .he-group,.main.bx .he-next,.main.bx .he-last,.main.bx .he-lay{margin:0 0 22px}
.main.bx .he-acts{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin:0 0 22px}
.main.bx .he-inline{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin:4px 0 8px}

/* Herthe record 0004. The lines about the mail above Today's tiles, each
   with its press beside it on a laptop and beneath it on a phone, a date
   the reader proposed in muted type until it is confirmed, and a
   message's words kept to the reading measure. */
.main.bx .he-note{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 18px}
.main.bx .he-note .td-quiet{margin:0}
.main.bx .he-proposed .fd-m,.main.bx .he-proposed .fd-t,.main.bx .he-proposed .fd-s{color:var(--bx-ink3)}
.main.bx .he-words{max-width:40rem;overflow-wrap:anywhere}
/* Herthe record 0007. The thought field at the top of Today sits in one row
   that wraps on a phone, a job opens its presses beneath its line, and the
   weekly days of a job read as one wrapping row of small boxes. */
.main.bx .he-thought{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin:0 0 22px}
.main.bx .he-thought .fld{flex:1 1 16rem;min-width:0}
.main.bx .he-job{margin:0}
.main.bx .he-job>summary{list-style:none;cursor:pointer}
.main.bx .he-job>summary::-webkit-details-marker{display:none}
.main.bx .he-job[open]{border-left:3px solid var(--he-purple);padding-left:10px;margin:0 0 14px}
.main.bx .he-days{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:0;margin:0 0 12px}
.main.bx .he-day{display:inline-flex;gap:4px;align-items:center;margin:0 10px 6px 0}
.main.bx .he-proposal{font-weight:600;margin:0 0 14px}