/* VB3 (2026-10-24) — 시안 C 에디토리얼 모노: 잡지처럼 큰 숫자·가는 줄·흑백. 색은 흑백뿐, 시그널 레드 #E1251B 는 점·가는 줄만 */
html.vb.vb3[data-c] { --acc: #F2F2F2; --acc-rgb: 242,242,242; --acc-ink: #000; --red: #E1251B; --bg: #0A0A0A; --bg-2: #0A0A0A; --v3-r: 0px; --line: rgba(255,255,255,.14); }
.vb3 .vb3-issue, .vb3 .vb3-big, .vb3 .vb3-strip small, .vb3 .vb3-cover-r figcaption { font-family: "Archivo", "Pretendard", sans-serif; }
/* 각진 카드 + 가는 줄 */
.vb3 .rcard, .vb3 .tcard, .vb3 .v3-ibox, .vb3 .v3-why3 li, .vb3 .v3-torque, .vb3 .v3-free, .vb3 .v3-tips a, .vb3 .v3-svc a, .vb3 .v3-gate a, .vb3 .v3-gate button, .vb3 .v3-makers button, .vb3 .v3-inchgrid a, .vb3 .v3-sizechips button, .vb3 .svcgrid > li, .vb3 .box, .vb3 .vb-btn, .vb3 .v3-btn, .vb3 .btn
  { border-radius: 0 !important; }
/* 상품(중고) 사진은 색 그대로 — 실제 상태가 보여야 팔림 */
.vb3 .v3-gray { background: #0A0A0A; border-top: 1px solid rgba(255,255,255,.14); }
/* 첫 화면 표지 */
.vb3-hero { background: #0A0A0A; }
.vb3-cover { display: grid; grid-template-columns: 1.25fr 1fr; border-bottom: 1px solid rgba(255,255,255,.14); min-height: min(80vh, 760px); }
.vb3-cover-l { padding: 54px 44px 44px 0; display: flex; flex-direction: column; justify-content: space-between; border-right: 1px solid rgba(255,255,255,.14); }
.vb3-issue { display: flex; justify-content: space-between; font-size: 11.5px; letter-spacing: .25em; color: #8A8A8A; }
.vb3-big { font-size: clamp(48px, 7vw, 108px); line-height: .88; font-weight: 800; letter-spacing: -.05em; margin: 30px 0; }
.vb3-big span { display: block; color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.55); }
.vb3-big i { font-style: normal; color: var(--red); -webkit-text-stroke: 0; }
.vb3-hero h1 { font-size: clamp(21px, 2.2vw, 28px); line-height: 1.35; margin: 0 0 14px; font-weight: 900; }
.vb3-hero p { color: #C8C8C8; max-width: 480px; margin: 0; font-size: 15px; }
.vb3-hero p b { color: #FFF; font-weight: 500; }
.vb3-cover-r { margin: 0; position: relative; overflow: hidden; }
.vb3-cover-r img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.2) brightness(.8); }
.vb3-cover-r figcaption { position: absolute; left: 22px; bottom: 20px; font-size: 11.5px; color: #C8C8C8; letter-spacing: .2em; }
.vb3-strip { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid rgba(255,255,255,.14); }
.vb3-strip > * { padding: 28px 26px; border: 0; border-right: 1px solid rgba(255,255,255,.14); background: none; color: #F2F2F2; display: flex; justify-content: space-between; align-items: center; font-size: 17px; font-weight: 700; cursor: pointer; text-align: left; transition: background .3s, color .3s; }
.vb3-strip > *:last-child { border-right: 0; }
.vb3-strip small { display: block; font-size: 11px; color: #8A8A8A; font-weight: 400; letter-spacing: .2em; margin-bottom: 4px; }
.vb3-strip > *::after { content: "→"; font-weight: 300; font-size: 22px; transition: transform .3s; }
.vb3-strip > *:hover { background: #F2F2F2; color: #000; }
.vb3-strip > *:hover small { color: #555; }
.vb3-strip > *:hover::after { transform: translateX(8px); }
@media (max-width: 899px) {
  .vb3-cover { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .vb3-cover-l { padding: 34px 0; border: 0; }
  .vb3-cover-r { aspect-ratio: 4/3; }
  .vb3-strip { grid-template-columns: 1fr; }
  .vb3-strip > * { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.14); }
}
/* 장 제목: 위에 빨간 가는 줄 */
.vb3 .v3-sec-h h2 { font-weight: 900; letter-spacing: -.035em; }
.vb3 .v3-sec-h h2::before { content: ""; display: block; width: 40px; height: 2px; background: var(--red); margin-bottom: 14px; }
.vb3 .v3-sec-h h2 em { font-style: normal; font-family: "Noto Serif KR", serif; font-weight: 600; }
.vb3 .v3-subhd { background: #0A0A0A; border-bottom: 1px solid rgba(255,255,255,.14); }
.vb3 .v3-subhd h1 { font-weight: 900; letter-spacing: -.04em; }
.vb3 .v3-crumb::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--red); margin-right: 8px; vertical-align: 1px; }
.vb3 .v3-gnb a.on { box-shadow: inset 0 -2px 0 var(--red); }
/* 주요 단추 = 흰 바탕 검정 글 (포인트 레드 남용 안 함) */
.vb3 .dock a.call { background: #F2F2F2; color: #000; }
