/* SPDX-License-Identifier: Apache-2.0 */
/* Which section did the work? (spec 743): one paper card per skill on the desk, the plain reading
   first, then the differ's own lines typed as it printed them; the limits come once, before the
   cards. Tokens only (spec 025 AC-3); no motion, so there is nothing for the reduced-motion guard
   to hold (spec 025 AC-7). The card is a .panel, so its ink, links, code and pre take the paper
   rules of tokens.css. */
.which-section-page { min-width: 0; overflow-wrap: anywhere; }
.which-section-hero { margin: 0 0 var(--s-4); }
.which-section-hero .eyebrow { margin: 0 0 var(--s-1); }
.which-section-page .lede { font-size: var(--t-lede); line-height: 1.5; max-width: var(--w-text); }
.which-section-page h2 { overflow-wrap: anywhere; }
.pairs-complete { font-weight: 500; }

.section-card { margin: var(--s-3) 0; padding: var(--s-3); }
.section-card p, .section-card li { max-width: none; }
.section-repo { margin: 0 0 var(--s-1); font-family: var(--mono); font-size: var(--t-mono-sm); color: var(--ink-muted); }
.section-card h3 { margin: 0 0 var(--s-2); font-size: var(--t-h3); line-height: var(--lh-h2); }
.section-card h4 { margin: var(--s-3) 0 var(--s-1); font-size: var(--t-fine); font-weight: 500; color: var(--ink-muted); font-variant-caps: all-small-caps; letter-spacing: 0.04em; }
.section-headline, .section-refusal { margin: 0 0 var(--s-2); font-family: var(--display); font-size: var(--t-verdict); line-height: 1.3; }
.section-refusal { color: var(--ink-muted); }
.section-tasks { margin: 0; padding-left: var(--s-3); }
.section-tasks li { margin: var(--s-1) 0; }
.section-names { margin: var(--s-2) 0 0; font-size: var(--t-fine); font-weight: 500; }
.reading-lines { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; font-size: var(--t-mono-sm); line-height: 1.55; max-width: none; }

.section-facts { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: var(--s-1) var(--s-2); margin: 0; font-size: var(--t-fine); }
.section-facts dt { color: var(--ink-muted); }
.section-facts dd { margin: 0; min-width: 0; }
.section-facts code { white-space: pre-wrap; overflow-wrap: anywhere; }
.section-links { display: flex; flex-wrap: wrap; gap: 0 var(--s-3); margin: var(--s-2) 0 0; }
.section-links a { display: inline-flex; align-items: center; min-height: var(--touch); }

.page-caveats li { margin: var(--s-1) 0; }
.which-section-page pre.commands { white-space: pre-wrap; overflow-wrap: anywhere; }
.which-section-page .model-name { font-weight: 500; }

@media (max-width: 600px) {
  .section-card { padding: var(--s-2); }
  .section-facts { grid-template-columns: minmax(0, 1fr); }
  .section-facts dt { margin-top: var(--s-1); }
}