/* Apple original: Instructions/Instructions_View.swift - a sheet, the same size as Settings'
   (SettingsView.css: a Catalyst sheet, 447 x 493 Mac pt). From the Swift code (2026-10-17), not measured -
   Barney prefers it to the Mac's as it is: HeaderBackIcon padded 16; the title (formTitleTextStyle) padded 16; the pages
   100 in from each side (adaptivePadding wide). The back button and title stay put while the pages
  scroll under them (Barney 2026-10-17: scrolling took the back button away). */
.Instructions_View {
  position: absolute; inset: 0; z-index: 80;
  display: grid; place-items: center;
  background: rgba(0, 0, 0, 0.2);
}
.Instructions_View-sheet {
  position: relative;
  width: 580.5px; height: 640.3px; max-width: calc(100% - 40px); max-height: calc(100% - 40px);
  display: flex; flex-direction: column;
  border-radius: 26px; overflow: hidden;
  background: var(--systemBackground);
  box-shadow: 0 0 0 0.65px rgba(0, 0, 0, 0.12), 0 20px 60px rgba(0, 0, 0, 0.25);
}
.Instructions_View-header { flex: none; box-shadow: 0 0.65px 0 rgba(0, 0, 0, 0.06); }
.Instructions_View-scroll { flex: 1; min-height: 0; overflow-y: auto; padding: 8px 0 30px; }
/* HeaderBackIcon: the round glass button, as the reports' */
/* Lined up with the input sheets (InputView.css, Barney 2026-10-17 "for all pop ups"): the back button's
   centre where their ↶ is (54.5 in, 51.6 down), the title where theirs is (42 in, 108 down) */
.Instructions_View-back {
  display: grid; place-items: center; margin: 29.2px 0 0 32.1px; width: 44.8px; height: 44.8px;
  border-radius: 22.4px; background: rgba(252, 252, 252, 0.95);
  box-shadow: 0 0 0 0.65px rgba(0, 0, 0, 0.07), 0 1px 5px rgba(0, 0, 0, 0.06);
  color: var(--titanium);
}
.Instructions_View-back .Icon { width: 26px; height: 26px; stroke-width: 1.2; }
.Instructions_View-title { padding: 33px 16px 16px 42px; font-size: 17px; font-weight: 600; line-height: 22px; color: var(--textCharcoal); }
.Instructions_View-pages { display: flex; flex-direction: column; gap: 10px; padding: 0 100px; }
.Instructions_View-page { display: block; width: 100%; height: auto; box-shadow: 0 0 0 0.65px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.08); }
/* rowDescriptionText: 16 light titanium */
.Instructions_View-missing { font-size: 16px; font-weight: var(--lightWeight); color: var(--titanium); }