.pantry-hero {
  background: #e8edde;
  border-bottom: 1px solid var(--line);
}
.pantry-hero-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: clamp(2rem, 5vw, 4rem);
  padding-block: clamp(2rem, 5vw, 4rem);
}
.pantry-hero h1 {font-size: clamp(2.9rem, 5.7vw, 5.3rem)}
.pantry-actions {display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.4rem}
.pantry-hero figure {margin: 0}
.pantry-hero img {display: block; width: 100%; height: auto}
.pantry-hero figcaption {font-size: .78rem; margin-top: .45rem; color: var(--muted)}
.pantry-drill {
  display: grid;
  grid-template-columns: .85fr 1.4fr;
  gap: clamp(2rem, 6vw, 6rem);
  padding-block: clamp(2.5rem, 6vw, 5rem);
  scroll-margin-top: 1rem;
}
.drill-heading {max-width: 21rem}
.drill-steps {margin: 0; padding-left: 2rem}
.drill-steps li {padding: 0 0 1rem .55rem; border-bottom: 1px solid var(--line); margin-bottom: 1rem}
.drill-steps li:last-child {margin: 0; padding-bottom: 0; border: 0}
.drill-steps li::marker {color: var(--pine); font: 700 1.38rem Bookman,Georgia,serif}
.drill-steps li h3 {margin-top: 0}
.drill-steps p {margin-bottom: 0}
.pantry-next {display: grid; grid-template-columns: repeat(3,1fr); gap: clamp(1.25rem,3vw,3rem); border-top: 2px solid var(--pine); padding-block: 2rem 4rem}
.pantry-next h2 {font-size: 1.7rem}
.secondary-link {margin: .6rem 0 0}
@media (max-width: 800px) {
  .pantry-hero-inner,.pantry-drill,.pantry-next {grid-template-columns: 1fr}
  .pantry-hero-inner {gap: 1.8rem}
  .pantry-drill {gap: .8rem}
  .pantry-next {gap: 2rem}
  .pantry-page .site-header nav a[href="/practice/"] {display: inline-block}
  .pantry-page .header-inner {gap: 1rem}
  .drill-heading {max-width: none}
}
@media print {
  .site-header nav,.pantry-actions,.pantry-next,footer,.skip {display: none}
  .pantry-hero-inner,.pantry-drill {display: block; padding-block: .6rem}
  .pantry-hero figure {display: none}
  h1,.pantry-hero h1 {font-size: 28pt}
  .drill-steps li {break-inside: avoid}
}