.terminal-sleeves-section { scroll-margin-top: 180px; }
  .terminal-sleeves-intro { max-width: 780px; }
  .terminal-sleeves-intro p { color: var(--color-muted); line-height: 1.7; }
  .terminal-sleeves-gallery { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
  .terminal-sleeves-gallery figure { min-width: 0; margin: 0; overflow: hidden; border: 1px solid var(--color-line); border-radius: 16px; background: #fff; }
  .terminal-sleeves-gallery a { position: relative; display: block; background: #fff; }
  .terminal-sleeves-gallery a:focus-visible { outline: 3px solid var(--color-teal-dark); outline-offset: -3px; }
  .terminal-sleeves-gallery img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; }
  .terminal-sleeves-expand { position: absolute; inset-inline-end: 10px; bottom: 10px; display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid var(--color-line); border-radius: 50%; color: var(--color-steel); background: #fff; }
  .terminal-sleeves-gallery figcaption { padding: 14px 16px; border-top: 1px solid var(--color-line); color: var(--color-steel); font-size: 0.88rem; font-weight: 700; line-height: 1.5; overflow-wrap: anywhere; }
  .terminal-sleeves-note { margin-top: 18px; color: var(--color-muted); font-size: 0.9rem; line-height: 1.7; }
  @media (max-width: 1000px) { .terminal-sleeves-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  @media (max-width: 640px) { .terminal-sleeves-gallery { gap: 10px; } .terminal-sleeves-gallery figcaption { padding: 12px; } }