/* ミステリーランチの記事：使っているバッグの一覧（写真つき） */
.prose ul.gear { list-style: none; margin: 1.4em 0 0.6em; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.prose ul.gear > li { margin: 0; padding: 0 0 16px; background: rgba(255,255,255,0.04); border: 1px solid var(--ink-line); border-radius: 12px; overflow: hidden; font-size: 14px; line-height: 1.8; }
.prose ul.gear > li::before { content: none; }
.prose ul.gear img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: contain; background: #fff; margin-bottom: 14px; }
.prose ul.gear strong, .prose ul.gear span { display: block; padding: 0 16px; }
.prose ul.gear strong { color: #fff; font-weight: 600; font-size: 15px; line-height: 1.6; margin-bottom: 6px; }
.prose ul.gear small { display: block; font-size: 12px; opacity: 0.75; font-weight: 400; }
@media (max-width: 720px) {
  .prose ul.gear { grid-template-columns: 1fr; }
  .prose ul.gear > li { display: grid; grid-template-columns: 120px 1fr; align-items: center; padding: 0; }
  .prose ul.gear img { margin: 0; height: 100%; }
  .prose ul.gear > li > div { padding: 12px 0; }
}

/* 身につけたところの写真（横長は1枚で1段、正方形は2枚で1段） */
.prose .gear-worn { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 1.6em 0 0.6em; }
.prose .gear-worn figure.wide { grid-column: 1 / -1; }
.prose .gear-worn figure { margin: 0; }
.prose .gear-worn img { display: block; width: 100%; height: auto; border: 1px solid var(--ink-line); border-radius: 12px; }
.prose .gear-worn figcaption { margin-top: 8px; font-size: 13px; line-height: 1.7; color: var(--ink-dim); }
@media (max-width: 720px) {
  .prose .gear-worn { grid-template-columns: 1fr; }
}