.leather-feature {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem 2rem;
  padding: clamp(1rem, 3vw, 1.8rem);
  border: 1px solid var(--line);
  border-inline-start: .4rem solid var(--accent);
  background: var(--panel);
}
.leather-feature h2 { font-size: clamp(1.55rem, 3vw, 2.15rem); }
.leather-feature p { max-width: 58ch; margin: 0; }
.cuff-workshop > .lead { max-width: 60ch; }
.workshop-layout {
  display: grid;
  grid-template-columns: minmax(12rem, 15rem) minmax(0, 1fr);
  align-items: start;
  gap: clamp(1.25rem, 4vw, 3.25rem);
  margin-top: 2rem;
}
.workshop-contents {
  position: sticky;
  top: 1.25rem;
  padding: 1rem 1.2rem;
  background: var(--panel);
  border-block: 1px solid var(--line);
}
.workshop-contents h2 { font-size: 1.35rem; }
.workshop-contents ul { margin: 0; padding-inline-start: 1.1rem; }
.workshop-contents li + li { margin-top: .45rem; }
.workshop-layout .prose { margin-top: 0; }
.workshop-layout .prose section { scroll-margin-top: 1.25rem; }
.workshop-layout .prose section:first-child { margin-top: 0; }
.workshop-layout .prose li + li { margin-top: .5rem; }
.cut-example {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .6rem 1.25rem;
  padding: 1rem 1.2rem;
  background: var(--panel);
  border-inline-start: .25rem solid var(--accent);
}
.cuff-steps { padding-inline-start: 1.65rem; }
.cuff-steps li { padding-inline-start: .5rem; }
.cuff-steps li::marker { color: var(--accent); font-weight: 800; }
.cuff-steps h3 { font-size: 1.2rem; margin-bottom: .35rem; }
@media (max-width: 760px) {
  .workshop-layout { grid-template-columns: 1fr; margin-top: 1.25rem; }
  .workshop-contents { position: static; }
}
@media (max-width: 440px) {
  .cut-example { grid-template-columns: 1fr; gap: .15rem; }
  .cut-example dt:not(:first-child) { margin-top: .4rem; }
}