/* sewer24 공통 보강 스타일 (2026-10-24) — 정적 87만 쪽이 함께 읽는 파일. 마크업은 바꾸지 않고 CSS로만 조정한다. */
:root{--s24-ink:#1f2937;--s24-body:#374151;--s24-muted:#4b5563;--s24-accent:#c2185b;--s24-line:#f1d5e0;--s24-soft:#fff5f9}

/* 빵부스러기·연결 문단 (일괄 생성기 T3·T7) */
.s24-crumb{font-size:14px;margin:0 0 14px;color:var(--s24-muted);line-height:1.5}
.s24-crumb a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.s24-related{margin-top:28px;clear:both}
.s24-links{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:10px 0 22px;list-style:none}
.s24-links li{margin:0;padding:0}
.s24-links li::before{display:none}
.s24-links a{display:inline-block;padding:7px 12px;border:1px solid var(--s24-line);border-radius:999px;background:#fff;color:var(--s24-ink);font-size:14px;line-height:1.3;text-decoration:none}
.s24-links a:hover{border-color:var(--s24-accent);color:var(--s24-accent)}

/* 대비 AA: 분홍 글자(#F82F72, 흰 바탕 3.7:1)를 글자에 쓰는 곳만 진하게 */
.site-nav__mega-foot a,.header-emergency,.page-content .dd-symptoms .dd-urgency,.page-content a:not([class]){color:var(--s24-accent)}
.page-content p,.page-content li,.page-content td{color:var(--s24-body)}
.page-content h2,.page-content h3{color:var(--s24-ink)}

/* 답 먼저: 지역·매거진 상세의 히어로를 낮추고 썸네일을 본문 옆으로 */
.single .hero--category .hero__container{padding-top:clamp(1.25rem,3vw,2rem);padding-bottom:clamp(1.5rem,3vw,2.25rem)}
.single .hero--category .hero__content::before{display:none}
.single .hero--category .hero__content{gap:10px}
.single main>.section{padding-top:clamp(20px,3vw,36px);padding-bottom:clamp(40px,5vw,72px)}
.single .hero--category .hero__title{font-size:clamp(1.55rem,1.1rem + 1.6vw,2.35rem);line-height:1.3}
.single .page-content .single__thumbnail{float:right;width:min(36%,300px);margin:4px 0 14px 22px}
.single .page-content .single__thumbnail img{width:100%;height:auto;border-radius:14px}
.single .page-content table,.single .page-content .dd-process,.single .page-content .dd-nearby-grid,.single .page-content .dd-faq,.single .page-content .dd-cta-box,.single .page-content .s24-basis{clear:both}

/* FAQ(details) */
.page-content .dd-faq details,.page-content details{border:1px solid var(--s24-line);border-radius:12px;background:#fff;margin:0 0 10px;padding:0}
.page-content details>summary{cursor:pointer;padding:14px 16px;font-weight:600;color:var(--s24-ink);list-style-position:inside}
.page-content details[open]>summary{border-bottom:1px solid var(--s24-line)}
.page-content details>div,.page-content details>p{padding:12px 16px 4px}

/* 확인 기준 블록(매거진) */
.s24-basis{clear:both;margin:28px 0 8px;padding:16px 18px;border-left:4px solid var(--s24-accent);background:var(--s24-soft);border-radius:0 12px 12px 0}
.s24-basis h2{font-size:1.1rem;margin:0 0 8px}
.s24-basis ul{margin:0;padding-left:1.1rem}
.s24-basis li{font-size:14.5px;line-height:1.6;margin:2px 0}

/* 키보드 초점 */
a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid #1d4ed8;outline-offset:2px;border-radius:4px}

@media (max-width:767px){
  .single .page-content .single__thumbnail{width:38%;margin:2px 0 10px 12px}
  .single .hero--category .hero__badge{display:none}
  .s24-links a{padding:8px 12px}
  body.single{padding-bottom:84px}
}