/* /more body: instructions, the two editions, the classified-style situations, the author's note. */
.use h2, .eds h2, .inside h2, .author h2 { margin-bottom: 20px; }
.steps { counter-reset: s; }
.steps li { counter-increment: s; position: relative; padding: 12px 0 12px 2.75rem; border-top: 1px solid var(--rule); line-height: 1.4; }
.steps li:last-child { border-bottom: 1px solid var(--rule); }
.steps li::before { content: counter(s); position: absolute; left: 0; top: 8px; width: 2rem; text-align: right; color: var(--ledger-red); font-weight: 800; font-size: 1.75rem; line-height: 1.2; font-variant-numeric: tabular-nums lining-nums; }
.steps b { font-weight: 700; }
.use-p { margin-top: 36px; }
.eds-t th, .eds-t td { vertical-align: top; font-size: 0.9375rem; padding-right: 10px; }
.eds-t thead th { font-size: 0.75rem; }
.eds-t tbody th { width: 5.5rem; }
.eds-t td + td { border-left: 1px solid var(--ledger-red-tint); padding-left: 10px; }
.eds .caption { margin-top: 14px; max-width: 56ch; }
.cls-grid { display: grid; gap: 22px 0; margin-top: 8px; }
.cls { position: relative; }
.cls .col-rule { display: none; }
.cls h3 { display: flex; align-items: baseline; gap: 12px; padding-bottom: 6px; border-bottom: 3px solid var(--ink); font-size: 1.375rem; }
.cls .ltr { color: var(--ledger-red); font-weight: 800; font-size: 2.25rem; line-height: 1; min-width: 1.2ch; }
.cls li { padding: 6px 0 5px; border-bottom: 1px dotted var(--ink-soft); font-size: 1rem; line-height: 1.3; }
.back { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 18px; align-items: center; margin-top: 40px; padding-top: 18px; border-top: 3px solid var(--ink); }
.back img { width: 100%; mix-blend-mode: multiply; }
.back h3 { margin-bottom: 6px; }
.back li { padding: 3px 0; line-height: 1.35; }
.au-in { max-width: 760px; }
.au-in .byline { margin-top: 0; }
.au-p p { margin-bottom: 1em; max-width: 56ch; font-size: 1.1875rem; }
.author .pull { margin-top: 8px; font-size: clamp(1.625rem, 6vw, 2.5rem); }
@media (min-width: 768px) {
  .cls-grid { grid-template-columns: 1fr 1fr; column-gap: var(--gap); }
  .back { grid-template-columns: 180px minmax(0, 1fr); }
}
@media (min-width: 1024px) {
  .use-t h2 { max-width: 14ch; }
  .steps { display: grid; grid-template-columns: repeat(4, 1fr); column-gap: var(--gap); margin-top: 28px; }
  .steps li { padding: 52px 8px 14px 0; border-top: 3px solid var(--ink); border-bottom: 0 !important; font-size: 1.0625rem; }
  .steps li::before { left: 0; top: 10px; width: auto; text-align: left; font-size: 2.5rem; }
  .use-p { margin-top: 64px; }
  .eds { display: block; }
  .eds-t { max-width: 880px; margin-top: 8px; }
  .eds-t th, .eds-t td { font-size: 1.0625rem; padding-top: 14px; padding-bottom: 14px; }
  .eds-t td + td { padding-left: 24px; }
  .cls-grid { grid-template-columns: repeat(3, 1fr); gap: 40px 0; margin-top: 32px; }
  .cls { padding: 0 24px 0 24px; }
  .cls:nth-child(3n+1) { padding-left: 0; }
  .cls:nth-child(3n) { padding-right: 0; }
  .cls:not(:nth-child(3n+1)) > .col-rule { display: block; left: 0; top: 4px; }
  .back { grid-template-columns: 240px minmax(0, 1fr); margin-top: 64px; padding-top: 28px; gap: 40px; }
  .back ul { columns: 2; column-gap: 40px; }
  .back li { break-inside: avoid; font-size: 1.125rem; }
  .author { display: block; }
  .au-in { margin-inline: auto; }
}
.use-p .caption { margin-top: 20px; }
