/* 배때지 V2 · FAQ (.v2fq-*) */
.v2fq-shell{ max-width: 720px; margin: 0 auto; min-height: 100vh; background: var(--hm-bg,#f5f5f3); color: var(--hm-ink,#16161a);
  padding-bottom: calc(90px + env(safe-area-inset-bottom,0px)); font-family: Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI","Malgun Gothic",sans-serif; }
.v2fq-header{ position: sticky; top: 0; z-index: 30; display: flex; align-items: center; height: 56px; padding: 0 8px; background: #fff; border-bottom: 1px solid var(--hm-line,#e8e8ea); }
.v2fq-icobtn{ width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; color: var(--hm-ink,#16161a); border-radius: 12px; flex: 0 0 auto; }
.v2fq-title{ flex: 1; margin: 0; font-size: 17px; font-weight: 800; letter-spacing: -.3px; }
.v2fq-cats{ display: flex; gap: 6px; overflow-x: auto; padding: 12px 14px 4px; background: #fff; border-bottom: 1px solid var(--hm-line,#e8e8ea); scrollbar-width: none; }
.v2fq-cats::-webkit-scrollbar{ display: none; }
.v2fq-cat{ flex: 0 0 auto; padding: 8px 14px; border-radius: 999px; font-size: 13px; font-weight: 600; text-decoration: none; color: var(--hm-sub,#6b6b74); background: #f2f2f4; }
.v2fq-cat.is-on{ background: var(--hm-ink,#16161a); color: #fff; }
.v2fq-main{ padding: 14px; }
.v2fq-search{ margin-bottom: 14px; }
.v2fq-search input{ width: 100%; border: 1px solid var(--hm-line,#e8e8ea); border-radius: 12px; padding: 13px 14px; font-size: 14px; font-family: inherit; background: #fff; }
.v2fq-group{ margin-bottom: 18px; }
.v2fq-gname{ margin: 4px 0 10px; font-size: 13px; font-weight: 800; color: var(--hm-ac,#4b48d6); }
.v2fq-list{ background: #fff; border: 1px solid var(--hm-line,#e8e8ea); border-radius: 16px; overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,.04); }
.v2fq-item{ border-top: 1px solid var(--hm-line,#e8e8ea); }
.v2fq-item:first-child{ border-top: 0; }
.v2fq-item summary{ display: flex; align-items: center; gap: 11px; padding: 15px 16px; cursor: pointer; list-style: none; }
.v2fq-item summary::-webkit-details-marker{ display: none; }
.v2fq-q{ width: 24px; height: 24px; flex: 0 0 auto; border-radius: 7px; background: #eef2ff; color: var(--hm-ac,#4b48d6); font-weight: 800; font-size: 13px; display: flex; align-items: center; justify-content: center; }
.v2fq-qt{ flex: 1; font-size: 14px; font-weight: 600; line-height: 1.4; }
.v2fq-arw{ color: #c4c4cc; font-size: 18px; transition: transform .2s; }
.v2fq-item[open] .v2fq-arw{ transform: rotate(90deg); }
.v2fq-a{ padding: 4px 16px 18px 51px; font-size: 13.5px; line-height: 1.7; color: #55555e; }
.v2fq-a img{ max-width: 100%; height: auto; border-radius: 8px; }
.v2fq-a p{ margin: 0 0 8px; }
.v2fq-empty, .v2fq-noresult{ text-align: center; padding: 50px 20px; color: var(--hm-sub,#6b6b74); font-size: 14px; }
.v2fq-contact{ text-align: center; margin-top: 20px; font-size: 13px; color: var(--hm-sub,#6b6b74); }
.v2fq-contact a{ color: var(--hm-ac,#4b48d6); font-weight: 700; }
.v2fq-shell a:focus-visible, .v2fq-item summary:focus-visible{ outline: 2px solid var(--hm-ac,#4b48d6); outline-offset: 2px; }
@media (min-width:1024px){ .v2fq-main{ padding: 20px 0 40px; } .v2fq-cats{ padding-left:0; padding-right:0; } }
