/* ArtistMind - Board Index */

figure{margin:10px;border: 1px solid #efefef;}


.bw-nocontainer .container,
.bw-nocontainer #container,
.bw-nocontainer .wrap,
.bw-nocontainer .inner{
  max-width:none !important;
  width:100% !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

/* 페이지 래퍼 */
.bi-page{
  /* width:100%; */
  /* max-width:none; */
  /* margin:0; */
  /* padding:clamp(12px,2vw,24px); */
  padding:2.7vw var(--grid_pd3) 1vw;
}
.board-index{
  /* max-width:1200px; */
  /* margin:0 auto; 
  padding: 0 var(--grid_pd3) 2.2vw;*/
}

:root{
  --bi-text:#0f1117; --bi-muted:#6b7280; --bi-border:#e5e7eb; --bi-soft:#f8fafc;
  --bi-accent:#7244ED; --bi-bg:#fff; --bi-ink:#fff;
  --bi-radius:12px; --bi-shadow:0 6px 18px rgba(0,0,0,.06);
}
@media (prefers-color-scheme:dark){
  :root{
    --bi-text:#e8ecf2; --bi-muted:#9aa1ad; --bi-border:#252a38; --bi-soft:#11131a;
    --bi-accent:#8b73ff; --bi-bg:#0c0f14;
  }
}

/* 헤더 */
.board-head .mt-0{ margin:0 0 6px; font-size:clamp(1.4rem,2.5vw,2rem); font-weight:800; }
.board-head .warn{ margin-top:8px; color:#b42318; border:1px solid #f2b8b5; background:#fff5f5; padding:.6rem .8rem; border-radius:10px; }
@media (prefers-color-scheme:dark){
  .board-head .warn{ background:#2b1616; }
}

/* 상단 액션 */
.head-actions{
  display:flex; gap:10px; align-items:center; justify-content:space-between; margin:12px 0;
}
.head-actions .search{ display:flex; gap:6px; align-items:center; }
.am-input{
  /* border:1px solid var(--bi-border); */
  /* background:var(--bi-bg); */
  /* color:var(--bi-text); */
  /* border-radius:10px; */
  /* padding:9px 12px; */
  /* min-width:220px; */
}
.am-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.5ch;
  height:38px; padding:0 12px;
  border-radius:10px; border:1px solid var(--bi-border);
  background:var(--bi-bg); color:var(--bi-text); font-weight:700; text-decoration:none;
  transition:transform .12s ease, background .18s ease, border-color .18s ease;
}
.am-btn:hover{ transform:translateY(-1px); }
.am-btn.primary{ background:var(--bi-accent); color:var(--bi-ink); border-color:var(--bi-accent); }

/* 탭 */
.tabs{ display:flex; flex-wrap:wrap; gap:8px; margin:8px 0 16px; }
.am-tab{
  display:inline-flex; align-items:center; height:36px; padding:0 12px; border-radius:999px;
  border:1px solid var(--bi-border); color:var(--bi-text); text-decoration:none; background:var(--bi-bg);
  transition:background .2s ease, color .2s ease, border-color .2s ease;
}
.am-tab.active{ background:var(--bi-accent); border-color:var(--bi-accent); color:var(--bi-ink); }

/* 빈 상태 */
.empty{text-align:center;padding: 15rem 10px;color:var(--bi-muted);}

/* 갤러리 그리드 */
.am-gallery{
  display:grid;
  gap: 30px;
  x;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 1024px){ .am-gallery{ grid-template-columns: repeat(3,1fr); } }
@media (max-width: 768px){  .am-gallery{ grid-template-columns: repeat(2,1fr); } }
@media (max-width: 420px){  .am-gallery{ grid-template-columns: 1fr; } }

.am-gallery .box{
  /* display:block; */
  /* background:var(--bi-bg); */
  /* border:1px solid var(--bi-border); */
  /* border-radius:14px; */
  /* overflow:hidden; */
  /* text-decoration:none; */
  /* color:inherit; */
  /* box-shadow:var(--bi-shadow); */
}
.am-gallery .img{aspect-ratio: 1/1;overflow:hidden;background:var(--bi-soft);border-radius: 14px;}
.am-gallery .img img{/* width:100%; *//* height:100%; *//* object-fit:cover; *//* display:block; */}
.am-gallery .meta{padding: 5px 15px 15px 15px;}
.am-gallery .meta .cat{color:var(--bi-muted);/* font-size:.85rem; */margin-bottom:2px;}
.am-gallery .meta .title{font-weight:800;margin:0 0 2px;font-size: 2.618rem;line-height: 2.7rem;}
.am-gallery .meta .sub{color:var(--bi-muted);/* font-size: 1rem; */margin:0;}

/* 리스트 테이블 */
.board-table{
  width:100%; border-collapse:collapse; border:1px solid var(--bi-border);
  background:var(--bi-bg); border-radius:14px; overflow:hidden;
}
.board-table thead th{
  /* text-align:left; */
  padding:12px;
  background:var(--bi-soft);
  border-bottom:1px solid var(--bi-border);
  font-weight:800;
}
.board-table tbody td{
  padding:12px;
  border-bottom:1px solid var(--bi-border);
  border-left: 1px solid var(--bi-border);
}
.board-table tbody tr.pin td{ background:linear-gradient(180deg, #ffe 0, transparent 30%); }
.board-table td.title a{ color:inherit; text-decoration:none; font-weight:700; }
.board-table td.meta, .board-table td.cat{ color:var(--bi-muted); }

/* 페이지네이션 */
.am-pagination{
  display:flex; gap:6px; justify-content:center; align-items:center; margin:18px 0 6px;
}
.am-page{
  min-width:34px; height:34px; padding:0 10px; display:inline-flex; justify-content:center; align-items:center;
  border-radius:10px; border:1px solid var(--bi-border); text-decoration:none; color:var(--bi-text); background:var(--bi-bg);
  font-weight:700;
}
.am-page.active{ background:var(--bi-accent); color:var(--bi-ink); border-color:var(--bi-accent); }

/* 접근성 포커스 */
.board-index a:focus-visible, .board-index button:focus-visible, .board-index input:focus-visible{
  outline:2px solid color-mix(in oklab, var(--bi-accent) 65%, #fff);
  outline-offset:2px; border-radius:10px;
}


/* 대분류 토글 + 소분류 셀 */
.am-cats {display:flex;/* flex-direction:column; */column-gap: .7rem;/* margin-top:.75rem; */}
.am-cats .group-toggle{
  display:flex;
  align-items:center;
  gap:.5rem;
  font-weight:700;
  padding:.4rem .6rem;
  border:none;
  background:transparent;
  cursor:pointer;
}
.am-cats .group-toggle::after{
  content: attr(aria-expanded) ' '; /* 접근성 디버그용 */
  content: '';
}
.am-cats .group-toggle[aria-expanded="true"]::before{ content:'▾'; }
.am-cats .group-toggle[aria-expanded="false"]::before{ content:'▸'; }

.am-cats .sub-list{display:flex;flex-wrap:wrap;column-gap: .7rem;padding: .25rem .5rem .1rem 1.15rem;}
.cat-pill{
  display:inline-block;
  padding: .5rem 1.5rem;
  border:1px solid #ddd;
  border-radius:999px;
  /* font-size:.95rem; */
  line-height:1.2;
  background:#fff;
}
.cat-pill:hover{ border-color:#bbb; }
.cat-pill.active{
  border-color:#333; background:#111; color:#fff; font-weight:700;
}



.cat-group{display:inline-block}