/* Brain page sections (ENG-1244, ENG-1531). Scoped to .knowledge-page; the Ask Brain pane keeps
   its own rules in ask-brain.css. Colour, spacing and type only via tokens. */
.knowledge-page{display:grid;gap:var(--space-8);}
.knowledge-section{display:grid;gap:var(--space-4);}
.knowledge-section-head{display:grid;gap:var(--space-1);max-width:68ch;}
.knowledge-section-head h2{margin:0;font-size:var(--fs-h3-lg);color:var(--text-primary);}
.knowledge-eyebrow{margin:0;font-size:var(--fs-caption);font-weight:var(--fw-bold);letter-spacing:0.06em;text-transform:uppercase;color:var(--text-muted);}
.knowledge-explainer{margin:0;color:var(--text-secondary);font-size:var(--fs-body);line-height:var(--lh-body);}
.knowledge-ask .ask-brain{margin-bottom:0;}
.knowledge-facts{display:grid;gap:var(--space-2);margin:var(--space-1) 0 0;padding:0;}
.knowledge-facts div{display:grid;gap:var(--space-0-5);}
.knowledge-facts dt{font-size:var(--fs-label);font-weight:var(--fw-bold);letter-spacing:0.04em;text-transform:uppercase;color:var(--text-muted);}
.knowledge-facts dd{margin:0;font-size:var(--fs-body-sm);color:var(--text-body);}
.brain-corrections-list{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none;}
.brain-correction{display:grid;gap:var(--space-2);}
.brain-correction p{margin:0;color:var(--text-body);font-size:var(--fs-body);line-height:var(--lh-body);overflow-wrap:anywhere;}
.brain-correction-label{display:block;font-size:var(--fs-label);font-weight:var(--fw-bold);letter-spacing:0.04em;text-transform:uppercase;color:var(--text-muted);}
@media (min-width:900px){.brain-correction .knowledge-facts{grid-template-columns:repeat(4,minmax(0,1fr));}}
/* ENG-1528: the Brain hero. The ask box, where to look and the holdings tiles sit in its band. */
.knowledge-hero{margin-bottom:var(--space-6);}
.knowledge-hero .dl-page-hero__band{gap:var(--space-4);}
.knowledge-hero .ask-box{margin:0;border-color:transparent;box-shadow:var(--shadow-lg);}
.knowledge-hero .ask-box:focus-within{border-color:var(--accent);box-shadow:var(--focus-ring);}
/* ENG-1649: only the tiles with a live figure, kept tile-sized; the Brain layers are one quiet line. */
.knowledge-holdings .dl-stat-grid{grid-template-columns:repeat(auto-fill,minmax(11rem,16rem));}
.knowledge-holding__detail{font-size:var(--fs-caption);color:var(--on-navy-secondary);}
.knowledge-holdings__pending{margin:var(--space-3) 0 0;font-size:var(--fs-caption);color:var(--on-navy-secondary);}
/* ENG-1531: the sources table and "How Brain works". Below 720px each source row stacks
   as a card and names its own columns, so the table never scrolls sideways. */
.knowledge-sources .dl-panel__head{flex-wrap:wrap;}
.knowledge-sources .dl-panel__titles{min-width:12rem;}
.knowledge-sources .dl-panel__body{padding:0;}
.knowledge-sources__table td{vertical-align:top;}
.knowledge-source__title{display:block;font-weight:var(--fw-bold);color:var(--text-primary);}
.knowledge-source__detail{display:block;font-size:var(--fs-caption);color:var(--text-secondary);}
.knowledge-source__when{display:block;margin-bottom:var(--space-1);font-weight:var(--fw-semibold);color:var(--text-primary);}
.knowledge-source__meaning{max-width:40ch;}
@media (max-width:719px){
  .knowledge-sources__table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
  .dl-register.knowledge-sources__table tr{display:grid;gap:var(--space-2);padding:var(--space-4);border-bottom:1px solid var(--x-hairline);}
  .dl-register.knowledge-sources__table td{display:grid;justify-items:start;gap:var(--space-1);padding:0;border:0;}
  .knowledge-sources__table td::before{content:attr(data-label);font-size:var(--fs-label);font-weight:var(--fw-bold);letter-spacing:0.04em;text-transform:uppercase;color:var(--text-muted);}
  .knowledge-source__meaning{max-width:none;}
}
.knowledge-steps{display:grid;gap:var(--space-4);margin:0;padding:0;list-style:none;grid-template-columns:minmax(0,1fr);}
@media (min-width:900px){.knowledge-steps{grid-template-columns:repeat(3,minmax(0,1fr));}}
.knowledge-step{display:grid;align-content:start;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-tile);}
.knowledge-step__head{display:flex;align-items:center;gap:var(--space-3);}
.knowledge-step__marker{display:inline-flex;flex:none;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-pill);background:var(--tone-solid);color:var(--on-solid);font-weight:var(--fw-heavy);}
.knowledge-step__title{font-size:var(--fs-h3);font-weight:var(--fw-bold);color:var(--text-primary);}
.knowledge-step__who{font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);color:var(--text-body);}
.knowledge-step__what{font-size:var(--fs-body-sm);line-height:var(--lh-body);color:var(--text-secondary);}
.knowledge-add{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border);}
.knowledge-add__label{font-weight:var(--fw-bold);color:var(--text-primary);}
.knowledge-add__note{font-size:var(--fs-body-sm);color:var(--text-secondary);}