/* Basic reset */

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background: #f7f5ef;
  color: #222222;
  font-family: Georgia, "Times New Roman", serif;
}


/* Site header */

header {
  max-width: 1100px;
  margin: 0 auto;
  padding: 32px 40px;
}

header p {
  margin: 0;
  font-size: 15px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}


/* Main homepage content */

main {
  max-width: 900px;
  margin: 0 auto;
  padding: 110px 40px 140px;
}

h1 {
  max-width: 750px;
  margin: 0 0 36px;
  font-size: clamp(52px, 7vw, 82px);
  line-height: 1.02;
  font-weight: 400;
  letter-spacing: -0.035em;
}

p {
  max-width: 700px;
  margin: 0 0 22px;
  font-size: 21px;
  line-height: 1.6;
}

a {
  display: inline-block;
  margin-top: 24px;
  color: #222222;
  font-size: 19px;
  text-decoration: none;
  border-bottom: 1px solid #777777;
  padding-bottom: 3px;
}

a:hover {
  border-bottom-color: #222222;
}


/* Small screens */

@media (max-width: 650px) {
  header {
    padding: 24px;
  }

  main {
    padding: 70px 24px 100px;
  }

  p {
    font-size: 19px;
  }
}/* Atlas foyer */

.site-header {
  max-width: 1100px;
  margin: 0 auto;
  padding: 32px 40px;
}

.site-name {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 15px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.atlas-home {
  max-width: 1000px;
  margin: 0 auto;
  padding: 80px 40px 140px;
}

.atlas-intro {
  max-width: 760px;
  margin-bottom: 70px;
}

.eyebrow {
  margin-bottom: 18px;
  font-size: 14px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.atlas-intro h1 {
  margin-bottom: 28px;
}

.intro-text {
  max-width: 680px;
}

.atlas-routes {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.route {
  display: block;
  margin: 0;
  padding: 30px;
  min-height: 270px;

  border: 1px solid #d8d5cc;
  text-decoration: none;
}

.route:hover {
  border-color: #77736a;
}

.route h2 {
  max-width: 360px;
  margin: 0 0 18px;

  font-size: 27px;
  line-height: 1.2;
  font-weight: 400;
}

.route p {
  margin-bottom: 32px;
  font-size: 17px;
  line-height: 1.55;
}

.route span {
  font-size: 16px;
}

.full-map-link {
  margin-top: 40px;
  text-align: center;
}

.full-map-link p {
  margin: 0 auto 14px;
}

.full-map-link a {
  margin-top: 0;
}

/* Atlas foyer on small screens */

@media (max-width: 700px) {
  .atlas-home {
    padding: 60px 24px 100px;
  }

  .atlas-routes {
    grid-template-columns: 1fr;
  }

  .route {
    min-height: 0;
  }
}
/* Kinds explorer */

.kinds-page {
  max-width: 1050px;
  margin: 0 auto;
  padding: 60px 40px 120px;
}

.breadcrumb {
  display: flex;
  gap: 10px;
  margin-bottom: 70px;
  font-size: 14px;
}

.breadcrumb a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: inherit;
}

.kinds-intro {
  max-width: 780px;
  margin-bottom: 80px;
}

.kinds-intro h1 {
  margin-bottom: 30px;
}

.kind-groups {
  display: grid;
  gap: 24px;
}

.kind-group {
  padding: 40px;
  border: 1px solid #d8d5cc;
}

.group-number {
  margin-bottom: 14px;
  font-size: 13px;
  letter-spacing: 0.1em;
}

.kind-group h2 {
  margin: 0 0 10px;
  font-size: 32px;
  font-weight: 400;
}

.group-intro {
  margin-bottom: 35px;
  font-size: 17px;
}

.kind-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.kind-list li {
  display: grid;
  grid-template-columns: minmax(220px, 0.8fr) 1.4fr;
  gap: 30px;

  padding: 19px 0;
  border-top: 1px solid #dedbd3;
}

.kind-list strong {
  font-size: 17px;
  font-weight: 400;
}

.kind-list span {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #62605a;
}

.developing-kinds {
  margin-top: 30px;
  padding: 30px 0;
  border-top: 1px solid #d8d5cc;
  border-bottom: 1px solid #d8d5cc;
}

.developing-kinds summary {
  cursor: pointer;
  font-size: 22px;
}

.details-content {
  max-width: 700px;
  padding-top: 25px;
}

.details-content p {
  font-size: 17px;
}

.explorer-nav {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}

.explorer-nav a {
  font-size: 16px;
}


/* Kinds explorer on small screens */

@media (max-width: 700px) {
  .kinds-page {
    padding: 50px 24px 90px;
  }

  .kind-group {
    padding: 26px;
  }

  .kind-list li {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .explorer-nav {
    flex-direction: column;
    gap: 20px;
  }
}
/* Dissociations explorer */

.dissociations-page {
  max-width: 1050px;
  margin: 0 auto;
  padding: 60px 40px 120px;
}

.dissociations-intro {
  max-width: 780px;
  margin-bottom: 80px;
}

.dissociations-intro h1 {
  margin-bottom: 30px;
}

.dissociation-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.dissociation-card {
  padding: 32px;
  border: 1px solid #d8d5cc;
}

.card-label {
  margin-bottom: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #77736a;
}

.dissociation-card h2 {
  margin: 0 0 20px;
  font-size: 26px;
  line-height: 1.2;
  font-weight: 400;
}

.dissociation-card p {
  font-size: 17px;
}

.dissociation-card .example {
  margin-top: 25px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.55;
  color: #62605a;
}

.dissociation-note {
  max-width: 760px;
  margin-top: 80px;
  padding-top: 35px;
  border-top: 1px solid #d8d5cc;
}

.dissociation-note h2 {
  margin: 0 0 20px;
  font-size: 30px;
  font-weight: 400;
}

.dissociation-note p {
  font-size: 18px;
}


/* Dissociations on small screens */

@media (max-width: 700px) {
  .dissociations-page {
    padding: 50px 24px 90px;
  }

  .dissociation-grid {
    grid-template-columns: 1fr;
  }
}
/* Cases explorer */

.cases-page {
  max-width: 1050px;
  margin: 0 auto;
  padding: 60px 40px 120px;
}

.cases-intro {
  max-width: 780px;
  margin-bottom: 80px;
}

.cases-intro h1 {
  margin-bottom: 30px;
}

.case-list {
  border-top: 1px solid #d8d5cc;
}

.case {
  display: grid;
  grid-template-columns: 0.75fr 1.4fr;
  gap: 60px;

  padding: 42px 0;
  border-bottom: 1px solid #d8d5cc;
}

.case-number {
  margin-bottom: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  letter-spacing: 0.08em;
  color: #77736a;
}

.case h2 {
  margin: 0;
  font-size: 31px;
  font-weight: 400;
}

.case-body > p {
  margin-top: 0;
  font-size: 18px;
}

.look-at {
  margin-top: 28px;
}

.look-at p {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #62605a;
}

.look-at .look-label {
  margin-bottom: 5px;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8a877f;
}

.cases-note {
  max-width: 760px;
  margin-top: 90px;
  padding: 40px 0;
}

.cases-note h2 {
  margin: 0 0 22px;
  font-size: 34px;
  font-weight: 400;
}

.cases-note p {
  font-size: 18px;
}


/* Cases on small screens */

@media (max-width: 700px) {
  .cases-page {
    padding: 50px 24px 90px;
  }

  .case {
    grid-template-columns: 1fr;
    gap: 18px;
  }
}
/* How alignment happens */

.dynamics-page {
  max-width: 1050px;
  margin: 0 auto;
  padding: 60px 40px 120px;
}

.dynamics-intro {
  max-width: 780px;
  margin-bottom: 90px;
}

.dynamics-intro h1 {
  margin-bottom: 30px;
}

.mechanism-intro {
  max-width: 760px;
  margin-bottom: 35px;
}

.mechanism-intro h2 {
  margin: 0;
  font-size: 34px;
  font-weight: 400;
}

.mechanism-list {
  border-top: 1px solid #d8d5cc;
}

.mechanism {
  display: grid;
  grid-template-columns: 0.85fr 1.4fr;
  gap: 60px;

  padding: 42px 0;
  border-bottom: 1px solid #d8d5cc;
}

.mechanism-number {
  margin-bottom: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  letter-spacing: 0.08em;
  color: #77736a;
}

.mechanism-question h2 {
  max-width: 330px;
  margin: 0;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 400;
}

.mechanism-body > p:first-child {
  margin-top: 0;
  font-size: 18px;
}

.mechanism-examples,
.mechanism-caution {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.6;
}

.mechanism-examples {
  margin-top: 25px;
  color: #55534e;
}

.mechanism-caution {
  margin-top: 16px;
  color: #77736a;
}

.mechanism-note {
  max-width: 760px;
  margin-top: 90px;
}

.mechanism-note h2 {
  margin: 0 0 22px;
  font-size: 34px;
  font-weight: 400;
}

.mechanism-note p {
  font-size: 18px;
}

.mechanism-prompt {
  max-width: 820px;
  margin: 90px 0 20px;
  padding: 45px 0;
  border-top: 1px solid #d8d5cc;
  border-bottom: 1px solid #d8d5cc;
}

.mechanism-prompt > p:first-child {
  margin-bottom: 16px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #77736a;
}

.mechanism-prompt h2 {
  max-width: 720px;
  margin: 0 0 20px;
  font-size: 36px;
  line-height: 1.2;
  font-weight: 400;
}

.mechanism-prompt > p:last-child {
  margin: 0;
  font-size: 18px;
}


/* How alignment happens on small screens */

@media (max-width: 700px) {
  .dynamics-page {
    padding: 50px 24px 90px;
  }

  .mechanism {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .mechanism-prompt h2 {
    font-size: 30px;
  }
}
/* Individual Atlas entries */

.entry-page {
  max-width: 1000px;
  margin: 0 auto;
  padding: 60px 40px 130px;
}

.entry-hero {
  max-width: 790px;
  margin-bottom: 90px;
}

.entry-hero h1 {
  margin: 0 0 24px;
}

.entry-question {
  max-width: 730px;
  margin-bottom: 28px;
  font-size: 28px;
  line-height: 1.35;
}

.entry-summary {
  max-width: 720px;
  font-size: 19px;
}

.entry-section {
  max-width: 760px;
  margin: 80px 0;
  padding-top: 35px;
  border-top: 1px solid #d8d5cc;
}

.entry-section h2 {
  margin: 0 0 24px;
  font-size: 34px;
  line-height: 1.2;
  font-weight: 400;
}

.entry-section p {
  font-size: 18px;
}

.perspective-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin: 80px 0;
}

.perspective-grid article {
  padding: 26px;
  border: 1px solid #d8d5cc;
}

.perspective-grid h3 {
  margin: 0 0 15px;
  font-size: 23px;
  font-weight: 400;
}

.perspective-grid article p:last-child {
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
}

.entry-prompt h2 {
  max-width: 720px;
  font-size: 38px;
}

.related-entries {
  margin-top: 100px;
}

.related-links {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.related-links a {
  display: block;
  margin: 0;
  padding: 24px;
  border: 1px solid #d8d5cc;
  text-decoration: none;
}

.related-links a:hover {
  border-color: #77736a;
}

.related-links span {
  display: block;
  margin-bottom: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #77736a;
}

.related-links strong {
  font-size: 18px;
  font-weight: 400;
}


/* Dissociation entry */

.dissociation-comparison {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 30px;
  margin: 80px 0;
}

.dissociation-comparison article {
  padding: 30px;
  border: 1px solid #d8d5cc;
}

.dissociation-comparison h2 {
  margin: 0 0 15px;
  font-size: 27px;
  font-weight: 400;
}

.dissociation-comparison article p:last-child {
  margin: 0;
  font-size: 16px;
}

.not-equal {
  font-size: 34px;
}

.evidence-note {
  background: rgba(0, 0, 0, 0.018);
  padding: 35px;
  border: 0;
}


/* Case entry */

.case-lenses {
  margin: 90px 0;
}

.lens-links {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.lens-links a {
  display: block;
  margin: 0;
  padding: 28px;
  border: 1px solid #d8d5cc;
  text-decoration: none;
}

.lens-links a:hover {
  border-color: #77736a;
}

.lens-links span {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #77736a;
}

.lens-links h3 {
  margin: 12px 0 15px;
  font-size: 25px;
  font-weight: 400;
}

.lens-links p {
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
}


/* Individual entries on small screens */

@media (max-width: 700px) {
  .entry-page {
    padding: 50px 24px 90px;
  }

  .entry-question {
    font-size: 23px;
  }

  .perspective-grid,
  .related-links,
  .lens-links {
    grid-template-columns: 1fr;
  }

  .dissociation-comparison {
    grid-template-columns: 1fr;
  }

  .not-equal {
    text-align: center;
  }

  .entry-prompt h2 {
    font-size: 30px;
  }
}
.inline-entry-link,
.heading-entry-link {
  margin: 0;
  padding: 0;
  border: 0;
  color: inherit;
  font: inherit;
  text-decoration: none;
}

.inline-entry-link:hover,
.heading-entry-link:hover {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
/* Essay pages */

.essay-page {
  max-width: 900px;
  margin: 0 auto;
  padding: 60px 40px 130px;
}

.essay-page .breadcrumb {
  margin-bottom: 55px;
}

.essay {
  max-width: 760px;
}

/* Undo the generic header styling inside the article */

.essay-header {
  max-width: none;
  margin: 0 0 70px;
  padding: 0;
}

.essay-header .eyebrow {
  margin: 0 0 18px;
  font-size: 13px;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.essay-header h1 {
  max-width: 760px;
  margin: 0 0 24px;
  font-size: clamp(48px, 7vw, 68px);
  line-height: 1.02;
  font-weight: 400;
  letter-spacing: -0.035em;
}

.essay-subtitle {
  max-width: 680px;
  margin: 0;
  font-size: 22px;
  line-height: 1.5;
  letter-spacing: 0;
  text-transform: none;
}

/* Long-form typography */

.essay-body {
  max-width: 720px;
}

.essay-body p {
  max-width: none;
  margin: 0 0 26px;
  font-size: 18px;
  line-height: 1.72;
}

.essay-body h2 {
  max-width: 700px;
  margin: 64px 0 26px;
  font-size: 32px;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: -0.015em;
}

.essay-body h3 {
  margin: 48px 0 20px;
  font-size: 24px;
  line-height: 1.3;
  font-weight: 400;
}

/* Links inside prose should behave like prose links */

.essay-body a {
  display: inline;
  margin: 0;
  padding: 0;
  font-size: inherit;
}

/* Lists */

.essay-body ul,
.essay-body ol {
  max-width: 680px;
  margin: 0 0 30px;
  padding-left: 28px;
}

.essay-body li {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1.65;
}

.essay-body li strong {
  font-weight: 600;
}

/* Alignment-profile table */

.essay-body table {
  width: 100%;
  margin: 40px 0 12px;
  border-collapse: collapse;
  font-size: 15px;
  line-height: 1.5;
}

.essay-body th,
.essay-body td {
  padding: 14px 16px;
  vertical-align: top;
  text-align: left;
  border-top: 1px solid #d8d5cc;
}

.essay-body th {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #62605a;
}

.essay-body tr:last-child td {
  border-bottom: 1px solid #d8d5cc;
}

.essay-body table + p {
  margin-top: 12px;
}

/* Bottom route back into the Atlas */

.essay-next {
  max-width: 720px;
  margin-top: 90px;
  padding-top: 36px;
  border-top: 1px solid #d8d5cc;
}

.essay-next .eyebrow {
  font-size: 13px;
}

.essay-next a {
  margin-top: 4px;
  font-size: 20px;
}


/* Essay pages on small screens */

@media (max-width: 700px) {
  .essay-page {
    padding: 50px 24px 90px;
  }

  .essay-header {
    margin-bottom: 55px;
  }

  .essay-header h1 {
    font-size: 46px;
  }

  .essay-body p,
  .essay-body li {
    font-size: 17px;
  }

  .essay-body h2 {
    margin-top: 58px;
    font-size: 28px;
  }

  .essay-body table {
    display: block;
    overflow-x: auto;
    width: 100%;
  }

  .essay-body th,
  .essay-body td {
    min-width: 150px;
  }
}
/* Gentle section rhythm for long essays */

.essay-body h2 {
  padding-top: 34px;
  border-top: 1px solid #e0ddd5;
}

.essay-body h2:first-child {
  padding-top: 0;
  border-top: 0;
}
/* Essays index */

.essays-page {
  max-width: 1000px;
  margin: 0 auto;
  padding: 60px 40px 130px;
}

.essays-intro {
  max-width: 760px;
  margin-bottom: 80px;
}

.essays-intro h1 {
  margin-bottom: 28px;
}

.essays-intro p:last-child {
  font-size: 19px;
}

.essay-list {
  max-width: 820px;
  border-top: 1px solid #d8d5cc;
}

.essay-list-item {
  display: block;
  margin: 0;
  padding: 36px 0;
  border: 0;
  border-bottom: 1px solid #d8d5cc;
  text-decoration: none;
}

.essay-list-item:hover h2 {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
}

.essay-list-label {
  display: block;
  margin-bottom: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #77736a;
}

.essay-list-item h2 {
  margin: 0 0 14px;
  font-size: 31px;
  line-height: 1.2;
  font-weight: 400;
}

.essay-list-item p {
  max-width: 650px;
  margin: 0 0 18px;
  font-size: 17px;
}

.essay-list-arrow {
  font-size: 15px;
}

@media (max-width: 700px) {
  .essays-page {
    padding: 50px 24px 90px;
  }

  .essay-list-item h2 {
    font-size: 27px;
  }
}
/* Homepage sections */

.home-section {
  max-width: 700px;
  margin-top: 65px;
  padding-top: 28px;
  border-top: 1px solid #d8d5cc;
}

.home-section-label {
  margin-bottom: 18px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: #77736a;
}

.home-essay-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}

.home-essay-links a,
.home-secondary-link,
.home-section > a {
  margin-top: 0;
}

.home-secondary-link {
  margin-top: 34px;
  font-size: 15px;
  color: #62605a;
}
/* Full Atlas */

.full-atlas-page {
  max-width: 1180px;
  margin: 0 auto;
  padding: 60px 40px 140px;
}

.full-atlas-intro {
  max-width: 780px;
  margin-bottom: 55px;
}

.full-atlas-intro h1 {
  margin-bottom: 28px;
}

.full-atlas-intro > p:last-child {
  max-width: 720px;
  font-size: 19px;
}

.full-atlas-jump {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 24px;
  max-width: 900px;
  margin-bottom: 100px;
  padding: 22px 0;
  border-top: 1px solid #d8d5cc;
  border-bottom: 1px solid #d8d5cc;
}

.full-atlas-jump a {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #62605a;
}

.full-atlas-jump a:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.atlas-index-section {
  margin: 0 0 110px;
  scroll-margin-top: 30px;
}

.atlas-index-heading {
  max-width: 760px;
  margin-bottom: 38px;
}

.atlas-index-heading h2 {
  margin: 0 0 16px;
  font-size: 38px;
  line-height: 1.15;
  font-weight: 400;
}

.atlas-index-heading > p:last-child {
  margin: 0;
  font-size: 17px;
}

.atlas-table-wrap {
  width: 100%;
  overflow-x: auto;
}

.atlas-index-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.atlas-index-table th,
.atlas-index-table td {
  padding: 16px 18px 16px 0;
  vertical-align: top;
  text-align: left;
  border-top: 1px solid #d8d5cc;
}

.atlas-index-table th {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #77736a;
}

.atlas-index-table td {
  font-size: 15px;
  line-height: 1.5;
}

.atlas-index-table th:first-child,
.atlas-index-table td:first-child {
  width: 21%;
}

.atlas-index-table th:nth-child(2),
.atlas-index-table td:nth-child(2) {
  width: 29%;
}

.atlas-name {
  font-size: 16px !important;
}

.atlas-name a {
  display: inline;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: inherit;
  text-decoration: none;
}

.atlas-name a:hover {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

.atlas-muted {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: #62605a;
}

.atlas-status {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  letter-spacing: 0.04em;
  color: #62605a;
}

.atlas-route-note {
  margin-top: 24px;
  font-size: 15px;
}

.atlas-route-note a {
  margin: 0;
  font-size: inherit;
}

.atlas-case-index {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 28px;
  border-top: 1px solid #d8d5cc;
}

.atlas-case-index a {
  display: block;
  margin: 0;
  padding: 18px 0;
  border: 0;
  border-bottom: 1px solid #d8d5cc;
  font-size: 16px;
}

.full-atlas-end {
  max-width: 760px;
  margin-top: 120px;
  padding-top: 38px;
  border-top: 1px solid #d8d5cc;
}

.full-atlas-end p {
  font-size: 17px;
}

.full-atlas-end a {
  font-size: 16px;
}

@media (max-width: 700px) {
  .full-atlas-page {
    padding: 50px 24px 100px;
  }

  .full-atlas-jump {
    margin-bottom: 75px;
  }

  .atlas-index-section {
    margin-bottom: 85px;
  }

  .atlas-index-heading h2 {
    font-size: 32px;
  }

  .atlas-index-table {
    min-width: 760px;
  }

  .atlas-case-index {
    grid-template-columns: 1fr;
  }
}
/* About */

.about-page {
  max-width: 900px;
  margin: 0 auto;
  padding: 60px 40px 130px;
}

.about-intro {
  max-width: 760px;
  margin-bottom: 90px;
}

.about-intro h1 {
  margin-bottom: 30px;
}

.about-intro > p:last-child {
  font-size: 19px;
}

.about-section {
  max-width: 720px;
  margin: 80px 0;
  padding-top: 34px;
  border-top: 1px solid #d8d5cc;
}

.about-section h2 {
  margin: 0 0 26px;
  font-size: 34px;
  line-height: 1.2;
  font-weight: 400;
}

.about-section p {
  font-size: 18px;
  line-height: 1.7;
}

@media (max-width: 700px) {
  .about-page {
    padding: 50px 24px 90px;
  }

  .about-section h2 {
    font-size: 29px;
  }

  .about-section p {
    font-size: 17px;
  }
}
.essay-credit {
  max-width: 650px;
  margin: 24px 0 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.55;
  color: #77736a;
}
/* Keyboard navigation */

a:focus-visible,
summary:focus-visible {
  outline: 2px solid #222222;
  outline-offset: 4px;
}
.essay-atlas-link {
  margin: 34px 0 50px !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #77736a;
}

.essay-atlas-link a {
  margin: 0;
  font-size: inherit;
}
/* Space before "All essays" on homepage */

.home-section > a.home-secondary-link {
  display: inline-block;
  margin-top: 28px;
}
/* Atlas Updates */

.updates-page,
.update-page {
  max-width: 900px;
  margin: 0 auto;
  padding: 60px 40px 130px;
}

.updates-intro {
  max-width: 760px;
  margin-bottom: 70px;
}

.updates-intro h1,
.single-update h1 {
  margin-bottom: 28px;
}

.updates-rss {
  margin-top: 28px;
}

.updates-rss a {
  margin-top: 0;
  font-size: 15px;
  color: #62605a;
}


/* Update list */

.updates-list {
  max-width: 760px;
  border-top: 1px solid #d8d5cc;
}

.update-item {
  padding: 34px 0;
  border-bottom: 1px solid #d8d5cc;
}

.update-date {
  margin-bottom: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #77736a;
}

.update-item h2 {
  margin: 0 0 14px;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 400;
}

.update-item h2 a {
  margin: 0;
  padding: 0;
  font-size: inherit;
}

.update-body {
  max-width: 700px;
}

.update-body p {
  margin-bottom: 18px;
  font-size: 17px;
  line-height: 1.65;
}

.update-body p:last-child {
  margin-bottom: 0;
}


/* Individual update */

.single-update {
  max-width: 720px;
}

.update-back {
  margin-top: 60px;
}

.update-back a {
  font-size: 15px;
}


/* Email signup */

.updates-signup {
  max-width: 760px;
  margin-top: 80px;
  padding: 36px;
  border: 1px solid #d8d5cc;
}

.updates-signup h2 {
  margin: 0 0 14px;
  font-size: 32px;
  line-height: 1.2;
  font-weight: 400;
}

.updates-signup > p {
  font-size: 17px;
}

.updates-form {
  display: flex;
  gap: 12px;
  margin-top: 26px;
}

.updates-form input[type="email"] {
  flex: 1;
  min-width: 0;
  padding: 14px 16px;
  border: 1px solid #bdb9af;
  background: #fffdf8;
  color: #222222;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
}

.updates-form button {
  padding: 14px 20px;
  border: 1px solid #222222;
  background: #222222;
  color: #f7f5ef;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  cursor: pointer;
}

.updates-form button:hover {
  background: transparent;
  color: #222222;
}

.signup-note {
  margin-top: 16px;
  margin-bottom: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px !important;
  color: #77736a;
}

.buttondown-credit {
  margin-top: 7px;
  margin-bottom: 0;
}

.buttondown-credit a {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #77736a;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}


/* Homepage update links */

.home-update-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 22px;
}

.home-update-actions a {
  margin-top: 0;
}

.home-update-button {
  padding: 9px 14px;
  border: 1px solid #222222;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

.home-update-button:hover {
  background: #222222;
  color: #f7f5ef;
}


/* Updates on small screens */

@media (max-width: 700px) {
  .updates-page,
  .update-page {
    padding: 50px 24px 90px;
  }

  .updates-signup {
    padding: 26px;
  }

  .updates-form {
    flex-direction: column;
  }

  .updates-form button {
    width: 100%;
  }
}
/* Essay groups */

.essay-group {
  max-width: 820px;
  margin-top: 70px;
}

.essay-group + .essay-group {
  margin-top: 90px;
}

.essay-group-intro {
  max-width: 700px;
  margin-bottom: 26px;
}

.essay-group-intro .eyebrow {
  margin-bottom: 12px;
}

.essay-group-intro > p:last-child {
  margin-bottom: 0;
  font-size: 17px;
  line-height: 1.65;
}


/* Specific Atlas connection from research essays */

.essay-next-note {
  max-width: 620px;
  margin: 14px 0 20px;
  font-size: 15px;
  line-height: 1.6;
  color: #62605a;
}

.essay-next .essay-next-secondary {
  display: block;
  margin-top: 18px;
  font-size: 14px;
  color: #62605a;
}
/* Research essay attached to an Atlas entry */

.entry-research {
  max-width: 760px;
  margin-top: 90px;
}

.entry-research-card {
  display: block;
  margin: 0;
  padding: 28px;
  border: 1px solid #d8d5cc;
  text-decoration: none;
}

.entry-research-card:hover {
  border-color: #77736a;
}

.entry-research-card strong {
  font-size: 21px;
  font-weight: 400;
}

.entry-research-card p {
  max-width: 650px;
  margin: 14px 0 0;
  font-size: 16px;
  line-height: 1.6;
  color: #62605a;
}