/* 管理画面だけの、一覧と詳細の2カラム配置 */
.admin-layout {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 26px;
}

.admin-item {
  display: block;
  width: 100%;
  margin: 0 0 8px;
  padding: 11px;
  border: 1px solid var(--ink);
  background: #fff;
  color: var(--ink);
  cursor: pointer;
  text-align: left;
}

.admin-item.active { background: var(--ink); color: #fff; }
.admin-item small { display: block; opacity: .7; }
.admin-images { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 12px; }
.admin-images img { width: 100%; height: 130px; border: 2px solid var(--ink); object-fit: cover; }
.admin-images a { color: inherit; text-decoration: none; }

@media (max-width: 700px) {
  .admin-layout { grid-template-columns: 1fr; }
}