.guide { width: min(920px, calc(100% - 40px)); margin: 0 auto; }
.guide__title { padding: 90px 0 70px; border-bottom: 1px solid var(--line); }
.guide__title h1 { max-width: 800px; margin: 0; font: 400 clamp(54px, 8vw, 90px)/.94 var(--serif); letter-spacing: -.055em; }
.guide__title > p:not(.eyebrow) { max-width: 590px; margin: 28px 0; color: var(--muted); font-size: 18px; line-height: 1.7; }
.guide article section { display: grid; grid-template-columns: 80px 1fr; column-gap: 28px; padding: 60px 0; border-bottom: 1px solid var(--line); }
.guide__number { grid-row: 1 / span 4; color: var(--clay); font: 400 24px var(--serif); }
.guide article h2 { margin: 0 0 18px; font: 400 clamp(32px, 5vw, 48px)/1.05 var(--serif); letter-spacing: -.035em; }
.guide article p, .guide article dd { margin: 0; color: var(--muted); font-size: 17px; line-height: 1.75; }
.guide article dl { margin: 0; }
.guide article dt { margin-top: 22px; font-weight: 800; }
.guide article dt:first-child { margin-top: 0; }
.guide article dd { margin: 5px 0 0; }
.guide aside { margin-top: 24px; padding: 20px; border-left: 3px solid var(--clay); background: #ece5d9; color: var(--muted); line-height: 1.6; }
@media (max-width: 640px) {
  .guide { width: calc(100% - 32px); }
  .guide__title { padding: 60px 0 48px; }
  .guide article section { grid-template-columns: 1fr; padding: 44px 0; }
  .guide__number { grid-row: auto; margin-bottom: 16px; }
}
@media print {
  .site-header, footer, [data-print] { display: none !important; }
  body { background: #fff; }
  .guide { width: 100%; }
  .guide__title { padding-top: 0; }
  .guide article section { break-inside: avoid; }
}

