/* Layout: generous reading space, small photographs and a stack of index cards. */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-padding-top: 1.5rem; }
body { margin: 0; }
img { max-width: 100%; }
button, textarea { max-width: 100%; }
a { overflow-wrap: anywhere; }
.c-site-shell { width: min(100% - 5rem, 74rem); margin-inline: auto; }
.c-site-header { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding-block: 1.6rem; }
.c-wordmark { display: inline-flex; align-items: center; gap: .8rem; min-height: 44px; flex-shrink: 0; }
.c-mark { display: block; width: 25px; height: 34px; position: relative; flex-shrink: 0; }
.c-mark::after { content: ''; position: absolute; width: 12px; height: 4px; top: 9px; left: 5px; }
.c-topic-nav { display: flex; gap: 2rem; }
.c-nav-label { margin: 0 0 .5rem; padding-left: .8rem; }
.c-topic-cluster ul { display: flex; list-style: none; padding: 0; margin: 0; gap: .3rem; flex-wrap: wrap; }
.c-topic-cluster a { display: inline-flex; align-items: center; min-height: 46px; padding: .65rem .8rem; }
.c-hero { padding-block: 3.75rem 3rem; max-width: 58rem; }
.c-hero-home { display: grid; grid-template-columns: minmax(0, 1.9fr) minmax(0, 1fr); gap: 3.5rem; align-items: center; max-width: none; }
.c-hero-copy { min-width: 0; }
.c-eyebrow { display: inline-block; margin: 0 0 1.5rem; padding: .55rem 1.15rem .55rem .9rem; }
.c-title { margin: 0; }
.c-deck { max-width: 49ch; margin: 1.5rem 0 0; }
.c-still-life { width: 100%; max-width: 20rem; margin: 0 0 0 auto; padding: .75rem .75rem 1rem; }
.c-image-well { width: 100%; overflow: hidden; }
.c-image-well img { display: block; width: 100%; height: auto; aspect-ratio: 5 / 4; object-fit: cover; padding: .5rem; }
.c-still-life figcaption, .c-reading-image figcaption { padding: .8rem .25rem 0; }
.c-lesson { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.5fr); gap: 1.25rem; margin-block: .75rem; align-items: stretch; }
.c-lesson-myth, .c-lesson-fact { padding: 1.75rem 2rem 2rem; min-width: 0; }
.c-label { display: inline-block; margin: 0 0 1.25rem; padding: .4rem 1.1rem .4rem .75rem; }
.c-myth, .c-answer { margin: 0; max-width: 42ch; }
.c-evidence-jump { display: inline-flex; gap: 1rem; min-height: 46px; align-items: center; margin-top: 1rem; padding: .6rem .8rem; }
.c-reading { display: grid; grid-template-columns: minmax(0, 1fr) 16rem; gap: 4.5rem; align-items: start; padding-block: 4rem; }
.c-reading-body { max-width: 67ch; min-width: 0; }
.c-section-title { margin: 2.75rem 0 1.1rem; }
.c-section-title:first-child { margin-top: 0; }
.c-reading-body p { margin: 1rem 0; }
.c-margin { padding: 1.5rem 1.5rem 1.75rem; }
.c-margin h2 { margin: 0 0 1.5rem; }
.c-margin dl { margin: 0; }
.c-margin dt { margin-top: 1.75rem; }
.c-margin dt:first-child { margin-top: 0; }
.c-margin dd { margin: .4rem 0 0; }
.c-check-list, .c-question-list { margin-block: 1.25rem; padding-left: 1.5rem; }
.c-check-list li, .c-question-list li { padding: .6rem .5rem; }
.c-route-links { display: flex; flex-direction: column; align-items: flex-start; gap: .5rem; margin-block: 1.5rem; }
.c-route-links a { display: inline-flex; align-items: center; gap: 1rem; min-height: 48px; padding: .7rem 1rem; }
.c-question-strip { padding: 1.5rem 1.75rem; margin-top: 2rem; }
.c-question-strip h3 { margin: 0 0 .75rem; }
.c-question-strip p { margin: 0; }
.c-bill-map { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-block: 1.75rem; }
.c-bill-map > div { padding: 1.5rem; min-width: 0; }
.c-bill-map h3 { margin: 0 0 .7rem; }
.c-bill-map p { margin: 0; }
.c-reading-image { width: min(100%, 28rem); margin: 2.5rem 0; padding: .75rem .75rem 1rem; }
.c-reading-image img { aspect-ratio: 3 / 2; }
.c-sources { padding: 2rem 2.5rem; }
.c-sources-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.c-sources-heading h2 { margin: 0; }
.c-source-date { margin: 1rem 0; }
.c-sources > p { max-width: 68ch; }
.c-sources ul { list-style: none; margin: 1.5rem 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 1rem 2.5rem; }
.c-sources li { padding-top: .75rem; min-width: 0; }
.c-sources li a { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 48px; padding-block: .6rem; }
.c-sources li p { margin: .25rem 0 .7rem; max-width: 48ch; }
.c-next { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: .5rem 1.5rem; padding: 1.5rem; margin-block: 2rem; min-height: 80px; }
.c-next > span:first-child { grid-column: 1; }
.c-next > strong { grid-column: 1; }
.c-next > span:last-child { grid-column: 2; grid-row: 1 / 3; }
.c-notes { padding: 2rem 2.5rem; margin-block: 2rem 3rem; }
.c-notes[hidden] { display: none; }
.c-notes-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.c-notes-heading h2, .c-notes-heading p { margin: 0 0 1rem; }
.c-notes label { display: block; margin-bottom: .75rem; }
.c-notes textarea { width: 100%; padding: 1rem; resize: vertical; min-height: 8rem; }
.c-notes-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; margin-top: 1rem; }
.c-notes-actions button { min-height: 48px; min-width: 100px; padding: .7rem 1.4rem; cursor: pointer; }
.c-notes-actions p { margin: 0; }
.c-footer { padding-block: 2rem; display: flex; justify-content: space-between; gap: 1.5rem; align-items: flex-start; }
.c-footer p { max-width: 45ch; margin: 0; }
.c-footer > div { display: flex; gap: 1.5rem; flex-wrap: wrap; }
.c-footer a { display: inline-flex; align-items: center; min-height: 44px; padding-block: .5rem; }
.c-skip { position: absolute; left: 1rem; top: -8rem; min-height: 48px; padding: .75rem 1rem; z-index: 20; }
.c-skip:focus { top: 1rem; }
.c-recovery { max-width: 65ch; padding-block: 4rem; }
@media (max-width: 1120px) {
  .c-site-header { flex-direction: column; align-items: flex-start; gap: 1.25rem; }
  .c-topic-nav { width: 100%; justify-content: space-between; }
  .c-reading { gap: 2.5rem; }
  .c-hero-home { gap: 2rem; grid-template-columns: minmax(0, 1.9fr) minmax(0, 1fr); }
}
@media (max-width: 720px) {
  .c-site-shell { width: calc(100% - 2rem); }
  .c-site-header { padding-block: 1.25rem; }
  .c-topic-nav { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; }
  .c-topic-cluster { min-width: 0; }
  .c-nav-label { padding-left: .55rem; }
  .c-topic-cluster ul { flex-direction: column; align-items: stretch; gap: .25rem; }
  .c-topic-cluster a { width: 100%; padding-inline: .55rem; }
  .c-hero { padding-block: 2.5rem 2rem; }
  .c-hero-home { grid-template-columns: 1fr; gap: 2rem; }
  .c-still-life { max-width: 16rem; margin: 0 0 0 auto; }
  .c-still-life img { aspect-ratio: 3 / 2; }
  .c-lesson { grid-template-columns: 1fr; gap: 1rem; }
  .c-lesson-myth, .c-lesson-fact { padding: 1.5rem; }
  .c-reading { grid-template-columns: 1fr; gap: 2.5rem; padding-block: 3rem; }
  .c-margin { padding: 1.5rem; }
  .c-bill-map { grid-template-columns: 1fr; }
  .c-sources, .c-notes { padding: 1.5rem; }
  .c-sources ul { grid-template-columns: 1fr; gap: 0; }
  .c-next { column-gap: .75rem; }
  .c-notes-actions { gap: .75rem; }
  .c-notes-actions p { flex-basis: 100%; }
  .c-footer { flex-direction: column; }
  .c-recovery { padding-block: 2.5rem; }
}