/* QD-C15 reading layer (2026-10-31; Sam approval 1:50 PM PT). Linked last on the ten story pages only.
   PRESENTATION ONLY: no words, artwork files, consent or measurement code are changed here.
   Every rule is keyed on html[data-qd-c15] (set by tools/c15.py) and scoped to one story id, except the byline and end-nav.
   1  Opening byline (all ten stories)                      5  Team opening stacked (>=981)
   2  Coast "Then another." flat sequence (>=981)          6  Team tablet repairs (700-980)
   3  Human "People who" flat sequence (>=981)             7  End navigation: one width (all ten, >=1600)
   4  Team closing flat sequence (>=981)                   8  Text columns beside plates (finding 4; >=981)
   2-4 reuse the reduced-motion flat sequences that already ship in each page; the values are copied from those blocks. */

/* 1 ---------------------------------------------------------------- byline */
html[data-qd-c15] .qd-byline{display:block;margin:1.1rem 0 0;padding:0;font:500 .75rem/1.5 "IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,currentColor 64%,transparent)}
html[data-qd-c15] .qd-byline a{color:inherit;text-decoration:none;border:0}
html[data-qd-c15] .qd-byline a:hover,html[data-qd-c15] .qd-byline a:focus-visible{text-decoration:underline;text-underline-offset:.25em}
html[data-qd-c15] .qd-byline a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
/* Coast: the byline is its own line, clearly apart from the COAST BEFORE DAWN source label below it */
html[data-qd-c15] #qd-coast .qd-byline{margin:1.25rem 0 2.25rem}
/* Human: apart from the subtitle label above it */
html[data-qd-c15] #qd-human .qd-byline{margin-top:1.4rem}
/* Return: its opening is a four-track grid (label / title | lead / plate); the byline joins the lead's track, under the lead */
html[data-qd-c15] #return.piece > .opening > .qd-byline{grid-column:3;margin-top:.9rem}
@media (min-width:981px){html[data-qd-c15] #return.piece > .opening > .qd-byline{padding-left:1.6vw}} /* = the lead's inset (1.6vw), measured 23.04px at 1440 */
/* Team: under the question, before the body */
html[data-qd-c15] #qd-team .opening .qd-byline{margin-top:1.25rem}

/* 2 ---------------------------------------------------------------- Coast: flat "Then another." (copied from the page's reduced-motion block) */
@media (min-width:981px){
  html[data-qd-c15] body #qd-coast#qd-coast#qd-coast .recurrence{min-height:0!important;height:auto!important;padding-block:14svh 16svh!important}
  html[data-qd-c15] body #qd-coast#qd-coast#qd-coast .recurrence-stage{position:relative!important;top:auto!important;height:auto!important;display:block!important;overflow:visible!important}
  html[data-qd-c15] body #qd-coast#qd-coast#qd-coast .recurrence-anchor{display:none!important}
  html[data-qd-c15] body #qd-coast#qd-coast#qd-coast .recurrence-copy{position:static!important;height:auto!important;max-width:40rem!important}
  html[data-qd-c15] body #qd-coast#qd-coast#qd-coast .recurrence-copy .cluster{position:static!important;visibility:visible!important;display:block!important;opacity:1!important;transform:none!important}
  html[data-qd-c15] body #qd-coast#qd-coast#qd-coast .recurrence-copy .cluster+.cluster{margin-top:12svh}
  html[data-qd-c15] body #qd-coast#qd-coast#qd-coast .mobile-anchor{display:block!important;position:static!important;margin:0 0 6svh!important;padding:0!important;background:none!important;box-shadow:none!important;font:500 clamp(3rem,4.7vw,5.75rem)/.985 var(--sans)!important;letter-spacing:-.049em!important;color:var(--ink)}
  html[data-qd-c15] body #qd-coast#qd-coast#qd-coast .mobile-anchor .anchor-fixed,html[data-qd-c15] body #qd-coast#qd-coast#qd-coast .mobile-anchor .anchor-change{display:block}
  html[data-qd-c15] body #qd-coast#qd-coast#qd-coast .mobile-anchor.repeat{margin-top:10svh!important}
}

/* 3 ---------------------------------------------------------------- Human: flat "People who" (the page's people-fallback) */
@media (min-width:981px){
  html[data-qd-c15] body #qd-human#qd-human#qd-human .people{height:auto!important;min-height:0!important;padding-block:clamp(56px,11svh,140px)!important;position:relative!important}
  html[data-qd-c15] body #qd-human#qd-human#qd-human .people-sticky{display:none!important}
  html[data-qd-c15] body #qd-human#qd-human#qd-human .people-fallback{display:block!important;position:static!important;inset:auto!important;width:auto!important;height:auto!important;max-width:var(--max)!important;margin:0 auto!important;padding:0 var(--pad)!important;overflow:visible!important;clip:auto!important;clip-path:none!important;white-space:normal!important;border:0!important}
  html[data-qd-c15] body #qd-human#qd-human#qd-human .people-fallback .full{max-width:calc(var(--qd10-prose) + 6rem)!important;font-size:clamp(30px,2.8vw,46px)!important;line-height:1.08!important;letter-spacing:-.04em!important;margin:0 0 1.1em!important;white-space:normal!important}
  html[data-qd-c15] body #qd-human#qd-human#qd-human .people-fallback .full:last-child{margin-bottom:0!important}
}

/* 4 ---------------------------------------------------------------- Team closing: flat (copied from the page's reduced-motion block) */
@media (min-width:981px){
  html[data-qd-c15] body #qd-team#qd-team#qd-team .closing{height:auto!important;min-height:0!important;padding:16svh 0!important;position:relative}
  html[data-qd-c15] body #qd-team#qd-team#qd-team .closing-stage{position:relative!important;height:auto!important;display:block!important;overflow:visible!important;padding-inline:var(--pad)}
  html[data-qd-c15] body #qd-team#qd-team#qd-team .closing-line,html[data-qd-c15] body #qd-team#qd-team#qd-team .closing-art,html[data-qd-c15] body #qd-team#qd-team#qd-team .closing-note{display:none!important}
  html[data-qd-c15] body #qd-team#qd-team#qd-team .closing .source-flow{display:block!important;position:static!important;width:auto!important;height:auto!important;margin:0 auto!important;max-width:var(--max);padding-inline:var(--pad);overflow:visible!important;clip:auto!important;clip-path:none!important;white-space:normal!important}
  html[data-qd-c15] body #qd-team#qd-team#qd-team .mobile-close-item{display:grid;grid-template-columns:.75fr 1.25fr;gap:var(--gap);align-items:center;margin-bottom:12svh}
  html[data-qd-c15] body #qd-team#qd-team#qd-team .mobile-close-item:last-child{margin-bottom:0}
  html[data-qd-c15] body #qd-team#qd-team#qd-team .mobile-close-item img{width:100%;height:auto}
  html[data-qd-c15] body #qd-team#qd-team#qd-team .mobile-close-item p{font-size:clamp(52px,6vw,96px);line-height:.94;letter-spacing:-.06em;font-weight:500;margin:0}
}

/* 5 ---------------------------------------------------------------- Team opening: one column (question, byline, body) */
@media (min-width:981px){
  html[data-qd-c15] body #qd-team#qd-team#qd-team .opening-grid{display:block!important}
  html[data-qd-c15] body #qd-team#qd-team#qd-team .opening-grid>*{max-width:var(--qd10-prose,34rem)}
  html[data-qd-c15] body #qd-team#qd-team#qd-team .bearing{padding-top:clamp(2.5rem,7vh,4.5rem)!important;max-width:34rem}
}

/* 6 ---------------------------------------------------------------- Team tablet repairs (601-980; Sam's amendment names 700-980, 601-699 had the same defects)
   Values follow the phone (<=600) spacing scale. Measured defects in C14 at 700/768/980: 50px caption, 0px question gap,
   ~500px voids where a 100svh sticky stage holds a shorter source flow, ~20,000px page. */
@media (min-width:601px) and (max-width:980px){
  html[data-qd-c15] body #qd-team#qd-team#qd-team .midspan-note,html[data-qd-c15] body #qd-team#qd-team#qd-team .holds-copy{font-size:12px!important;line-height:1.5!important;letter-spacing:.14em!important;font-weight:500;text-transform:uppercase}
  html[data-qd-c15] body #qd-team#qd-team#qd-team .opening{padding-block:48px 8svh!important}
  html[data-qd-c15] body #qd-team#qd-team#qd-team .opening .question{margin-bottom:5svh!important}
  html[data-qd-c15] body #qd-team#qd-team#qd-team .midspan{padding-block:5svh 9svh!important}
  html[data-qd-c15] body #qd-team#qd-team#qd-team .midspan-grid{gap:3svh!important}
  html[data-qd-c15] body #qd-team#qd-team#qd-team .imperfect,html[data-qd-c15] body #qd-team#qd-team#qd-team .context,html[data-qd-c15] body #qd-team#qd-team#qd-team .questions,html[data-qd-c15] body #qd-team#qd-team#qd-team .gap-section,html[data-qd-c15] body #qd-team#qd-team#qd-team .closing,html[data-qd-c15] body #qd-team#qd-team#qd-team .support,html[data-qd-c15] body #qd-team#qd-team#qd-team .friction-intro,html[data-qd-c15] body #qd-team#qd-team#qd-team .shared{padding-block:7svh!important}
  html[data-qd-c15] body #qd-team#qd-team#qd-team .sticky-stage{min-height:0!important;height:auto!important}
  html[data-qd-c15] body #qd-team#qd-team#qd-team .source-flow{gap:3svh!important}
  html[data-qd-c15] body #qd-team#qd-team#qd-team .support-pass02-grid,html[data-qd-c15] body #qd-team#qd-team#qd-team .friction-pass02-grid{gap:5svh!important}
}

/* 7 ---------------------------------------------------------------- End navigation: the C12/Return width on all ten (Claude finding 5) */
@media (min-width:1600px){
  html[data-qd-c15] body[data-pa-presentation="standalone"] .qd-next-in{max-width:calc(1200px + 2 * clamp(3rem,5vw,5.5rem))}
}

/* 8 ---------------------------------------------------------------- Text columns beside plates (finding 4): per passage, below */
/* Each of the nine plate passages in these four stories had its copy pinned to the top of a taller plate, leaving
   150-456px of blank column under the words (C14, 1440). Resolution per passage, measured in RESULTS.md:
   the copy is centred on its plate, so the words sit at the painting's optical middle and the reading line
   runs through the plate instead of stopping above an empty well. Plates keep their size, crop and position.
   The Container and The Practice of Returning are protected and not touched here. */
@media (min-width:981px){
  html[data-qd-c15].qd-six #the-constellation.six > .with-art > .copy,
  html[data-qd-c15].qd-six #showing-up.six > .with-art > .copy,
  html[data-qd-c15].qd-six #we-werent-talking-about-the-same-tree.six > .with-art > .copy,
  html[data-qd-c15].qd-six #knowledge-was-on-loan.six > .with-art > .copy{align-self:center}
  /* Constellation, first plate (n-pin): the copy carried a min-height of plate + 22svh so the plate could travel
     ~200px while the words ran out after 286px; the travel read as a 456px empty well. The plate now sits level
     with the centred copy (pin travel removed, plate unchanged). */
  html[data-qd-c15].qd-six #the-constellation.six > .with-art.n-pin > .copy{min-height:0}
}