/* 홈카메라 고르는 법·입구 칸 (2026-11-13). 가이드 색·글자 규칙을 따른다: 모바일(900px 미만) 본문 15·보조 14·최소 14, PC 본문 17. */
.ch .art-p{margin:0 0 16px;word-break:keep-all}
.ch .start{border-radius:16px}
.feats{display:grid;gap:12px}
.feat{padding:16px 20px;border-radius:12px;background:var(--c-bg)}
.feat h3{margin:0 0 8px!important;font-size:17px!important}
.feat p{margin:0;color:var(--c-text-2);font-size:15px;line-height:1.6;word-break:keep-all}
.feat .feat-w{margin-top:8px;color:var(--c-text-1);font-weight:600;font-size:14px}
.picks{display:grid;gap:12px}
.pick{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid var(--c-bg);border-radius:16px;background:var(--c-surface)}.pick-h{display:flex;flex-direction:column;gap:12px;min-width:0}.pick-a{display:flex;flex-direction:column;gap:8px}
.pick-l{margin:0;color:var(--c-brand-text);font-weight:700;font-size:14px}
.pick-top{display:flex;gap:16px;align-items:center}
.pick-ph{flex:none;width:96px;height:96px;border-radius:12px;background:#fff;overflow:hidden}
.pick-ph img{width:100%;height:100%;object-fit:contain}
.pick-t{min-width:0}
.pick-t b{display:block;font-size:18px;line-height:1.4}
.pick-t small{display:block;color:var(--c-text-3);font-size:14px;white-space:nowrap}
.pick-price{margin:4px 0 0;font-size:18px;font-weight:700;white-space:nowrap}
.pick-tags{display:flex;flex-wrap:wrap;gap:8px}
.pick-n{margin:0;color:var(--c-text-2);font-size:15px;line-height:1.55;word-break:keep-all}
.pick .btn{width:100%;white-space:nowrap;justify-content:center;text-align:center}
.picks{margin-bottom:16px}

.pick-guide{display:inline-flex;align-items:center;justify-content:center;gap:2px;color:var(--c-text-2);font-size:14px;text-decoration:none}
.pick-guide svg{width:18px;height:18px}
.mcards{display:grid;gap:12px}
.pick[id]{scroll-margin-top:88px}
.mspec{margin:0;padding:12px 0 0;border-top:1px solid var(--c-bg);display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.mspec div{min-width:0}.mspec dt{color:var(--c-text-3);font-size:14px}.mspec dd{margin:2px 0 0;font-size:15px;font-weight:600;word-break:keep-all;overflow-wrap:normal}
.pick-tags .tag{display:inline-flex;align-items:center;height:26px;padding:0 8px;border-radius:6px;background:var(--c-bg);color:var(--c-text-2);font-size:13px;font-weight:500;line-height:1}
.tbl.cmp{min-width:1040px;font-size:15px}
.tbl.cmp td,.tbl.cmp th{white-space:nowrap}
.tbl .ok{color:var(--c-brand-text);font-weight:700}
.tbl .no{color:var(--c-text-3)}
/* 입구 칸: 제품 홈·자주 찾는 질문 */
.chbox{display:flex;flex-direction:column;gap:12px;padding:24px var(--page-x);background:var(--c-brand-tint);border-radius:0}.chbox.is-sec{border-radius:16px}
.chbox.is-sec{margin:0 12px 12px}
.chbox-t{margin:0;font-size:18px;font-weight:700;color:var(--c-text-1)}
.chbox-d{margin:0;color:var(--c-text-2);font-size:15px;line-height:1.55;word-break:keep-all}
.chbox-a{display:flex;gap:8px;flex-wrap:wrap}
.chbox-a .btn{flex:1 1 140px}
.chbox-a .btn.secondary{background:var(--c-surface)}
.chbox-l{display:inline-flex;align-items:center;gap:2px;color:var(--c-brand-text);font-size:14px;font-weight:600;text-decoration:none}
.chbox-l svg{width:18px;height:18px}
@container site (min-width:900px){
  .feat h3{font-size:19px!important}
  .feat p{font-size:17px}
  .feat .feat-w{font-size:15px}
  .pick-ph{width:120px;height:120px}
  .pick-t b,.pick-price{font-size:20px}
  .pick-n{font-size:16px}
  .chbox{padding:24px 32px;border-radius:16px}
  .chbox.is-sec{margin:0}
  .chbox-t{font-size:20px}
  .chbox-d{font-size:16px}
  .chbox-a .btn{flex:0 0 auto}
}
/* 카드 목록 공통 규칙(고르는 법·비교표·용도별): 사이트 폭 720px 미만은 한 칸, 이상은 두 칸.
   두 칸일 때 사진 위·글 아래, 같은 줄 카드의 버튼·사양 표 시작 높이를 subgrid로 맞춘다. */
@container site (min-width:720px){
  .picks,.mcards,.feats{grid-template-columns:1fr 1fr}
  .picks .pick-top,.mcards .pick-top{flex-direction:column;align-items:flex-start;gap:12px}
  .pick-h{flex:1}
  @supports (grid-template-rows:subgrid){
    .picks .pick,.mcards .pick{display:grid;grid-row:span 2;grid-template-rows:subgrid;align-content:start;row-gap:12px}
    .mcards .pick{grid-row:span 3}
  }
}
/* 첫 화면 입구(대표 지정 2026-11-13): '자주 찾는 질문' 블록 바로 아래 파란 버튼. 다른 블록과 같은 바깥 여백·모서리. */
.two .chhome{margin:0 12px 12px;border-radius:16px}
@container site (min-width:900px){.two .chhome{margin:0}}
/* 2026-11-13 대표 결정: 휴대폰 보조 글씨 13px, 칩 12px */
@container site (max-width:899px){
  .feat .feat-w,.pick-l,.pick-t small,.pick-guide,.mspec dt,.chbox-l{font-size:13px}
  .pick-tags .tag{font-size:12px;height:24px}
}