/* r11-s7.css: #s7, the Disclaimer, on every width — the owner's pick "B" (2026-10-20): a pastel red band
   across the whole window, "Disclaimer" centred in the serif with two red lines drawn by hand under it,
   the text centred under that in deep red. The band is the block's own background carried to the window's
   edges (box-shadow + clip-path), so it never needs the section's markup changed. */

.r11-s7 {
  --s7-band: #FCEBEA;
  --s7-ink: #9B2C2C;   /* 6.9:1 on the band */
  --s7-pen: #B42B2B;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  /* No band colour (owner, 21 Oct 2026): the page's own ground, as every other section; the red stays in the
     heading, its pen lines and the text. The paddings keep the block's height (the jump centring uses it). */
  color: var(--s7-ink);
}
.r11-s7 > * { margin: 0; }

.r11-s7-h {
  position: relative;
  padding-bottom: 12px;
  font-family: var(--serif);
  font-weight: 500;
  font-size: 28px;
  line-height: 1.1;
  letter-spacing: -.01em;
  font-optical-sizing: auto;
}
.r11-s7-lines {
  position: absolute;
  left: 50%;
  bottom: -6px;
  width: 170px;
  height: 18px;
  margin-left: -85px;
  overflow: visible;
}
.r11-s7-lines path { fill: none; stroke: var(--s7-pen); stroke-width: 2; stroke-linecap: round; }
.r11-s7-lines .r11-s7-l2 { stroke-width: 1.7; }

.r11-s7-p {
  max-width: 760px;
  margin-top: 22px;
  font-family: var(--serif);
  font-weight: 400;
  font-size: 20px;
  line-height: 1.5;
  font-optical-sizing: auto;
  text-wrap: pretty;
}

@media (min-width: 768px) {
  .r11-s7 { padding: 48px 0 52px; }
  /* An interlude with equal air: 72px of white above the band (s6's 56 + 16) and 72 below it (8 + #s8's
     own top padding, 64). Polish r3: was 64 | 64 (8 + 0); at 8px a /#s6 jump at 1512x945 left a 7px strip
     of the band at the window's foot (#s6 is 930px tall there; the band now starts at 946).
     A rail jump or a link to #s7 lands the BAND centred on the window's middle: the section is 309px tall
     at 1512 (16 + the 285px band + 8), the band's centre 158px under the section's top (16 + 142.4), so
     the band sits mid-screen and the rail (active = the section under the middle) lights 07, not 08
     (polish r2: at 48px the band landed at 48-341 and the middle fell in the Method). Never less than 48px. */
  #s7.r11 { --step-pt: 16px; --step-pb: 8px; scroll-margin-top: max(48px, calc(50vh - 158px)); }
  /* A calmer measure: four balanced lines of ~64 characters (the copy is 256; three lines would need ~720px). */
  .r11-s7-p { max-width: 680px; text-wrap: balance; }
  /* Centred on the window, as the band is: the story column sits 12px left of the window's centre while
     --story-left is 48px (under 1344px); from 1344 up the shift is 0. */
  .r11-s7 > * { position: relative; left: max(0px, calc((var(--story-right) - var(--story-left)) / 2)); }
}

@media (max-width: 767px) {
  .r11-s7 { margin-top: var(--join, 28px); padding: 32px 0 36px; }
  .r11-s7-h { font-size: 24px; }
  .r11-s7-lines { width: 140px; margin-left: -70px; }
  .r11-s7-p { margin-top: 18px; font-size: 18px; line-height: 1.45; }
}