/* Accessibility findings note: the labs note article, with the files it read as its object. 25 sheets in the intro (14 flagged), the
   errors as one strip that each finding lights in part, and the request as a card the reader copies whole. Figures carry no words:
   every number is in the text beside them. */
article.rpdf h1 { font-size: clamp(2.25rem, 4.2vw, 3.75rem); max-width: 20ch; }
article.rpdf .rpdf-deck { color: var(--wp-rust); font: 600 clamp(1.5rem, 2.6vw, 2.25rem)/1.15 var(--wp-font-display); margin: calc(-1 * var(--wp-2)) 0 var(--wp-8); max-width: 26ch; text-wrap: pretty; }
article.rpdf .results-intro p:not(.eyebrow):not(.rpdf-deck) { max-width: 40em; }
article.rpdf .results-intro .lede:has(+ .lede) { margin-bottom: 0; }
article.rpdf .results-intro .lede + .lede { margin-top: var(--wp-4); }
article.rpdf .note-nobreak { white-space: nowrap; }
article.rpdf .results-intro strong { font-weight: 600; }

/* the 25 files read: a sheet per file, the 14 with an error carry a rust corner */
article.rpdf .rpdf-files { display: grid; gap: 6px; grid-template-columns: repeat(13, 1fr); margin: 0 0 var(--wp-8); max-width: 22rem; }
article.rpdf .rpdf-files .f { aspect-ratio: 3 / 4; background: var(--wp-panel); border: 1px solid var(--wp-ink); display: block; position: relative;
  clip-path: polygon(0 0, 68% 0, 100% 24%, 100% 100%, 0 100%); }
article.rpdf .rpdf-files .f::before { background: repeating-linear-gradient(var(--wp-hair) 0 1px, transparent 1px 4px); content: ""; inset: 34% 18% 14%; position: absolute; }
article.rpdf .rpdf-files .f.e { background: var(--wp-panel); }
article.rpdf .rpdf-files .f.e::after { background: var(--wp-rust); content: ""; height: 30%; left: 0; position: absolute; top: 0; width: 30%; }

/* what we read: the five kinds as a checklist */
article.rpdf .rpdf-kinds { list-style: none; padding: 0; }
article.rpdf .rpdf-kinds li { padding-left: 1.75rem; position: relative; }
article.rpdf .rpdf-kinds li::before { border: 2px solid var(--wp-ink); content: ""; height: .75rem; left: 0; position: absolute; top: .45em; width: .75rem; }
article.rpdf .rpdf-kinds li + li { margin-top: var(--wp-2); }

/* what we found: each bullet lights its run of all the errors, one cell each */
article.rpdf .rpdf-found { list-style: none; padding: 0; }
article.rpdf .rpdf-found li + li { margin-top: var(--wp-6); }
article.rpdf .rpdf-strip { display: grid; gap: 2px; grid-template-columns: repeat(47, 1fr); margin-bottom: var(--wp-2); max-width: 34rem; }
article.rpdf .rpdf-strip i { background: transparent; border: 1px solid var(--wp-hair); display: block; height: 14px; }
article.rpdf .rpdf-strip i:not(.x) { background: var(--wp-rust); border-color: var(--wp-rust); }
article.rpdf .rpdf-strip i.th { background: var(--wp-ink); border-color: var(--wp-ink); }
article.rpdf .rpdf-found-text { display: block; }
article.rpdf .rpdf-callout { border-left: 4px solid var(--wp-rust); font: 600 var(--wp-text-lede)/1.4 var(--wp-font-body); margin: var(--wp-8) 0; max-width: 34em; padding: var(--wp-1) 0 var(--wp-1) var(--wp-4); }

/* the request: the reader's tool, set whole on a panel; the copy button is added by copy.js */
article.rpdf .rpdf-request { background: var(--wp-panel); border: var(--wp-rule-strong) solid var(--wp-ink); margin: var(--wp-8) 0; max-width: 44rem; padding: var(--wp-4); }
@container page (min-width: 40rem) { article.rpdf .rpdf-request { padding: var(--wp-6); } }
article.rpdf .rpdf-request-label { color: var(--wp-muted); font: 500 var(--wp-text-cite)/1.3 var(--wp-font-mono); letter-spacing: .06em; margin: 0 0 var(--wp-3); text-transform: uppercase; }
article.rpdf .rpdf-request-text { border: 0; margin: 0; padding: 0; quotes: none; }
article.rpdf .rpdf-request-text::before, article.rpdf .rpdf-request-text::after { content: none; }
article.rpdf .rpdf-request-text p { font: 400 var(--wp-text-body)/1.6 var(--wp-font-body); margin: 0; max-width: none; }
article.rpdf .rpdf-copy { align-items: center; border-top: var(--wp-rule) solid var(--wp-hair); display: flex; flex-wrap: wrap; gap: var(--wp-2) var(--wp-4); margin-top: var(--wp-4); padding-top: var(--wp-4); }
article.rpdf #rpdf-copy-button { background: var(--wp-bio); border: 0; border-radius: var(--wp-pill); color: var(--wp-on-bio); cursor: pointer; font: 600 1rem/1 var(--wp-font-body); min-height: var(--wp-tap); padding: 0 var(--wp-6); }
article.rpdf #rpdf-copy-button:hover { background: var(--wp-cobalt-deep); }
article.rpdf #rpdf-copy-button:focus-visible { outline: 3px solid var(--wp-focus); outline-offset: 3px; }
article.rpdf .rpdf-copy-status { color: var(--wp-ink); font-size: var(--wp-text-meta); margin: 0; }
article.rpdf .rpdf-copy-status:empty { display: none; }

/* the dense paragraph: one paragraph, three beats; a meter of the 23 errors our reader listed shows how many each reader matched */
article.rpdf .rpdf-beats { max-width: 40em; }
article.rpdf .rpdf-beat { border-left: var(--wp-rule-strong) solid var(--wp-ink); display: block; padding-left: var(--wp-4); }
article.rpdf .rpdf-beat--plain { border-left-color: var(--wp-hair); }
article.rpdf .rpdf-beat + .rpdf-beat { margin-top: var(--wp-4); }
article.rpdf .rpdf-beat-text { display: block; }
article.rpdf .rpdf-meter { display: grid; gap: 2px; grid-template-columns: repeat(23, 1fr); margin-bottom: var(--wp-2); max-width: 17rem; }
article.rpdf .rpdf-meter i { border: 1px solid var(--wp-rust); display: block; height: 12px; }
article.rpdf .rpdf-meter i.m { background: var(--wp-ink); border-color: var(--wp-ink); }
article.rpdf .rpdf-offer { margin-top: var(--wp-6); }
article.rpdf .note-credit { color: var(--wp-muted); font-size: var(--wp-text-meta); margin-top: var(--wp-8); }

/* at desktop width the 25 files take the column beside the headline; the reading order is unchanged */
@container page (min-width: 64rem) {
  article.rpdf .results-intro { column-gap: var(--wp-16); display: grid; grid-template-columns: minmax(0, 46rem) minmax(14rem, 1fr); max-width: none; }
  article.rpdf .results-intro > * { grid-column: 1; }
  article.rpdf .results-intro > .rpdf-files { align-self: start; grid-column: 2; grid-row: 2 / span 3; grid-template-columns: repeat(5, 1fr); margin-top: var(--wp-3); max-width: 17rem; gap: 10px; }
}
@media (prefers-reduced-motion: no-preference) { article.rpdf #rpdf-copy-button { transition: background-color .15s; } }
@media (forced-colors: active) {
  article.rpdf .rpdf-files .f.e::after, article.rpdf .rpdf-strip i:not(.x), article.rpdf .rpdf-meter i.m { background: CanvasText; forced-color-adjust: none; }
}
/* Narrower than 20rem happens only with enlarged text: there the date wraps inside its own box instead of crossing the screen. */
@container page (max-width: 19.99rem) { article.rpdf .note-nobreak { white-space: normal; } }