/* 친한언니 자동 포스팅 · 글 본문 부품 디자인
   (언니 인사·언니 한마디·꼭 확인!·버튼·표 등 기본 부품은 사이트 '추가 CSS'에 있어요) */

.entry-content .ku-meta{font-size:13px;color:#555;display:flex;flex-wrap:wrap;gap:6px 10px;margin:0 0 6px}
.entry-content .ku-meta b{color:#1f3a5f}

/* 쿠팡 공정위 문구: 본문보다 크게, 다른 색 */
.entry-content .ku-cp-disclosure{font-size:17px;font-weight:800;line-height:1.6;color:#9a3412;background:#fff7ed;border:1px solid #fdba74;border-radius:10px;padding:12px 16px;margin:0 0 18px;word-break:keep-all}

/* 결론부터 */
.entry-content .ku-verdict{border:2px solid #1f3a5f;border-radius:14px;padding:18px 20px;margin:0 0 20px;background:#fff}
.entry-content .ku-verdict .tag{display:inline-block;background:#1f3a5f;color:#fff;font-size:13px;font-weight:800;border-radius:999px;padding:3px 12px;margin-bottom:10px}
.entry-content .ku-verdict p{margin:0;font-size:17px;line-height:1.9;word-break:keep-all}

/* 숫자 타일 */
.entry-content .ku-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 26px}
.entry-content .ku-tile{border:1px solid #dfe3e8;border-radius:12px;padding:16px 14px;background:#f7f9fc;text-align:center}
.entry-content .ku-tile .l{font-size:13px;font-weight:700;color:#555}
.entry-content .ku-tile .v{font-size:24px;font-weight:800;color:#1f3a5f;line-height:1.3;margin:6px 0;word-break:keep-all}
.entry-content .ku-tile .d{font-size:13px;color:#444;line-height:1.5}

/* 두 칸 비교 */
.entry-content .ku-pc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}
.entry-content .ku-pc > div{border-radius:12px;padding:16px 18px;border:1px solid #dfe3e8}
.entry-content .ku-pc h3{margin:0 0 8px;font-size:16px;font-weight:800;display:flex;align-items:center;gap:8px;border:0;padding:0}
.entry-content .ku-pc h3::before{content:"";width:26px;height:26px;border-radius:50%;flex:0 0 26px;background:#1f3a5f center/14px no-repeat}
.entry-content .ku-pc .a{background:#f2f6fb}
.entry-content .ku-pc .a h3::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E")}
.entry-content .ku-pc .b{background:#fffbea}
.entry-content .ku-pc .b h3::before{background-color:#7a5600;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E")}
.entry-content .ku-pc ul{margin:0;padding-left:18px;font-size:15px;line-height:1.7}

/* 막대 그래프 */
.entry-content .ku-busy{border:1px solid #dfe3e8;border-radius:12px;padding:16px 18px;margin:18px 0}
.entry-content .ku-busy .ttl{font-size:15px;font-weight:800;margin-bottom:10px}
.entry-content .ku-busy .row{display:grid;grid-template-columns:140px 1fr 84px;align-items:center;gap:10px;margin:7px 0;font-size:14px}
.entry-content .ku-busy .bar{height:14px;background:#eef0f3;border-radius:999px;overflow:hidden}
.entry-content .ku-busy .bar i{display:block;height:100%;border-radius:999px;background:#1f3a5f;width:var(--w)}
.entry-content .ku-busy .row.hot .bar i{background:#d9480f}
.entry-content .ku-busy .row.hot b{color:#c2410c}
.entry-content .ku-busy .row b{font-size:13px;text-align:right}
.entry-content .ku-busy .note{font-size:12px;color:#555;margin-top:10px}
@keyframes kuApGrow{from{width:0}to{width:var(--w)}}
@supports (animation-timeline:view()){.entry-content .ku-busy .bar i{animation:kuApGrow linear both;animation-timeline:view();animation-range:entry 0% cover 40%}}

/* 단계 */
.entry-content .ku-steps{list-style:none;margin:18px 0;padding:0;counter-reset:kustep}
.entry-content .ku-steps li{counter-increment:kustep;position:relative;padding:0 0 18px 50px;margin:0;list-style:none}
.entry-content .ku-steps li::before{content:counter(kustep);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;background:#1f3a5f;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}
.entry-content .ku-steps li:not(:last-child)::after{content:"";position:absolute;left:16px;top:38px;bottom:4px;width:2px;background:#dfe3e8}
.entry-content .ku-steps b{display:block;font-size:16px}
.entry-content .ku-steps span{font-size:15px;color:#444}

/* 카드 */
.entry-content .ku-cards-title{font-weight:800;font-size:16px;margin:22px 0 -6px}
.entry-content .ku-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.entry-content .ku-cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.entry-content .ku-card{border:1px solid #dfe3e8;border-radius:12px;padding:16px 14px;text-align:center;transition:translate .2s ease}
.entry-content .ku-card:hover{translate:0 -4px}
.entry-content .ku-card .ic{width:46px;height:46px;border-radius:50%;margin:0 auto 8px;background:#eef2f7;color:#1f3a5f;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px}
.entry-content .ku-card b{display:block;font-size:15px}
.entry-content .ku-card small{display:block;font-size:13px;color:#555;line-height:1.55;margin-top:4px}

/* 언니 한마디 안 목록 */
.entry-content .ku-tip-list{margin:6px 0 0;padding-left:18px}
.entry-content .ku-tip-list li{margin:2px 0}

/* 자주 묻는 질문 */
.entry-content .ku-faq-hint{font-size:14px;color:#555;margin:0 0 10px}
.entry-content .ku-faq details{border:1px solid #dfe3e8;border-radius:10px;margin:0 0 10px;background:#fff}
.entry-content .ku-faq summary{cursor:pointer;list-style:none;padding:14px 44px 14px 16px;font-weight:800;font-size:16px;position:relative}
.entry-content .ku-faq summary::-webkit-details-marker{display:none}
.entry-content .ku-faq summary::before{content:"Q. ";color:#1f3a5f}
.entry-content .ku-faq summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:22px;color:#1f3a5f}
.entry-content .ku-faq details[open] summary::after{content:"−"}
.entry-content .ku-faq details p{margin:0;padding:0 16px 14px;font-size:15px;color:#333}

/* 근거 · 작성 */
.entry-content .ku-basis{background:#f4f6f9;border-radius:12px;padding:16px 18px;font-size:14px;line-height:1.7;margin:28px 0 12px}
.entry-content .ku-basis strong{display:block;font-size:15px;margin-bottom:4px}
.entry-content .ku-basis a{color:#1f3a5f}
.entry-content .ku-author{display:flex;gap:14px;align-items:center;border-top:1px solid #dfe3e8;padding-top:14px;font-size:14px}
.entry-content .ku-author::before{content:"";flex:0 0 52px;height:52px;border-radius:50%;background:#e6edf5 var(--ku-ap-logo,none) center/cover}
.entry-content .ku-author p{margin:0}

/* 본문 사진 */
.entry-content .ku-photo{margin:22px 0}
.entry-content .ku-photo img{display:block;width:100%;height:auto;max-height:460px;object-fit:cover;border-radius:12px}
.entry-content .ku-photo figcaption{font-size:13px;color:#555;text-align:center;margin-top:8px}
.entry-content .ku-photo .ku-credit{color:#888;font-size:12px}

/* 광고 */
.entry-content .ku-ad{margin:24px 0 0;text-align:center;overflow:hidden}
.entry-content .ku-ad .ku-ad-label{text-align:left}

/* 쿠팡 상품 상자: 상품을 가로 한 줄씩 */
.entry-content .ku-cp{border:2px solid #1f3a5f;border-radius:14px;padding:16px 18px;margin:26px 0;background:#fff}
.entry-content .ku-cp-ttl{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:17px;font-weight:800;color:#1f3a5f;margin:0 0 12px}
.entry-content .ku-cp-ttl span{font-size:12px;font-weight:400;color:#777}
.entry-content .ku-cp-list{display:flex;flex-direction:column;gap:10px}
.entry-content a.ku-cp-item{display:grid;grid-template-columns:104px 1fr 190px;align-items:center;gap:16px;border:1px solid #dfe3e8;border-radius:12px;padding:12px;color:#222;text-decoration:none;background:#fff;transition:transform .12s ease}
.entry-content a.ku-cp-item:hover{transform:scale(.985)}
.entry-content a.ku-cp-item img,.entry-content .ku-cp-noimg{width:104px;height:104px;object-fit:contain;background:#f7f9fc;border-radius:8px;display:block}
.entry-content .ku-cp-name{font-size:16px;font-weight:700;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all}
.entry-content .ku-cp-go{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:10px;background:#ffd400;border:2px solid #111;font-weight:800;font-size:15px;color:#111}
.entry-content .ku-cp-note{font-size:12px;color:#555;margin:10px 0 0}

@media (max-width:720px){
	.entry-content .ku-tiles{grid-template-columns:1fr}
	.entry-content .ku-tile{display:grid;grid-template-columns:1fr auto;text-align:left;align-items:center;gap:2px 10px}
	.entry-content .ku-tile .v{grid-row:span 2;font-size:20px;margin:0;text-align:right}
	.entry-content .ku-pc,.entry-content .ku-cards,.entry-content .ku-cards.four{grid-template-columns:1fr}
	.entry-content .ku-card{display:grid;grid-template-columns:46px 1fr;text-align:left;gap:0 12px;align-items:center}
	.entry-content .ku-card .ic{margin:0;grid-row:span 2}
	.entry-content .ku-busy .row{grid-template-columns:96px 1fr 72px;font-size:13px;gap:8px}
	.entry-content .ku-cp-disclosure{font-size:16px}
	.entry-content a.ku-cp-item{grid-template-columns:84px 1fr;gap:6px 12px;padding:10px}
	.entry-content a.ku-cp-item img,.entry-content .ku-cp-noimg{width:84px;height:84px;grid-row:span 2}
	.entry-content .ku-cp-name{font-size:15px}
	.entry-content .ku-cp-go{min-height:42px;font-size:14px}
}

/* 노란 버튼: 마우스를 올리면 커서 자리에서 빛이 퍼지며 커지고, 커서를 따라 움직여요 (PC만)
   새 글 버튼(ku-btn), 쿠팡 상자 버튼, 기존 글 버튼(cta-btn) 모두 */
.entry-content a.ku-btn,.entry-content a.cta-btn,.entry-content a.cta-btn-final,.entry-content a.ku-cp-item .ku-cp-go{position:relative;overflow:hidden;isolation:isolate}
.entry-content a.ku-btn::after,.entry-content a.cta-btn::after,.entry-content a.cta-btn-final::after,.entry-content a.ku-cp-item .ku-cp-go::after{content:"";position:absolute;left:var(--mx,50%);top:var(--my,50%);width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95) 0%,rgba(255,255,255,.55) 35%,rgba(255,255,255,0) 70%);transform:translate(-50%,-50%);transition:width .35s ease,height .35s ease;pointer-events:none;z-index:-1}
.entry-content a.ku-btn:hover::after,.entry-content a.cta-btn:hover::after,.entry-content a.cta-btn-final:hover::after,.entry-content a.ku-cp-item:hover .ku-cp-go::after{width:300px;height:300px}
@media (hover:none){.entry-content a.ku-btn::after,.entry-content a.cta-btn::after,.entry-content a.cta-btn-final::after,.entry-content a.ku-cp-item .ku-cp-go::after{display:none}}