/* Preparation precedes detailed analysis in DOM and keyboard order. */
.matter-layout:has(> .matter-preparation) { column-gap:48px; row-gap:28px; grid-template-rows:min-content 1fr; }
.matter-preparation { grid-column:2; grid-row:1; min-width:0; background:var(--surface, #fff); }
.reading-guide .matter-preparation { background:transparent; padding:0; }
.matter-preparation h2 { font-size:1.25rem; margin:0 0 16px; }
.matter-preparation .btn { margin-top:20px; width:100%; }
.matter-layout:has(> .matter-preparation) > .matter-main { grid-column:1; grid-row:1 / span 2; }
.matter-layout:has(> .matter-preparation) > .matter-sidebar { grid-column:2; grid-row:2; }
.matter-section .section-number { display:none; }
.matter-section { display:block; }
.matter-section p { max-width:70ch; }
@media (max-width:1023px) {
  .matter-layout:has(> .matter-preparation) > .matter-preparation,
  .matter-layout:has(> .matter-preparation) > .matter-main,
  .matter-layout:has(> .matter-preparation) > .matter-sidebar { grid-column:1; grid-row:auto; }
  .matter-layout:has(> .matter-preparation) { row-gap:36px; grid-template-rows:none; }
  .matter-preparation { padding:24px; }
  .matter-preparation .evidence-list { display:grid; grid-template-columns:1fr 1fr; gap:0 24px; }
}
@media (max-width:600px) {
  .matter-preparation .evidence-list { display:block; }
  .matter-preparation { padding:20px; }
}