/* The method page: one reading column on the shared Atlas foundation. */
.method-masthead { padding-left: var(--gutter); padding-right: var(--gutter); }
.method { max-width: 760px; margin: 0 auto; padding: clamp(28px, 5vw, 64px) var(--gutter) 64px; }
.method .title { font-size: clamp(52px, 9vw, 104px); margin-bottom: 18px; }
.method .standfirst { max-width: 52ch; margin-bottom: 26px; }
.method section { padding-top: 16px; margin-top: 26px; border-top: 1px solid var(--hair); }
.method h2 { margin: 0 0 10px; font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase; font-weight: 600; }
.method p, .method li, .method dd { line-height: 1.65; }
.method p { margin: 0 0 12px; }
.method ul { margin: 0 0 12px; padding-left: 1.2em; display: grid; gap: 6px; }
.method-sources { margin: 0; display: grid; grid-template-columns: 1fr; gap: 4px 24px; }
@media (min-width: 640px) { .method-sources { grid-template-columns: 200px minmax(0, 1fr); } }
.method-sources dt { font-family: var(--display); font-size: 17px; padding-top: 8px; }
.method-sources dd { margin: 0; padding: 8px 0; border-bottom: 1px solid var(--hair-soft); }
.corrections { list-style: none; margin: 0; padding: 0; display: grid; gap: 18px; }
.corrections li { display: grid; gap: 6px; padding-bottom: 14px; border-bottom: 1px solid var(--hair-soft); }
.corrections p { margin: 0; }
.corrections .label { font-size: 10.5px; letter-spacing: 0.18em; text-transform: uppercase; font-weight: 600; margin-top: 4px; }

/* Six items in the top menu: on a phone they sit a little closer so the row fits the width. */
@media (max-width: 420px) {
  .masthead .controls { gap: 11px; }
  .masthead .controls .link-button { letter-spacing: 0.12em; }
}