/* 2026-10-12 prdhelp: 상품 상세 목차 아래 카드 (cd_prdbrief.py) */
.cdh{margin:18px 0 22px;display:flex;flex-direction:column;gap:12px}
.cdh *{box-sizing:border-box}
.cdh-card{background:#fff;border:1px solid #e3e8ff;border-radius:14px;padding:14px 16px;box-shadow:0 2px 10px rgba(79,107,237,.06)}
.cdh-h{font-size:16px;font-weight:700;color:#1f2a44;margin:0}
.cdh-help{display:flex;gap:12px;align-items:flex-start;background:#f6f8ff}
.cdh-ic{flex:0 0 26px;height:26px;border-radius:50%;background:#4f6bed;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif}
.cdh-help__tx{margin:4px 0 0;font-size:15px;line-height:1.7;color:#333;word-break:keep-all}
.cdh-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px}
.cdh-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.cdh-chip{background:#eef1ff;color:#3346c9;border-radius:999px;padding:5px 11px;font-size:14px;line-height:1.4}
.cdh-chip::before{content:"#"}
.cdh-sub{margin:4px 0 10px;font-size:13.5px;color:#667}
.cdh-prs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:10px}
.cdh-pr{border:1px solid #e6e9f2;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;background:#fafbff;min-width:0}
.cdh-pr__no{margin:0;font-size:12.5px;font-weight:700;color:#4f6bed;letter-spacing:.02em}
.cdh-pr__tx{margin:0;font-size:14.5px;line-height:1.65;color:#222;overflow-wrap:anywhere;flex:1}
.cdh-copy{align-self:flex-end;border:1px solid #4f6bed;background:#fff;color:#4f6bed;border-radius:999px;padding:6px 14px;font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap;min-height:34px}
.cdh-copy:hover{background:#4f6bed;color:#fff}
.cdh-copy.is-done{background:#16a34a;border-color:#16a34a;color:#fff}
@media (min-width:768px){.cdh-prs{grid-template-columns:1fr 1fr}.cdh-card{padding:16px 20px}}
/* 2026-10-12 help2: Tip 상자 */
.cdh-tip{background:#fffbea;border:1px solid #ffe08a;border-left:5px solid #f5b400;border-radius:12px;padding:12px 14px;margin:0 0 12px}
.cdh-tip__tx{margin:0 0 6px;font-size:15px;line-height:1.65;color:#3d2e00;word-break:keep-all}
.cdh-tip__b{color:#a66b00;margin-right:4px}
.cdh-tip__a{display:inline-block;font-size:14.5px;font-weight:600;color:#4f6bed;text-decoration:underline;text-underline-offset:3px;line-height:1.55;word-break:keep-all}
/* 2026-10-12 help3: 카드 사이 광고 (넘침 방지, 모바일 280 자리) */
.cdh-help__tx+.cdh-help__tx{margin-top:2px}
.cdh-ad{margin:4px 0;min-height:280px;max-width:100%;overflow:hidden}
@media (min-width:768px){.cdh-ad{min-height:100px}}
/* 2026-10-12 help4: Keyword Prompt 옆 말풍선 (꼬리 = 제목 쪽) */
.cdh-prh{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px}
.cdh-bub{position:relative;display:inline-block;background:#4f6bed;color:#fff;font-size:12.5px;font-weight:700;line-height:1.3;padding:5px 11px;border-radius:999px;box-shadow:0 3px 10px rgba(79,107,237,.28);white-space:nowrap}
.cdh-bub::before{content:"";position:absolute;left:-6px;top:50%;margin-top:-5px;border-style:solid;border-width:5px 7px 5px 0;border-color:transparent #4f6bed transparent transparent}
/* 2026-10-12 help5: Tip 형광펜·밑줄 / 채워지지 않은(unfilled) 광고 자리는 접기 */
.cdh-hl{background:linear-gradient(transparent 55%,#c8f560 55%);color:inherit;padding:0 2px;font-weight:700}
.cdh-ul{text-decoration:underline;text-decoration-color:#f5b400;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:700}
.cdh-ad:has(ins[data-ad-status="unfilled"]){min-height:0;margin:0}
.cd-prdad:has(ins[data-ad-status="unfilled"]) .cd-adu{min-height:0!important}
.cdh-pr__tx{white-space:pre-line}