/* /profile/devices · /profile/delete · /profile/delete-baby/:id — the Profile flows'
 * PAGE-ARRANGEMENT sheet (9501, 2026-09-28).
 *
 * This is the recipes' sheet, not a component: the fixed host, the page column's stack
 * rhythm, and the two page-only arrangements the drawn flows need (the foot door zone,
 * the legal footnote). Everything that is a PART — the back bar, the device rows, the
 * what-boxes, the done state — lives in its own card's stylesheet and is composed here,
 * never restyled.
 *
 * Top-level view sheet, same home as arrived.css / progress.css / weaning.css —
 * linked from web/index.html.
 */
.pfl-host { position: fixed; inset: 0; overflow-y: auto; background: var(--surface-ground); z-index: 1; }
.pfl { min-height: 100%; padding: var(--rhythm-pad); display: flex; flex-direction: column; gap: var(--space-12); }
.pfl-stack { display: flex; flex-direction: column; gap: var(--space-8); }
.pfl-foot { margin-top: auto; display: flex; flex-direction: column; gap: var(--space-8); padding-top: var(--space-24); }
.pfl-note { font-family: var(--font-body); font-size: var(--size-15); /* token-exception */
  color: var(--ink-600); margin: 0; line-height: var(--leading-140); }
.pfl-everywhere { align-self: center; font-family: var(--font-body); font-size: var(--size-15); /* token-exception */
  font-weight: var(--weight-600); color: var(--teal-700); background: 0; border: 0;
  cursor: pointer; padding: var(--space-8); }
.pfl-everywhere:active { color: var(--accent-hover); }
.pfl-everywhere:focus-visible { outline: var(--focus-ring); outline-offset: var(--focus-offset); }
.pfl-everywhere[disabled] { opacity: 0.45; cursor: default; }
/* the confirm step's real gate: the same typed proof the app asks for today, in page form */
.pfl-proof-label { display: block; font-family: var(--font-label); font-size: var(--text-meta);
  font-weight: var(--weight-600); letter-spacing: var(--tracking-08); text-transform: uppercase;
  color: var(--text-secondary); margin-bottom: var(--space-8); }