/* 2026-10-31 cdfaq (그록 봇): 사이트 공용 Q/A 아코디언 카드 (블로그 전 섹션·V-log). 'Q.' 로 시작하는 h3 + 이어지는 답 문단을 /page/js/cd_faq.js 가 <details> 로 묶음. */
.cd-faq{margin:18px 0 30px;display:grid;gap:12px}
.cd-faq details{background:linear-gradient(180deg,#fff,#fbf9ff);border:1px solid #e9e3f5;border-radius:18px;box-shadow:0 4px 14px rgba(76,29,149,.05);transition:box-shadow .25s ease,border-color .25s ease,transform .25s ease}
.cd-faq details:hover{border-color:#cdbcf2;box-shadow:0 8px 22px rgba(76,29,149,.09);transform:translateY(-1px)}
.cd-faq details[open]{border-color:#c4b5fd;box-shadow:0 10px 26px rgba(76,29,149,.11)}
.cd-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:16px 18px;font-size:17px;font-weight:700;color:#1f1535;line-height:1.5;word-break:keep-all}
.cd-faq summary::-webkit-details-marker{display:none}
.cd-faq .cd-faq__q{flex:0 0 32px;height:32px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff;font-size:14px;font-weight:800;box-shadow:0 3px 8px rgba(124,58,237,.28)}
.cd-faq summary::after{content:"";margin-left:auto;flex:0 0 9px;width:9px;height:9px;border-right:2px solid #8b5cf6;border-bottom:2px solid #8b5cf6;transform:rotate(45deg);transition:transform .25s ease}
.cd-faq details[open] summary::after{transform:rotate(-135deg)}
.cd-faq .cd-faq__a{padding:0 20px 18px 62px;color:#3f3a4d;line-height:1.85;animation:cdFaqIn .3s ease}
.cd-faq .cd-faq__a p{margin:0 0 8px}.cd-faq .cd-faq__a p:last-child{margin:0}
.cd-faq .cd-faq__a a{color:#7c3aed;font-weight:600;text-decoration:underline;text-underline-offset:3px}
@keyframes cdFaqIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (max-width:640px){.cd-faq .cd-faq__a{padding:0 16px 16px}.cd-faq summary{font-size:16px;padding:14px 14px}}
@media (prefers-reduced-motion:reduce){.cd-faq details,.cd-faq .cd-faq__a{transition:none;animation:none}}
/* V-log 는 핑크 톤 */
.vl-body .cd-faq details{background:linear-gradient(180deg,#fff,#fff7fb);border-color:#f6d6e6}
.vl-body .cd-faq details[open],.vl-body .cd-faq details:hover{border-color:#f0abcf}
.vl-body .cd-faq .cd-faq__q{background:linear-gradient(135deg,#f472b6,#a78bfa);border-radius:50%}
.vl-body .cd-faq summary{font-family:"Gowun Dodum","Pretendard",system-ui,sans-serif}