/* Owner-approved layout refinement for nohumantouch.com, 4 October 2026.
   AIExposureCheck pattern: one complete first screen; details after scrolling.
   Keep the approved hero, single search action and existing motion unchanged. */
.screen {
  min-height: calc(100vh - 76px);
  min-height: calc(100svh - 76px);
  justify-content: center;
  gap: clamp(20px, 3.5vh, 40px);
  padding-top: clamp(24px, 4vh, 48px);
  padding-bottom: clamp(28px, 4vh, 48px);
}
/* A full-width snow section, with its content aligned to the dark hero.
   Scope the light palette here so the dashboard and footer stay dark. */
.more {
  --text: #17191c;
  --mute: #62666d;
  --line: #dcd9d3;
  --line2: #777c83;
  --gold: #a81f15;
  max-width: none;
  width: 100%;
  margin-top: 0;
  padding: clamp(56px, 7vw, 96px) max(28px, calc((100% - 1144px) / 2));
  background: #f6f4f0;
  color: var(--text);
  border-top: 1px solid #e6e3dd;
  scroll-margin-top: 24px;
}
.more .eyebrow { color: #a81f15; }
.more h2 { color: var(--text); }
.more .index a:hover b { color: #a81f15; }
.more .index a:focus-visible {
  outline: 2px solid #a81f15;
  outline-offset: 4px;
  border-radius: 2px;
}
/* Minimum height, never a fixed height: short screens and enlarged text
   grow naturally, without clipping the primary action or trapping scroll. */
@media (max-width: 520px) {
  .screen { gap: 20px; padding-top: 24px; padding-bottom: 32px; }
  .more { padding: 48px 16px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .more .index a, .more .index svg { transition: none; }
}