/* ═══════════════════════════════════════════════════════════
   BOARD 모듈 — Vibrant 디자인(indigo/violet 브랜드 + 카테고리 색)
   모바일 우선. 큰 글자/고대비/넉넉한 탭타깃(어르신 친화, 브리프 §14).
   브랜드 그라데이션: #6D5BF6 → #0066FF. 페이지 배경 #F3F4FB.
   ═══════════════════════════════════════════════════════════ */
:root {
  --bd-grad: linear-gradient(135deg, #6D5BF6, #0066FF);
  --bd-grad3: linear-gradient(150deg, #6D5BF6, #0066FF, #22D3EE);
  --bd-indigo: #4F46E5;
  --bd-ink: #15161C;
  --bd-muted: #70737C;
  --bd-faint: #9A9DA6;
  --bd-bg: #F3F4FB;
  --bd-line: #E1E2EC;
  --bd-radius: 18px;
}

.bd, .bd *, .bd *::before, .bd *::after { box-sizing: border-box; }
.bd {
  font-family: var(--lj-sans, "Pretendard Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif);
  background: var(--bd-bg);
  color: var(--bd-ink);
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
  line-height: 1.4;
}
.bd img { display: block; max-width: 100%; }
.bd a { color: inherit; text-decoration: none; }
.bd-container { max-width: 1180px; margin: 0 auto; padding: 0 18px; }

/* ── 상단 바 ── */
.bd-topbar {
  position: sticky; top: 0; z-index: 30;
  background: #fff; box-shadow: 0 1px 0 rgba(0,0,0,.06);
  display: flex; align-items: center; gap: 14px;
  padding: 13px 18px;
}
.bd-topbar-inner { max-width: 1180px; margin: 0 auto; width: 100%; display: flex; align-items: center; gap: 14px; }
.bd-logo { display: inline-flex; align-items: center; gap: 10px; flex: none; }
.bd-logo-mark { width: 34px; height: 34px; border-radius: 9px; background: var(--bd-grad); display: flex; align-items: center; justify-content: center; flex: none; }
.bd-logo-name { font-size: 15px; font-weight: 800; }
.bd-logo-sub { font-size: 14px; color: var(--bd-faint); }
.bd-search {
  flex: 1; max-width: 380px; display: inline-flex; align-items: center; gap: 9px;
  background: #F1F2F8; border-radius: 11px; padding: 10px 14px;
}
.bd-search input { border: 0; background: transparent; outline: none; font-size: 15px; width: 100%; color: var(--bd-ink); font-family: inherit; }
.bd-search input::placeholder { color: var(--bd-faint); }
/* 언어 드롭다운 칩 (현재 언어만 표기 → 클릭 펼침) */
.bd-langdd { position: relative; margin-left: auto; flex: none; }
.bd-langdd-btn { display: inline-flex; align-items: center; gap: 5px; background: #F1F2F8; border: 1.5px solid #E7E5FB; border-radius: 10px; padding: 7px 9px; font-size: 13px; font-weight: 800; color: #15161C; cursor: pointer; line-height: 1; }
.bd-langdd-btn:hover { border-color: var(--bd-indigo); }
.bd-langdd-btn > svg:first-child { color: var(--bd-indigo); flex: none; }
.bd-langdd-chev { color: #9A9DA6; transition: transform .18s; flex: none; }
.bd-langdd.open .bd-langdd-chev { transform: rotate(180deg); }
.bd-langdd-menu { display: none; position: absolute; top: calc(100% + 6px); right: 0; min-width: 156px; background: #fff; border: 1px solid #ECE9FB; border-radius: 13px; box-shadow: 0 18px 44px -16px rgba(40,30,90,.34); padding: 6px; z-index: 70; }
.bd-langdd.open .bd-langdd-menu { display: block; }
.bd-langdd-menu a { display: flex; align-items: center; gap: 10px; padding: 9px 11px; border-radius: 9px; font-size: 14px; font-weight: 600; color: #15161C; cursor: pointer; white-space: nowrap; }
.bd-langdd-menu a:hover { background: #F4F3FD; }
.bd-langdd-menu a.on { color: var(--bd-indigo); font-weight: 800; background: #F1EFFE; }
.bd-langdd-menu .lc { font-size: 11px; font-weight: 800; color: #9A9DA6; width: 22px; flex: none; }
.bd-langdd-menu a.on .lc { color: var(--bd-indigo); }
.bd-post-btn {
  display: inline-flex; align-items: center; gap: 8px; flex: none;
  background: var(--bd-grad); color: #fff; font-size: 14.5px; font-weight: 700;
  padding: 11px 20px; border-radius: 12px; box-shadow: 0 8px 18px -8px rgba(80,70,229,.6);
  transition: transform .15s; min-height: 44px;
}
.bd-post-btn:hover { transform: translateY(-1px); }

/* ── 모바일 큰 CTA (데스크톱 숨김) ── */
.bd-cta-big { display: none; }
.bd-cta-note { display: none; }

/* ── 히어로 스폰서 ── */
.bd-hero-wrap { padding: 20px 0 0; }
.bd-hero {
  position: relative; height: 300px; border-radius: 24px; overflow: hidden;
  box-shadow: 0 18px 40px -18px rgba(80,70,229,.5); display: block;
  background: #1b1730 center/cover no-repeat;
}
.bd-hero-shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(20,14,40,.35), rgba(20,14,40,0) 38%, rgba(15,10,35,.86)); }
.bd-hero-top { position: absolute; top: 16px; left: 16px; right: 16px; display: flex; align-items: center; justify-content: space-between; }
.bd-tag-sponsored { background: var(--bd-grad); color: #fff; font-size: 11.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; padding: 6px 13px; border-radius: 99px; }
.bd-hero-advertiser { display: inline-flex; align-items: center; gap: 6px; background: rgba(255,255,255,.94); color: var(--bd-ink); font-size: 12.5px; font-weight: 800; padding: 6px 11px; border-radius: 99px; }
.bd-hero-advertiser .ini { width: 17px; height: 17px; border-radius: 5px; background: var(--bd-ink); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 10px; }
.bd-hero-body { position: absolute; left: 24px; right: 24px; bottom: 22px; color: #fff; display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; }
.bd-hero-title { display: block; font-size: 35px; font-weight: 800; letter-spacing: -.03em; line-height: 1.02; }
.bd-hero-sub { display: block; font-size: 15px; color: #e2e0f4; margin-top: 8px; }
.bd-hero-cta { white-space: nowrap; display: inline-flex; align-items: center; gap: 7px; background: var(--bd-grad); color: #fff; font-size: 15px; font-weight: 800; padding: 13px 22px; border-radius: 13px; }

/* ── 필터 바 ── */
.bd-filter { display: flex; align-items: center; gap: 9px; padding: 20px 0 4px; flex-wrap: wrap; }
.bd-chip {
  display: inline-flex; align-items: center; gap: 7px; cursor: pointer;
  background: #fff; font-size: 13.5px; font-weight: 700; padding: 9px 15px; border-radius: 99px;
  box-shadow: 0 1px 2px -1px rgba(0,0,0,.1); border: 1px solid transparent; min-height: 38px;
}
.bd-chip .bd-chip-dot { width: 8px; height: 8px; border-radius: 99px; }
.bd-chip.all { background: var(--bd-ink); color: #fff; }
.bd-chip.active { box-shadow: 0 0 0 2px var(--bd-indigo); }
.bd-chip.all.active { box-shadow: 0 0 0 2px #C4C8E8; }
.bd-areas { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; background: #fff; border: 1px solid var(--bd-line); color: var(--bd-ink); font-size: 13.5px; font-weight: 700; padding: 9px 15px; border-radius: 99px; }
.bd-areas select { border: 0; background: transparent; font: inherit; font-weight: 700; outline: none; color: inherit; cursor: pointer; }

/* ── 레이아웃 ── */
.bd-layout { display: grid; grid-template-columns: 1fr 322px; gap: 22px; padding: 18px 0 8px; }
.bd-sec-head { display: flex; align-items: center; justify-content: space-between; margin: 0 0 12px; }
.bd-sec-title { font-size: 15px; font-weight: 800; letter-spacing: .01em; }
.bd-sec-note { font-size: 13px; color: var(--bd-faint); font-weight: 600; }

/* ── 섹션 헤더 — 액센트 바 + 제목 + 부제 (글리프 없음) ── */
.bd-sechd { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 14px; }
.bd-sechd.gap { margin-top: 26px; }
.bd-sechd-l { display: flex; align-items: center; gap: 12px; min-width: 0; }
.bd-accent { width: 4px; align-self: stretch; min-height: 36px; border-radius: 99px; flex: none; }
.bd-accent.grad { background: var(--bd-grad); }
.bd-accent.dark { background: var(--bd-ink); }
.bd-sechd-tx { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.bd-sechd-tt { font-size: 16px; font-weight: 800; letter-spacing: .01em; }
.bd-sechd-sub { font-size: 12.5px; color: var(--bd-faint); font-weight: 600; }
.bd-viewall { display: inline-flex; align-items: center; gap: 6px; flex: none; background: var(--bd-grad); color: #fff; font-size: 13px; font-weight: 800; padding: 8px 15px; border-radius: 99px; cursor: pointer; box-shadow: 0 6px 14px -7px rgba(80,70,229,.7); }
.bd-viewall:hover { filter: brightness(1.06); }
.bd-sort { display: inline-flex; align-items: center; gap: 5px; flex: none; background: #fff; border: 1px solid var(--bd-line); border-radius: 99px; padding: 7px 13px; font-size: 13px; font-weight: 700; color: var(--bd-ink); }
.bd-sort select { border: 0; background: transparent; font: inherit; font-weight: 700; color: inherit; outline: none; cursor: pointer; }

/* ── Featured today 스트립 ── */
.bd-strip { display: flex; gap: 13px; overflow-x: auto; padding-bottom: 4px; scrollbar-width: none; }
.bd-strip::-webkit-scrollbar { width: 0; height: 0; }
.bd-strip-card { flex: none; width: 128px; }
.bd-strip-card.is-ad .bd-strip-inner { padding: 3px; border-radius: 21px; background: var(--bd-grad3); }
.bd-strip-card.is-ad .bd-strip-media { border-radius: 18px; }
.bd-strip-inner { position: relative; }
.bd-strip-media { position: relative; height: 174px; border-radius: 18px; overflow: hidden; background-size: cover; background-position: center; }
.bd-strip-card:not(.is-ad) .bd-strip-inner { border: 1px solid #E6E7F0; border-radius: 18px; overflow: hidden; }
.bd-strip-inner::after { content: ""; position: absolute; inset: 0; border-radius: 18px; background: linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,0) 40%, rgba(0,0,0,.8)); pointer-events: none; }
.bd-strip-card.is-ad .bd-strip-inner::after { inset: 3px; }
.bd-strip-tag { position: absolute; top: 11px; left: 11px; z-index: 2; background: rgba(10,12,20,.6); color: #fff; font-size: 9px; font-weight: 800; text-transform: uppercase; padding: 3px 7px; border-radius: 99px; }
.bd-strip-dot { position: absolute; top: 12px; left: 12px; z-index: 2; width: 7px; height: 7px; border-radius: 99px; }
.bd-strip-title { position: absolute; left: 13px; right: 13px; bottom: 13px; z-index: 2; color: #fff; font-size: 13px; font-weight: 800; line-height: 1.1; }

/* ── 피드 카드 ── */
.bd-feed { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.bd-card {
  background: #fff; border-radius: var(--bd-radius); overflow: hidden;
  box-shadow: 0 6px 18px -12px rgba(80,70,229,.3); display: flex; flex-direction: column;
  transition: transform .16s, box-shadow .16s;
}
.bd-card:hover { transform: translateY(-2px); box-shadow: 0 12px 26px -14px rgba(80,70,229,.4); }
.bd-card-media { position: relative; height: 130px; background-size: cover; background-position: center; }
.bd-card-media .bd-badge { position: absolute; top: 11px; left: 11px; }
.bd-card-body { padding: 15px 16px 16px; display: flex; flex-direction: column; flex: 1; }
.bd-card.has-img .bd-card-body { padding-top: 14px; }
.bd-badge {
  align-self: flex-start; display: inline-flex; align-items: center; gap: 6px;
  font-size: 11.5px; font-weight: 800; padding: 4px 11px; border-radius: 99px; white-space: nowrap;
}
.bd-card-title { font-size: 17px; font-weight: 800; letter-spacing: -.01em; line-height: 1.18; margin: 10px 0 0; }
.bd-card.has-img .bd-card-title { margin-top: 0; }
.bd-card-prev { font-size: 14px; color: var(--bd-muted); margin: 6px 0 0; line-height: 1.45; }
.bd-card-foot { display: flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 13px; }
.bd-card-meta { font-size: 13px; color: var(--bd-faint); font-weight: 600; }
.bd-call {
  margin-left: auto; display: inline-flex; align-items: center; gap: 6px;
  background: #0066FF; color: #fff; padding: 9px 16px; border-radius: 10px;
  font-size: 13.5px; font-weight: 700; min-height: 38px; cursor: pointer;
}
.bd-empty { grid-column: 1/-1; text-align: center; color: var(--bd-faint); font-size: 15px; font-weight: 600; padding: 40px 0; }

/* ── 사이드 레일(스폰서/정보) ── */
.bd-rail { display: flex; flex-direction: column; gap: 14px; }
.bd-rail-head { display: flex; align-items: center; gap: 9px; }
.bd-rail-bar { width: 5px; height: 20px; border-radius: 99px; background: linear-gradient(180deg,#6D5BF6,#0066FF); flex: none; }
.bd-rail-head .bd-rail-l { display: inline-flex; align-items: center; gap: 8px; }
.bd-rail-head .lbl { font-size: 14px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--bd-ink); }
.bd-rail-head .ads-pill { font-size: 10px; font-weight: 800; letter-spacing: .04em; background: #EEEDFD; color: var(--bd-indigo); padding: 3px 8px; border-radius: 99px; }
.bd-rail-head .biz { font-size: 12px; color: var(--bd-faint); font-weight: 600; margin-left: auto; }
.bd-rail-card { position: relative; height: 200px; border-radius: var(--bd-radius); overflow: hidden; box-shadow: 0 8px 22px -12px rgba(80,70,229,.4); background-size: cover; background-position: center; display: block; }
.bd-rail-card.sm { height: 150px; }
.bd-rail-card .shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15,10,35,.25), rgba(15,10,35,0) 40%, rgba(15,10,35,.85)); }
.bd-rail-card .bd-tag-sponsored { position: absolute; top: 10px; left: 10px; font-size: 10px; padding: 4px 9px; }
.bd-rail-card .cap { position: absolute; left: 14px; right: 14px; bottom: 13px; color: #fff; }
.bd-rail-card .cap .t { display: block; font-size: 18px; font-weight: 800; line-height: 1.1; }
.bd-rail-card .cap .s { display: block; font-size: 12px; color: #e2e0f4; margin-top: 3px; }
.bd-sell {
  background: #fff; border: 1.5px dashed #C4C8E8; border-radius: var(--bd-radius);
  padding: 16px; text-align: center; cursor: pointer; display: block;
}
.bd-sell .t { font-size: 15px; font-weight: 800; color: var(--bd-indigo); }
.bd-sell .s { font-size: 12.5px; color: #8A8FB0; margin-top: 4px; }
.bd-info { background: #fff; border-radius: var(--bd-radius); padding: 16px; box-shadow: 0 1px 2px -1px rgba(0,0,0,.1); }
.bd-info .h { font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #B0B3BB; }
.bd-info .row { display: flex; justify-content: space-between; font-size: 14px; margin-top: 10px; }
.bd-info .row span { color: var(--bd-muted); }
.bd-info .row b { font-weight: 700; }
.bd-info .row b.ok { color: #1A7F3C; }

/* ── 푸터 ── */
.bd-foot {
  display: flex; align-items: center; justify-content: space-between;
  margin: 18px 0 26px; padding: 18px 22px; background: #fff; border-radius: var(--bd-radius);
}
.bd-explore { display: inline-flex; align-items: center; gap: 9px; font-size: 16px; font-weight: 800; color: var(--bd-indigo); }
.bd-foot-links { display: flex; gap: 20px; font-size: 13.5px; color: var(--bd-faint); font-weight: 600; }

/* ═══════════ 모바일 (≤860px) ═══════════ */
@media (max-width: 860px) {
  /* 모바일 헤더: 로고(공간차지) + 컴팩트 Post. 검색·EN/FR·큰CTA 숨김 → 가로 오버플로 0 */
  .bd-topbar { padding: 11px 14px; }
  .bd-topbar-inner { gap: 8px; flex-wrap: nowrap; min-width: 0; }
  .bd-search { display: none; }
  .bd-cta-big { display: none; }
  .bd-langdd-btn { padding: 6px 8px; font-size: 12px; gap: 4px; }   /* 칩이 작아 로고 자리 확보 */
  .bd-logo { flex: 0 0 auto; min-width: 0; }   /* 로고는 절대 안 줄임 → 제목 안 잘림 */
  .bd-post-btn { flex: 0 0 auto; margin-left: 6px; gap: 3px; padding: 8px 11px; font-size: 12.5px; min-height: 0; white-space: nowrap; box-shadow: 0 6px 14px -8px rgba(80,70,229,.6); }
  .bd-container { padding: 0 16px; }
  .bd-cta-note { display: block; text-align: center; font-size: 12.5px; color: #8A8FB0; font-weight: 600; margin-top: 9px; }
  .bd-hero-wrap { padding: 14px 0 0; }
  .bd-hero { height: 210px; border-radius: 20px; }
  .bd-hero-title { font-size: 22px; }
  .bd-hero-cta { display: none; }
  .bd-layout { grid-template-columns: 1fr; gap: 18px; }
  .bd-rail { order: 3; }
  .bd-feed { grid-template-columns: 1fr; }
  .bd-areas { margin-left: 0; }
  .bd-foot { flex-direction: column; gap: 14px; text-align: center; }
}
@media (max-width: 420px) {
  .bd-card-title { font-size: 16px; }
}

/* ═══════════════════════════════════════════════════════════
   v3 redesign — handoff "Community Board.dc.html" (2026-06-25)
   레일 왼쪽 · 2드롭다운 필터 · in-feed 스폰서 · Explore 배너
   ═══════════════════════════════════════════════════════════ */
.bd-filter2 { display:flex; align-items:center; gap:12px; padding:20px 0 4px; flex-wrap:wrap; }
.bd-dd { display:inline-flex; align-items:center; gap:11px; background:#fff; border:1.5px solid #E7E5FB; border-radius:13px; padding:8px 14px; box-shadow:0 3px 12px -6px rgba(80,70,229,.3); min-width:232px; }
.bd-dd-ic { width:28px; height:28px; border-radius:8px; display:flex; align-items:center; justify-content:center; flex:none; }
.bd-dd-ic.grad { background:var(--bd-grad); }
.bd-dd-ic.soft { background:#EFEDFD; }
.bd-dd-tx { line-height:1.15; flex:1; min-width:0; }
.bd-dd-lbl { font-size:10.5px; color:var(--bd-faint); font-weight:700; }
.bd-dd select { border:0; background:transparent; font-size:14.5px; font-weight:800; color:var(--bd-ink); font-family:inherit; outline:none; cursor:pointer; width:100%; padding:0; margin-top:1px; }
.bd-newcount { margin-left:auto; display:inline-flex; align-items:center; gap:8px; background:#0E0F16; color:#fff; font-size:13px; font-weight:700; padding:11px 16px; border-radius:13px; }
.bd-newcount .grn { width:8px; height:8px; border-radius:99px; background:#34D399; box-shadow:0 0 0 3px rgba(52,211,153,.25); }
.bd-newcount .wk { color:#9aa0ad; font-weight:600; }

/* 레일 왼쪽(322px) + 피드 오른쪽 */
.bd-layout { grid-template-columns:322px 1fr; }
.bd-rail { order:0; }
.bd-main { order:1; }
.bd-sechd-tt { font-size:19px; letter-spacing:-.02em; }
.bd-accent { width:5px; min-height:42px; }
.bd-rail-head { padding-bottom:12px; border-bottom:1.5px solid #E7E5FB; margin-bottom:2px; }

/* in-feed 스폰서 카드 */
.bd-infeed { margin-top:14px; background:#F7F7FE; border:1.5px solid #E2DEFA; border-radius:18px; padding:16px; display:flex; gap:16px; align-items:stretch; transition:transform .16s,box-shadow .16s; }
.bd-infeed:hover { transform:translateY(-2px); box-shadow:0 12px 26px -16px rgba(80,70,229,.4); }
.bd-infeed-img { width:118px; align-self:stretch; min-height:104px; border-radius:14px; overflow:hidden; flex:none; background-size:cover; background-position:center; background:linear-gradient(135deg,#6D5BF6,#0066FF); display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,.92); }
.bd-infeed-img svg { width:34px; height:34px; }
.bd-infeed-bd { flex:1; min-width:0; display:flex; flex-direction:column; }
.bd-infeed-tag { align-self:flex-start; display:inline-flex; align-items:center; gap:6px; background:#EEEDFD; color:var(--bd-indigo); font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; padding:4px 10px; border-radius:99px; }
.bd-infeed h4 { font-size:18px; font-weight:800; letter-spacing:-.01em; margin:9px 0 5px; }
.bd-infeed p { font-size:14px; color:var(--bd-muted); margin:0; line-height:1.45; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.bd-infeed-btn { white-space:nowrap; background:#0066FF; color:#fff; font-size:14px; font-weight:700; padding:10px 18px; border-radius:11px; flex:none; }

/* See all */
.bd-seeall { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:14px; padding:14px; background:#fff; border:1.5px solid var(--bd-line); border-radius:14px; font-size:14.5px; font-weight:800; color:var(--bd-ink); box-shadow:0 2px 8px -4px rgba(80,70,229,.18); cursor:pointer; }
.bd-seeall:hover { border-color:var(--bd-indigo); }

/* Explore 배너 (푸터) */
.bd-foot2 { margin: 18px 0 26px; }
.bd-xbanner { position:relative; height:150px; border-radius:18px; overflow:hidden; box-shadow:0 12px 28px -14px rgba(23,23,28,.4); display:block; background:linear-gradient(120deg,#0a1430,#142a5e); background-size:cover; background-position:center; }
.bd-xbanner .sh { position:absolute; inset:0; background:linear-gradient(90deg,rgba(7,11,28,.82),rgba(7,11,28,.2) 60%,rgba(7,11,28,0)); }
.bd-xtag { position:absolute; top:14px; left:14px; display:inline-flex; align-items:center; gap:7px; background:linear-gradient(135deg,#FFD45A,#F5A623); color:#3a2600; font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; padding:6px 12px; border-radius:99px; box-shadow:0 4px 12px -4px rgba(245,166,35,.6); }
.bd-xbanner .cap { position:absolute; left:24px; bottom:18px; color:#fff; max-width:70%; }
.bd-xbanner .cap .t { display:block; font-size:24px; font-weight:800; letter-spacing:-.02em; }
.bd-xbanner .cap .s { display:block; font-size:14px; color:#dfe4ee; margin-top:4px; }
.bd-xbtn { position:absolute; right:24px; bottom:18px; display:inline-flex; align-items:center; gap:7px; background:#fff; color:var(--bd-ink); font-size:14px; font-weight:800; padding:11px 20px; border-radius:12px; }
.bd-foot2-links { display:flex; justify-content:space-between; align-items:center; gap:8px; font-size:13.5px; font-weight:700; margin-top:16px; padding:0 8px; }
.bd-foot2-links a { display:inline-flex; align-items:center; gap:7px; color:#5b5d66; padding:8px 10px; border-radius:10px; white-space:nowrap; }
.bd-foot2-links a svg { flex:none; }
.bd-foot2-links a:hover { background:#EEEDFD; color:var(--bd-indigo); }
.bd-rail-more { text-align:center; padding:2px 0 4px; }
.bd-rail-more a { font-size:13px; font-weight:700; color:var(--bd-indigo); }

@media (max-width:860px){
  .bd-layout { grid-template-columns:1fr; }
  .bd-rail { order:2; }
  .bd-main { order:1; }
  .bd-filter2 { gap:10px; }
  .bd-dd { min-width:0; flex:1 1 0; }
  .bd-newcount { margin-left:0; order:-1; width:100%; justify-content:center; padding:9px 14px; font-size:12.5px; }
  .bd-infeed { flex-wrap:wrap; }
  .bd-infeed-btn { width:100%; text-align:center; }
  .bd-xbanner .cap { max-width:100%; right:24px; }
  .bd-xbanner .cap .t { font-size:19px; }
  .bd-xbtn { display:none; }
  /* 피처드 스트립: 한 화면에 딱 2개 + 컴팩트(스와이프로 다음 2개) */
  .bd-strip { gap:12px; scroll-snap-type:x mandatory; }
  .bd-strip-card { width:calc(50% - 6px); }
  .bd-strip-media { height:148px; }
  .bd-strip-title { font-size:12.5px; left:11px; right:11px; bottom:11px; }
  /* 정렬 드롭다운: 제목보다 작게, 안 잘리게 */
  .bd-sechd.gap { align-items:flex-start; }
  .bd-sechd-tt { font-size:17px; }
  .cdd.cdd-sm .cdd-trigger { padding:7px 11px; }
  .cdd.cdd-sm .cdd-ic { width:22px; height:22px; }
  .cdd.cdd-sm .cdd-val { font-size:12.5px; }
  .cdd.cdd-sm .cdd-lbl { display:none; }
}
.bd-sell .t, .bd-sell .s { display:block; }
.bd-cat-btn[data-cat="other"]{grid-column:1/-1;}

/* ═══ v3 디테일 수정 (2026-06-25) ═══ */
/* grid 자식 min-width:0 → featured 스트립 가로 스크롤/스와이프 작동 */
.bd-main { min-width: 0; }
.bd-strip { scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; flex-wrap: nowrap; }
.bd-strip-card { scroll-snap-align: start; }
/* 로고 = Community Board / Lindbrook Junction 2줄(데스크톱 inline, 모바일 stacked) */
.bd-logo-tx { display: inline-flex; align-items: baseline; gap: 7px; }
@media (max-width: 860px) {
  /* 로고 2줄 stacked + 길면 생략. (헤더 표시/숨김은 위 860 블록에서 일괄 처리) */
  .bd-logo-tx { flex-direction: column; align-items: flex-start; gap: 0; line-height: 1.12; overflow: visible; }
  .bd-logo-name { font-size: 14px; white-space: nowrap; overflow: visible; }
  .bd-logo-sub { font-size: 11px; white-space: nowrap; overflow: visible; }
  .bd-plong { display: none; }
}
/* 가로 스크롤 차단 (어떤 자식이 넘쳐도 페이지는 가로 스크롤 안 됨) */
html, body { max-width: 100%; overflow-x: hidden; }

/* ═══ 커스텀 드롭다운 (핸드오프 펼침 디자인) ═══ */
.cdd { position: relative; }
.cdd-trigger { display:flex; align-items:center; gap:11px; background:#fff; border:1.5px solid #E7E5FB; border-radius:13px; padding:10px 16px; cursor:pointer; box-shadow:0 3px 12px -6px rgba(80,70,229,.3); min-width:236px; user-select:none; }
.cdd.cdd-sm .cdd-trigger { min-width:0; padding:9px 15px; }
.cdd.open .cdd-trigger { border-color:#6D5BF6; box-shadow:0 6px 18px -8px rgba(80,70,229,.45); }
.cdd-ic { width:28px; height:28px; border-radius:8px; display:flex; align-items:center; justify-content:center; flex:none; }
.cdd-ic.grad { background:linear-gradient(135deg,#6D5BF6,#0066FF); }
.cdd-ic.soft { background:#EFEDFD; }
.cdd-tx { line-height:1.15; flex:1; min-width:0; }
.cdd-lbl { display:block; font-size:10.5px; color:#9A9DA6; font-weight:700; }
.cdd-val { display:block; font-size:14.5px; font-weight:800; color:#15161C; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.cdd-chev { margin-left:auto; color:#9A9DA6; transition:transform .18s; flex:none; }
.cdd.open .cdd-chev { transform:rotate(180deg); }
.cdd-panel { display:none; position:absolute; top:calc(100% + 8px); left:0; min-width:100%; background:#fff; border:1px solid #ECE9FB; border-radius:16px; box-shadow:0 20px 48px -16px rgba(40,30,90,.34); padding:8px; z-index:60; }
.cdd.open .cdd-panel { display:block; }
.cdd-item { display:flex; align-items:center; gap:11px; padding:11px 13px; border-radius:11px; font-size:14.5px; font-weight:600; color:#15161C; cursor:pointer; white-space:nowrap; }
.cdd-item:hover { background:#F4F3FD; }
.cdd-item.sel { color:#4F46E5; font-weight:800; background:#F1EFFE; }
.cdd-item-t { flex:1; }
.cdd-item .ck { color:#4F46E5; opacity:0; flex:none; }
.cdd-item.sel .ck { opacity:1; }
.cdd-item-ic { color:#9A9DA6; display:flex; flex:none; }
.cdd-item.sel .cdd-item-ic { color:#4F46E5; }
.cdd-dot { width:9px; height:9px; border-radius:99px; flex:none; }
@media (max-width:860px){
  .cdd { flex:1 1 0; min-width:0; }   /* 카테고리·지역 좌우 2단(50/50) — 목업대로 */
  .cdd .cdd-trigger { min-width:0; padding:9px 12px; }
  .cdd.cdd-sm { flex:0 0 auto; }
  .cdd-trigger { min-width:0; }
  .cdd-ic { width:24px; height:24px; }   /* 2단에서 공간 절약 */
}

/* ═══ 사진 업로드 (드래그앤드롭 + 미리보기 그리드) ═══ */
.bd-up { }
.bd-up.drag { }
.bd-up-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; border:2px dashed #C4C8E8; border-radius:16px; padding:28px 16px; text-align:center; cursor:pointer; background:#FAFAFE; color:#6D5BF6; }
.bd-up.drag .bd-up-empty, .bd-up-empty:hover { border-color:#6D5BF6; background:#F1EFFE; }
.bd-up-empty .t { font-size:15px; font-weight:800; color:#15161C; margin-top:6px; }
.bd-up-empty .t b { color:#4F46E5; text-decoration:underline; }
.bd-up-empty .s { font-size:12.5px; color:var(--bd-faint); font-weight:600; }
.bd-up-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:8px; }
.bd-up.drag .bd-up-grid { outline:2px dashed #6D5BF6; outline-offset:4px; border-radius:14px; }
.bd-up-cell { position:relative; aspect-ratio:1/1; border-radius:12px; overflow:hidden; background:#F1F2F8; display:flex; align-items:center; justify-content:center; }
.bd-up-cell img { width:100%; height:100%; object-fit:cover; }
.bd-up-cell.add { cursor:pointer; border:2px dashed #C4C8E8; background:#FAFAFE; color:#6D5BF6; flex-direction:column; gap:3px; font-size:12px; font-weight:800; }
.bd-up-cell.add:hover { border-color:#6D5BF6; background:#F1EFFE; }
.bd-up-cell.more { cursor:pointer; border:1.5px solid #D9D2FB; background:#EEEDFD; color:#4F46E5; font-size:19px; font-weight:800; }
.bd-up-cell.more:hover { background:#E3DEFB; }
.bd-up-cover { position:absolute; top:5px; left:5px; background:rgba(80,70,229,.92); color:#fff; font-size:9.5px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; padding:3px 7px; border-radius:99px; }
.bd-up-x { position:absolute; top:5px; right:5px; width:22px; height:22px; border-radius:99px; background:rgba(15,16,28,.72); color:#fff; border:0; font-size:16px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; padding:0; }
.bd-up-x:hover { background:#E5484D; }
.bd-up-hint { font-size:12.5px; color:var(--bd-faint); font-weight:600; margin-top:9px; }

/* 검색 무결과 상태 (핸드오프) */
.bd-noresults { grid-column:1/-1; text-align:center; padding:46px 20px; background:#fff; border:1.5px dashed var(--bd-line); border-radius:18px; }
.bd-noresults .t { font-size:18px; font-weight:800; margin-top:12px; }
.bd-noresults .s { font-size:14px; color:var(--bd-faint); margin-top:5px; }
.bd-noresults-btn { display:inline-flex; margin-top:16px; background:var(--bd-grad); color:#fff; font-size:14.5px; font-weight:800; padding:11px 20px; border-radius:12px; }

/* 드롭다운 키보드 포커스 (접근성) */
.cdd-trigger:focus-visible { outline:2px solid #6D5BF6; outline-offset:2px; }
.cdd-item:focus { background:#EDEBFE; outline:none; }
.cdd-item:focus-visible { box-shadow:inset 0 0 0 2px #6D5BF6; }

/* +Post 버튼 글자/아이콘 항상 흰색 (캐시·상속 무관) */
.bd-post-btn, .bd-post-btn span, .bd-post-btn svg { color:#fff !important; }