/* 관찰자들 v11 ① 실사 장면 히어로 (2026-10-26 사장님 선택). 짙은 자홍 바탕 · 분홍 강조 · 흰 글자.
   그림은 imagegen 실사(/_static/scene/), 글자는 그림의 어두운 여백 위에 직접(옅은 그라데이션만, 글자 상자 없음). 버튼 56px·26-2. */
:root{--sc-wine:#1C0410;--sc-plum:#2E0819;--sc-rose:#D1006F;--sc-pink:#FF5CA8;--sc-mute:#C9A3B4}

/* 히어로 */
:root:root:root body .hero.sc-hero{position:relative;overflow:hidden;background:var(--sc-wine)!important;color:#fff;padding:0!important;margin:0!important;min-height:min(760px,calc(100vh - 75px));display:block!important;border:0!important}
:root:root:root body .sc-hero picture{display:contents}
:root:root:root body .sc-hero .sc-hero__img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:right center;z-index:0}
:root:root:root body .sc-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(28,4,16,.92) 0%,rgba(28,4,16,.72) 32%,rgba(28,4,16,0) 58%),linear-gradient(0deg,rgba(28,4,16,.9) 0%,rgba(28,4,16,0) 22%)}
:root:root:root body .sc-hero .sc-hero__in{position:relative;z-index:2;display:flex;align-items:center;min-height:inherit;padding-top:56px;padding-bottom:72px}
:root:root:root body .sc-hero .sc-hero__text{max-width:600px;text-align:left}
:root:root:root body .sc-hero .s24-hero__kicker{display:inline-block;margin:0 0 18px;padding:0;background:none;border:0;font-size:14px;font-weight:800;color:var(--sc-pink);letter-spacing:.02em}
:root:root:root body .sc-hero .s24-hero__title{margin:0;color:#fff;font-size:clamp(38px,3.6vw,58px);line-height:1.16;font-weight:900;letter-spacing:-.025em;text-shadow:0 2px 24px rgba(0,0,0,.35)}
:root:root:root body .sc-hero .sc-hero__desc{margin:18px 0 0;font-size:18px;line-height:1.6;color:#F3DCE6}
:root:root:root body .sc-hero .v8-search{margin:24px 0 0;max-width:520px;padding:0;background:none;border:0;box-shadow:none}
:root:root:root body .sc-hero .v8-search__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:root:root:root body .sc-hero .v8-search__row{display:flex;height:56px;background:#fff;border-radius:14px;overflow:hidden;border:0;box-shadow:none;padding:0}
:root:root:root body .sc-hero .v8-search__row input{flex:1;min-width:0;height:100%;border:0;border-radius:0;padding:0 18px;font-size:16px;color:#2B1720;background:#fff;box-shadow:none;outline:0}
:root:root:root body .sc-hero .v8-search__btn{height:100%;border:0;border-radius:0;margin:0;background:var(--sc-wine);color:#fff;font-weight:800;font-size:16px;padding:0 26px;box-shadow:none}
:root:root:root body .sc-hero .v8-search__row:focus-within{outline:3px solid var(--sc-pink);outline-offset:2px}
:root:root:root body .sc-hero .s24-hero__checks{display:flex;flex-wrap:wrap;gap:18px;list-style:none;margin:20px 0 0;padding:0;font-size:14px;color:#EBC7D6}
:root:root:root body .sc-hero .s24-hero__checks li{margin:0;padding:0;background:none;color:inherit}
:root:root:root body .sc-hero .s24-hero__checks li::before{content:"✓ ";color:var(--sc-pink);font-weight:900;background:none;position:static;width:auto;height:auto}

/* 통일 버튼(56px, 26-2: 문구가 주인공·번호는 작은 보조 줄) */
:root:root:root body .sc-cta{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 0}
:root:root:root body .sc-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;min-width:220px;padding:0 26px;border-radius:14px;text-decoration:none;font-weight:800;font-size:17px;line-height:1.15;box-sizing:border-box;box-shadow:none}
:root:root:root body .sc-btn--call{flex-direction:column;gap:2px;background:var(--sc-rose);color:#fff}
:root:root:root body .sc-btn--call:hover{background:#C0124F;color:#fff}
:root:root:root body .sc-btn__n{font-size:12.5px;font-weight:600;letter-spacing:.03em;opacity:.88}
:root:root:root body .sc-btn--kakao{background:rgba(255,255,255,.06);color:#fff;border:1.5px solid rgba(255,255,255,.55)}
:root:root:root body .sc-btn--kakao:hover{border-color:#fff;color:#fff}
:root:root:root body .sc-btn__k{width:22px;height:22px;color:#FEE500;flex:none}
:root:root:root body .sc-btn:focus-visible{outline:3px solid var(--sc-pink);outline-offset:3px}

/* 증상 사진 카드(히어로 바로 아래, 짙은 바탕) */
:root:root:root body .v8-svcsec.sc-sym{background:linear-gradient(180deg,var(--sc-wine) 0%,var(--sc-plum) 100%)!important;color:#fff;padding:56px 0 64px!important;margin:0!important}
:root:root:root body .sc-sym .v8-head{text-align:left;margin:0 0 28px}
:root:root:root body .sc-sym .section__subtitle{color:var(--sc-pink);background:none;border:0;padding:0}
:root:root:root body .sc-sym .section__title{color:#fff;font-size:32px;font-weight:900}
:root:root:root body .sc-sym .section__desc{color:var(--sc-mute)!important;margin:10px 0 0!important;padding:0!important;text-align:left!important;max-width:none}
:root:root:root body .sc-symrow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0}
:root:root:root body .sc-sym__card{display:block;height:100%;text-decoration:none;color:#fff;background:#3A0B22;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.12);transition:transform .15s,border-color .15s}
:root:root:root body .sc-sym__card:hover{transform:translateY(-3px);border-color:var(--sc-pink);color:#fff}
:root:root:root body .sc-sym__img img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
:root:root:root body .sc-sym__name{display:block;padding:14px 16px 0;font-weight:800;font-size:17px}
:root:root:root body .sc-sym__d{display:block;padding:4px 16px 16px;font-size:13.5px;color:var(--sc-mute);line-height:1.45}
:root:root:root body .sc-sym .v8-chip{background:rgba(255,255,255,.07)!important;color:#FBE3EC!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:none!important}
:root:root:root body .sc-sym .v8-chip:hover{border-color:var(--sc-pink)!important;color:#fff!important}
:root:root:root body .sc-sym .v8-more summary{color:#FBE3EC}
:root:root:root body .sc-sym .v8-chips--more{margin-top:24px}

/* 휴대폰 */
@media (max-width:767px){
:root:root:root body .hero.sc-hero{min-height:0;display:flex!important;flex-direction:column}
:root:root:root body .sc-hero .sc-hero__img{position:relative;inset:auto;height:auto;aspect-ratio:4/3;object-position:center}
:root:root:root body .sc-hero::after{bottom:auto;height:calc(100vw * .75);background:linear-gradient(0deg,var(--sc-wine) 0%,rgba(28,4,16,0) 30%)}
:root:root:root body .sc-hero .sc-hero__in{min-height:0;padding-top:4px;padding-bottom:36px;margin-top:-56px}
:root:root:root body .sc-hero .s24-hero__kicker{margin-bottom:10px}
:root:root:root body .sc-hero .s24-hero__title{font-size:30px}
:root:root:root body .sc-hero .sc-hero__desc{font-size:17px;margin-top:12px}
:root:root:root body .sc-hero .v8-search{margin-top:18px}
:root:root:root body .sc-hero .v8-search__row{height:52px}
:root:root:root body .sc-cta{flex-direction:column;gap:10px;margin-top:18px}
:root:root:root body .sc-btn{width:100%;min-width:0}
:root:root:root body .sc-hero .s24-hero__checks{gap:12px;font-size:13px;margin-top:14px}
:root:root:root body .v8-svcsec.sc-sym{padding:44px 0 48px!important}
:root:root:root body .sc-sym .section__title{font-size:24px}
:root:root:root body .sc-symrow{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:42%;overflow-x:auto;margin:0 -16px;padding:0 16px 6px;scrollbar-width:none}
}
@media (min-width:768px) and (max-width:1199px){
:root:root:root body .sc-symrow{grid-template-columns:repeat(3,minmax(0,1fr))}
/* 그림이 높이에 맞춰 넓게 잘려 글자 뒤가 밝아짐 → 왼쪽 어둠을 더 넓고 진하게 */
:root:root:root body .sc-hero::after{background:linear-gradient(90deg,rgba(28,4,16,.95) 0%,rgba(28,4,16,.85) 45%,rgba(28,4,16,.2) 80%,rgba(28,4,16,0) 100%),linear-gradient(0deg,rgba(28,4,16,.9) 0%,rgba(28,4,16,0) 22%)}
:root:root:root body .hero.sc-hero{min-height:620px}
:root:root:root body .sc-hero .sc-hero__img{object-position:78% center}
}

/* 2단계: 원인 단면(짙은 자홍 · 실사 띠 · 이름표는 그림 아래 HTML 글자) */
:root:root:root body .v8-cause.sc-cause{background:var(--sc-plum)!important;color:#fff;padding:64px 0!important}
:root:root:root body .sc-cause .v8-head{text-align:left}
:root:root:root body .sc-cause .section__subtitle{color:var(--sc-pink);background:none;border:0;padding:0}
:root:root:root body .sc-cause .section__title{color:#fff}
:root:root:root body .sc-cause .section__desc{color:var(--sc-mute)!important;margin:10px 0 0!important;padding:0!important;text-align:left!important}
:root:root:root body .sc-cause .v8-pipe{margin:28px 0 0;padding:0;background:none;border:0;box-shadow:none;border-radius:20px;overflow:hidden}
:root:root:root body .sc-cause .v8-pipe img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover;border-radius:20px}
:root:root:root body .sc-cause .v8-pipe__legend{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;list-style:none;margin:18px 0 0;padding:0;counter-reset:sc}
:root:root:root body .sc-cause .v8-pipe__legend li{counter-increment:sc;border-top:3px solid var(--sc-rose);padding:12px 0 0;margin:0;color:#fff;font-weight:800;font-size:17px;background:none;text-align:left}
:root:root:root body .sc-cause .v8-pipe__legend li::before{content:counter(sc) ". ";color:var(--sc-pink);background:none;position:static;width:auto;height:auto;margin:0;display:inline}
:root:root:root body .sc-cause .v8-steps{margin-top:36px}
:root:root:root body .sc-cause .v8-steps li{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff}
:root:root:root body .sc-cause .v8-steps h3{color:#fff}
:root:root:root body .sc-cause .v8-steps p{color:var(--sc-mute)}

/* 2단계: 상황별 작업 예시(연출 이미지) — 밝은 연분홍 */
:root:root:root body .sc-ex{background:#FFF5F8!important;padding:64px 0!important}
:root:root:root body .sc-ex .v8-head{text-align:left;margin-bottom:28px}
:root:root:root body .sc-ex .section__desc{margin:10px 0 0!important;padding:0!important;text-align:left!important}
:root:root:root body .sc-exgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;list-style:none;margin:0;padding:0}
:root:root:root body .sc-ex__card{display:block;height:100%;background:#fff;border-radius:20px;overflow:hidden;border:1px solid #F4D9E3;text-decoration:none;color:#2B1720;transition:transform .15s,border-color .15s}
:root:root:root body .sc-ex__card:hover{transform:translateY(-3px);border-color:var(--sc-rose)}
:root:root:root body .sc-ex__card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
:root:root:root body .sc-ex__tag{display:block;margin:12px 18px 0;font-size:12px;color:#8A6474}
:root:root:root body .sc-ex__t{display:block;margin:6px 18px 0;font-size:19px;font-weight:800}
:root:root:root body .sc-ex__d{display:block;margin:6px 18px 20px;color:#6B4B58;font-size:15px;line-height:1.55}
@media (max-width:767px){
:root:root:root body .v8-cause.sc-cause,:root:root:root body .sc-ex{padding:44px 0!important}
:root:root:root body .sc-cause .v8-pipe img{aspect-ratio:16/9}
:root:root:root body .sc-cause .v8-pipe__legend{grid-template-columns:1fr 1fr}
:root:root:root body .sc-exgrid{grid-template-columns:1fr}
}

/* ===== 3단계: 쪽 전체 짙은 톤(사장님 지시 10-26 "전체 일관성") =====
   새 실사 히어로가 있는 쪽(body:has(.sc-hero))에만 켜짐 → 다른 템플릿도 히어로를 바꾸면 같은 규칙을 그대로 받음.
   구간 바탕은 d1·d2 두 단계를 번갈아, 카드는 card, 분홍은 강조(글자·선·버튼)에만. 연분홍 단색 바탕 없음. 대비: 본문 #fff, 보조 #CDB0BE(약 8:1), 링크 #FF7BAA(약 6:1) */
:root{--sd0:#141418;--sd1:#FFFFFF;--sd2:#F7F7F9;--scard:#FFFFFF;--sline:#E8E8EE;--sline2:#D9D9E1;--smute:#4A4A55;--slink:#C8006A;--stext:#1A1A1F;--schip:#F3F3F6;--stag:rgba(230,0,126,.10);--sc-rose:#D1006F;--sc-pink:#FF5CA8}

:root:root:root body:has(.sc-hero){background:var(--sd1)!important}
:root:root:root body:has(.sc-hero) main{background:var(--sd1)!important;color:var(--stext)}
/* 구간 바탕(위에서부터 d2·d1 번갈아) */
:root:root:root body:has(.sc-hero) main :is(.v8-area,.sc-ex,.v8-reviews,.observers-benefits,.v8-photo,.section--hub-magazines){background:var(--sd2)!important;background-image:none!important}
:root:root:root body:has(.sc-hero) main :is(.v8-equip,.v8-guides,.v8-faqsec,.v8-extra,.observers-related-guide),:root:root:root body:has(.sc-hero) main>.section:not([class*="v8-"]):not(.sc-hero):not(.sc-sym):not(.sc-cause){background:var(--sd1)!important;background-image:none!important}
:root:root:root body:has(.sc-hero) main :is(.section,.observers-related-guide){border:0!important;box-shadow:none!important}
/* 글자 */
:root:root:root body:has(.sc-hero) main :is(h2,h3,h4,strong,.section__title,.v8-area__title,.v8-photo__title,.event-banner__title,.observers-related-guide__title,.card__title){color:var(--stext)!important}
:root:root:root body:has(.sc-hero) main :is(p,li,dd,dt,blockquote,.section__desc,.v8-area__desc,.v8-photo__desc,.v8-guide__body span,.card__text,.card__excerpt,.magazine-card__excerpt){color:var(--smute)!important}
:root:root:root body:has(.sc-hero) main :is(.section__subtitle,.observers-related-guide__eyebrow,.v8-rv__tag){color:var(--slink)!important;background:none!important;border:0!important}
:root:root:root body:has(.sc-hero) main :is(.v8-eq__more,.v8-rv__src,.observers-related-guide__link,.v8-more summary,.v8-extra__btn,.magazine-card a){color:var(--slink)!important}
:root:root:root body:has(.sc-hero) main .sc-sym__d,:root:root:root body:has(.sc-hero) main .sc-ex__d{color:var(--smute)!important}
/* 카드 */
:root:root:root body:has(.sc-hero) main :is(.v8-area__box,.observers-area-card,.v8-eq,.v8-rv,.v8-guide,.observers-benefit-card,.cardnews-card,.urgency-card,.magazine-card,.card.magazine-card,.v8-faq,.sc-ex__card,.v8-photo__box,.event-banner,.observers-related-guide__link){background:var(--scard)!important;background-image:none!important;border:1px solid var(--sline)!important;box-shadow:none!important;color:var(--stext)!important}
:root:root:root body:has(.sc-hero) main :is(.v8-eq,.v8-rv,.v8-guide,.observers-benefit-card,.magazine-card,.sc-ex__card,.event-banner):hover{border-color:var(--slink)!important}
:root:root:root body:has(.sc-hero) main :is(.cardnews-card__media,.magazine-card__thumb){background:var(--sd2)!important}
:root:root:root body:has(.sc-hero) main .v8-faq summary{color:var(--stext)!important}
:root:root:root body:has(.sc-hero) main .v8-faq[open]{border-color:var(--slink)!important}
/* 칩·태그 */
:root:root:root body:has(.sc-hero) main :is(.v8-chip,.observers-area-chip){background:var(--schip)!important;color:var(--stext)!important;border:1px solid var(--sline2)!important;box-shadow:none!important}
:root:root:root body:has(.sc-hero) main :is(.v8-chip,.observers-area-chip):hover{border-color:var(--slink)!important;color:var(--stext)!important}
:root:root:root body:has(.sc-hero) main .v8-chip--all{background:var(--sc-rose)!important;border-color:var(--sc-rose)!important;color:var(--stext)!important}
:root:root:root body:has(.sc-hero) main :is(.urgency-card__tag,.observers-benefit-card__tag,.event-banner__label,.sc-ex__tag){background:var(--stag)!important;color:var(--slink)!important;border:0!important}
:root:root:root body:has(.sc-hero) main .sc-ex__tag{background:none!important;color:var(--smute)!important}
:root:root:root body:has(.sc-hero) main .btn--outline{background:transparent!important;color:var(--stext)!important;border:1.5px solid var(--sline2)!important}
/* 상담 안내 카드: 3D 캐릭터 그림은 카드 왼쪽 작은 보조 그림으로 */
:root:root:root body:has(.sc-hero) main .v8-guide{display:grid!important;grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:center;padding:16px!important;text-decoration:none}
:root:root:root body:has(.sc-hero) main .v8-guide__img{width:112px;height:112px;border-radius:16px;overflow:hidden;margin:0!important;aspect-ratio:auto!important}
:root:root:root body:has(.sc-hero) main .v8-guide__img img{width:100%;height:100%;object-fit:cover}
:root:root:root body:has(.sc-hero) main .v8-guide__body{padding:0!important}
/* 사진 상담 띠·'왜 관찰자들' 버튼: 히어로와 같은 납작한 56px 버튼(26-2) */
:root:root:root body:has(.sc-hero) main .v8-photo__box{background:linear-gradient(120deg,#3A0B22 0%,#5A0B32 100%)!important}
:root:root:root body:has(.sc-hero) main .v8-cta :is(.s24-callbtn,.v8-kakao){height:56px!important;min-height:56px!important;border-radius:14px!important;box-shadow:none!important;padding:0 24px!important;animation:none!important}
:root:root:root body:has(.sc-hero) main .v8-cta .s24-callbtn{background:var(--sc-rose)!important;color:var(--stext)!important;border:0!important}
:root:root:root body:has(.sc-hero) main .v8-cta .s24-callbtn :is(.s24-callbtn__verb,.s24-callbtn__num){color:var(--stext)!important}
:root:root:root body:has(.sc-hero) main .v8-cta .s24-callbtn__ico{display:none!important}
:root:root:root body:has(.sc-hero) main .v8-cta .v8-kakao{background:var(--schip)!important;color:var(--stext)!important;border:1.5px solid var(--sline2)!important}
:root:root:root body:has(.sc-hero) main .v8-cta .v8-kakao .v8-kakao__txt{color:var(--stext)!important}
:root:root:root body:has(.sc-hero) main .v8-cta .v8-kakao__ico{background:none!important;box-shadow:none!important;width:22px!important;height:22px!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3C6.477 3 2 6.463 2 10.691c0 2.72 1.809 5.104 4.528 6.449-.174.63-.632 2.282-.724 2.636-.112.436.16.43.337.313.139-.092 2.208-1.502 3.103-2.11.574.082 1.162.125 1.756.125 5.523 0 10-3.463 10-7.413C22 6.463 17.523 3 12 3z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3C6.477 3 2 6.463 2 10.691c0 2.72 1.809 5.104 4.528 6.449-.174.63-.632 2.282-.724 2.636-.112.436.16.43.337.313.139-.092 2.208-1.502 3.103-2.11.574.082 1.162.125 1.756.125 5.523 0 10-3.463 10-7.413C22 6.463 17.523 3 12 3z'/%3E%3C/svg%3E") center/contain no-repeat;background-color:#FEE500!important}
@media (max-width:767px){:root:root:root body:has(.sc-hero) main .v8-guide{grid-template-columns:88px minmax(0,1fr)}:root:root:root body:has(.sc-hero) main .v8-guide__img{width:88px;height:88px}}
/* 3단계 보충: 펼침 버튼·더보기 링크·후기 숫자 칩·지역 카드 글자·접힌 안내 안쪽 구간 */
:root:root:root body:has(.sc-hero) main :is(.v8-more>summary,.v8-area__more>summary,.v8-extra__btn){background:var(--schip)!important;color:var(--stext)!important;border:1px solid var(--sline2)!important;box-shadow:none!important}
:root:root:root body:has(.sc-hero) main :is(.v8-more>summary,.v8-area__more>summary,.v8-extra__btn,.v8-more-link>a):hover{border-color:var(--slink)!important}
:root:root:root body:has(.sc-hero) main :is(.v8-more-link,.v8-eq__more,.v8-rv__src,.v8-chip--all) span{color:inherit!important}
:root:root:root body:has(.sc-hero) main :is(.observers-area-card__sido,.observers-area-card__cta,.cardnews-card__label,.v8-rv-stats__src){color:var(--slink)!important}
:root:root:root body:has(.sc-hero) main .v8-rv-stats__nums{background:var(--schip)!important;color:var(--smute)!important;border:1px solid var(--sline)!important}
:root:root:root body:has(.sc-hero) main .v8-rv-stats__nums strong{color:var(--stext)!important}
:root:root:root body:has(.sc-hero) main .v8-extra :is(.section,.section--alt){background:var(--sd2)!important;background-image:none!important}
:root:root:root body:has(.sc-hero) main .v8-extra>summary{background:var(--sd1)!important;color:var(--stext)!important}
:root:root:root body:has(.sc-hero) main .v8-rv-stats__nums{background:none!important;border:0!important}
:root:root:root body:has(.sc-hero) main .v8-rv-stats__nums>span{background:var(--schip)!important;color:var(--smute)!important;border:1px solid var(--sline)!important;box-shadow:none!important}
:root:root:root body:has(.sc-hero) main .v8-rv-stats__nums>span strong{color:var(--stext)!important}
:root:root:root body:has(.sc-hero) main .v8-rv-stats__src a,:root:root:root body:has(.sc-hero) main .observers-benefit-card a,:root:root:root body:has(.sc-hero) main .v8-faq__a a{color:var(--slink)!important}
:root:root:root body:has(.sc-hero) main .v8-faq__a{color:var(--smute)!important;background:none!important}
:root:root:root body:has(.sc-hero) main .v8-more-link{background:none!important;border:0!important}
:root:root:root body:has(.sc-hero) main .v8-more-link>a{display:inline-flex;align-items:center;gap:6px;padding:12px 22px;border-radius:999px;background:var(--schip)!important;color:var(--stext)!important;border:1px solid var(--sline2)!important;box-shadow:none!important;text-decoration:none}
/* 바닥글도 같은 자홍 톤(남회색 → 가장 짙은 자홍) */
:root:root:root body:has(.sc-hero) .site-footer{background:var(--sd0)!important;border-top:1px solid var(--sline)}
:root:root:root body:has(.sc-hero) .site-footer :is(.site-footer__review,.site-footer__equip-card,.site-footer__hq,[class*="card"]){background:var(--scard)!important;border-color:var(--sline)!important}
/* 4단계(10-26 관리 세션 검수): 읽는 문장 17px(휴대폰 포함), '왜 관찰자들' 아이콘 상자를 짙은 카드로 */
:root:root:root body:has(.sc-hero) main :is(.section__desc,.cardnews-card__desc,.feature-item__text,.magazine-card__excerpt,.urgency-card__desc,.v8-eq__txt p,.observers-benefit-card p,.v8-guide__body>span,.v8-rv__text p,.v8-faq__a,.sc-ex__d,.sc-sym__d,.v8-photo__desc,.v8-area__desc,.event-banner__desc,.observers-related-guide__desc){font-size:17px!important;line-height:1.65!important}
:root:root:root body:has(.sc-hero) .site-footer__desc{font-size:17px!important;line-height:1.65!important}
@media (min-width:1200px){:root:root:root body:has(.sc-hero) main :is(.section__desc,.v8-photo__desc,.v8-area__desc,.observers-related-guide__desc){font-size:18px!important}}
:root:root:root body:has(.sc-hero) main .feature-item__icon{background-color:var(--scard)!important;border:1px solid rgba(255,92,151,.45)!important;box-shadow:none!important}
:root:root:root body:has(.sc-hero) main .feature-item{background:none!important}
/* 4단계 보충(1440 검수): 남은 16px 이하 읽는 글 → 17px, 바닥글 링크 목록 → 15px(꼬리표·숫자는 그대로) */
:root:root:root body:has(.sc-hero) main :is(.v8-steps p,.v8-steps h3+p,.v8-faq>summary,.magazine-card__title,.v8-extra__btn,.observers-related-guide__link span,.sc-ex__d,.v8-eq p,.v8-guide__body>span,.v8-rv__text,.v8-rv__text p){font-size:17px!important;line-height:1.6!important}
:root:root:root body:has(.sc-hero) main .v8-rv__who{font-size:15px!important}
:root:root:root body:has(.sc-hero) .site-footer :is(.site-footer__links a,.site-footer__details li,.site-footer__details a,.site-footer__biz-inline,.site-footer__rating-cta,.site-footer__bottom a){font-size:15px!important;line-height:1.6!important}

/* ===== 5단계: 서비스·분류 쪽(및 같은 부품을 쓰는 안쪽 쪽) 부품 — 홈과 같은 변수·구간 규칙 ===== */
:root:root:root body:has(.sc-hero) main>:is(.section,div.section){background:var(--sd1)!important;background-image:none!important}
:root:root:root body:has(.sc-hero) main>:is(.section--alt,div.section--alt){background:var(--sd2)!important}
:root:root:root body:has(.sc-hero) main :is(.v9-sym,.equipment-card,.v9-cost__qa,.accordion__item,.card.category-card,.s24-consult,.v9-process li,.v9-steps>li,.process-step,.v9-band){background:var(--scard)!important;background-image:none!important;border:1px solid var(--sline)!important;box-shadow:none!important;color:var(--stext)!important}
:root:root:root body:has(.sc-hero) main :is(.v9-sym,.equipment-card,.card.category-card):hover{border-color:var(--slink)!important}
:root:root:root body:has(.sc-hero) main :is(.v9-sym__img,.equipment-card__image,.sc-cat__img){background:var(--sd2)!important}
:root:root:root body:has(.sc-hero) main :is(.v9-sym__name,.equipment-card__name,.card__title,.accordion__title,.accordion__header,.v9-cost__qa h3,.s24-consult__title,.v9-band__title){color:var(--stext)!important}
:root:root:root body:has(.sc-hero) main :is(.equipment-card__desc,.equipment-card__use,.card__text,.accordion__content,.accordion__content p,.v9-cost__qa p,.v9-process li,.s24-consult__desc,.v9-band__desc){color:var(--smute)!important;font-size:17px!important;line-height:1.6!important}
:root:root:root body:has(.sc-hero) main :is(.v9-process li strong,.equipment-card strong){color:var(--stext)!important}
:root:root:root body:has(.sc-hero) main :is(.area-link-tag,.category-hub__link){background:var(--schip)!important;color:var(--stext)!important;border:1px solid var(--sline2)!important;box-shadow:none!important}
:root:root:root body:has(.sc-hero) main :is(.area-link-tag,.category-hub__link):hover{border-color:var(--slink)!important;color:var(--stext)!important}
:root:root:root body:has(.sc-hero) main .area-link-tag--all{background:var(--sc-rose)!important;border-color:var(--sc-rose)!important;color:var(--stext)!important}
:root:root:root body:has(.sc-hero) main .s24-hcrumb :is(a,span,li){color:var(--smute)!important}
:root:root:root body:has(.sc-hero) main a:not([class]){color:var(--slink)}
/* 분류 첫 쪽: 세부 서비스 카드에 넣은 실사 사진 */
:root:root:root body:has(.sc-hero) main .card.category-card{display:flex!important;flex-direction:column;overflow:hidden;padding:0!important}
:root:root:root body:has(.sc-hero) main .sc-cat__img img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
:root:root:root body:has(.sc-hero) main .card.category-card .card__body{padding:16px 18px 18px!important}
/* 상담 상자·사진 상담 띠 안 버튼: 히어로와 같은 납작한 56px(26-2) */
:root:root:root body:has(.sc-hero) main :is(.s24-consult,.v9-band) :is(.s24-callbtn,.btn--phone,.s24-consult__call){height:56px!important;min-height:56px!important;border-radius:14px!important;box-shadow:none!important;background:var(--sc-rose)!important;color:var(--stext)!important;border:0!important;animation:none!important}
:root:root:root body:has(.sc-hero) main :is(.s24-consult,.v9-band) :is(.s24-callbtn__verb,.s24-callbtn__num,.s24-cta__main,.s24-cta__sub){color:var(--stext)!important}
:root:root:root body:has(.sc-hero) main :is(.s24-consult,.v9-band) .s24-callbtn__ico{display:none!important}
:root:root:root body:has(.sc-hero) main :is(.s24-consult,.v9-band) :is(.v9-kakao,.btn--kakao){height:56px!important;min-height:56px!important;border-radius:14px!important;box-shadow:none!important;background:var(--schip)!important;color:var(--stext)!important;border:1.5px solid var(--sline2)!important}
:root:root:root body:has(.sc-hero) main :is(.s24-consult,.v9-band) :is(.v9-kakao__txt){color:var(--stext)!important}
:root:root:root body:has(.sc-hero) main :is(.s24-consult,.v9-band) .v9-kakao__ico{background:#FEE500!important;box-shadow:none!important;width:22px!important;height:22px!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3C6.477 3 2 6.463 2 10.691c0 2.72 1.809 5.104 4.528 6.449-.174.63-.632 2.282-.724 2.636-.112.436.16.43.337.313.139-.092 2.208-1.502 3.103-2.11.574.082 1.162.125 1.756.125 5.523 0 10-3.463 10-7.413C22 6.463 17.523 3 12 3z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3C6.477 3 2 6.463 2 10.691c0 2.72 1.809 5.104 4.528 6.449-.174.63-.632 2.282-.724 2.636-.112.436.16.43.337.313.139-.092 2.208-1.502 3.103-2.11.574.082 1.162.125 1.756.125 5.523 0 10-3.463 10-7.413C22 6.463 17.523 3 12 3z'/%3E%3C/svg%3E") center/contain no-repeat}
/* 안쪽 쪽 히어로(빵부스러기 + 제목 한 줄): 홈보다 낮게 */
:root:root:root body .hero.sc-hero.sc-hero--inner{min-height:min(560px,calc(100vh - 75px))}
:root:root:root body .sc-hero--inner .s24-hcrumb{margin:0 0 14px}
:root:root:root body .sc-hero--inner .s24-hcrumb ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0;font-size:14px}
:root:root:root body .sc-hero--inner .s24-hcrumb li+li::before{content:"›";margin-right:6px;color:var(--sc-pink)}
:root:root:root body .sc-hero--inner .s24-hcrumb a{color:var(--smute)!important;text-decoration:none}
@media (max-width:767px){:root:root:root body .hero.sc-hero.sc-hero--inner{min-height:0}}
:root:root:root body:has(.sc-hero) main .s24-equip-more>a{display:inline-flex;align-items:center;gap:6px;padding:12px 22px;border-radius:999px;background:var(--schip)!important;color:var(--stext)!important;border:1px solid var(--sline2)!important;box-shadow:none!important;text-decoration:none}
:root:root:root body:has(.sc-hero) main .v9-factors>li{background:var(--schip)!important;color:var(--stext)!important;border:1px solid var(--sline)!important}
:root:root:root body:has(.sc-hero) main .accordion__trigger,:root:root:root body:has(.sc-hero) main .accordion__trigger *{color:var(--stext)!important;background:none!important;font-size:17px!important}
:root:root:root body:has(.sc-hero) main .equipment-card__more{color:var(--slink)!important}
:root:root:root:root body:has(.sc-hero) main .s24-consult .s24-consult__btns{background:none!important;border:0!important;box-shadow:none!important}
:root:root:root:root body:has(.sc-hero) main .s24-consult .btn--kakao{background:var(--schip)!important;color:var(--stext)!important;border:1.5px solid var(--sline2)!important;box-shadow:none!important}
/* 감싸는 목록 칸(li) 자체 글자 크기도 17px(안쪽 글은 이미 17px로 정해져 있어 모양은 같음, 검사 도구가 감싼 칸 크기를 읽는 경우 대비) */
:root:root:root body:has(.sc-hero) main :is(.sc-symrow,.v8-steps,.sc-exgrid,.v8-eqgrid,.v8-rvgrid,.v8-gdgrid,.v9-symgrid,.v9-steps)>li{font-size:17px!important}
/* 상담 상자(s24-consult, 10-26 관리 세션 검수): 히어로와 같은 방식 — 그림 왼쪽 어두운 여백 위에만 글자(글자 상자 없음, 옅은 그라데이션만),
   글자 칸은 왼쪽 46%로 제한해 밝은 사물 위에 글자가 오지 않게. 휴대폰은 그림 위·글자 아래로 나눔 */
:root:root:root body:has(.sc-hero) main .s24-consult{position:relative;overflow:hidden;padding:0!important}
:root:root:root body:has(.sc-hero) main .s24-consult__art img{display:block;width:100%;height:100%;object-fit:cover;object-position:right center}
@media (min-width:768px){
:root:root:root body:has(.sc-hero) main .s24-consult::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(28,4,16,.9) 0%,rgba(28,4,16,.75) 34%,rgba(28,4,16,0) 56%)}
:root:root:root body:has(.sc-hero) main .s24-consult__copy{z-index:2;max-width:46%!important;width:46%!important}
}
@media (max-width:767px){
:root:root:root body:has(.sc-hero) main .s24-consult{display:flex!important;flex-direction:column}
:root:root:root body:has(.sc-hero) main .s24-consult__art{order:0;position:static!important;display:block;aspect-ratio:4/3;overflow:hidden}
:root:root:root body:has(.sc-hero) main .s24-consult__art img{position:static!important;height:100%}
:root:root:root body:has(.sc-hero) main .s24-consult__copy{order:1;position:static!important;inset:auto!important;transform:none!important;width:auto!important;max-width:none!important;padding:20px 18px 22px!important;background:var(--scard)!important}
:root:root:root body:has(.sc-hero) main .s24-consult__copy *{position:static!important;inset:auto!important;transform:none!important}
:root:root:root body:has(.sc-hero) main .s24-consult__btns{display:flex!important;flex-direction:column;gap:10px;padding:0!important;margin:10px 0 0!important;width:auto!important;background:none!important;order:2}
:root:root:root body:has(.sc-hero) main .s24-consult :is(.s24-consult__call,.btn--phone,.btn--kakao){width:100%!important;margin:0!important;box-sizing:border-box}
:root:root:root body:has(.sc-hero) main .s24-consult__badge{display:inline-block!important;width:auto!important;align-self:flex-start}
:root:root:root body:has(.sc-hero) main .s24-consult__copy{display:flex!important;flex-direction:column;align-items:stretch}
:root:root:root body:has(.sc-hero) main .s24-consult__copy .s24-consult__badge{align-self:flex-start!important}
}

/* ===== v12 흰 바탕·핑크 포인트(10-26 사장님 지시, drain24 배색 기준) =====
   짙은 색은 히어로·원인 단면(검정 구간)·바닥글만, 브랜드 핑크 띠는 '우리 동네 서비스 찾기' 1곳. 카드: 흰 바탕+옅은 테두리+얕은 그림자. */
:root:root:root body:has(.sc-hero) main :is(.v8-area__box,.observers-area-card,.v8-eq,.v8-rv,.v8-guide,.observers-benefit-card,.cardnews-card,.urgency-card,.magazine-card,.card.magazine-card,.v8-faq,.sc-ex__card,.event-banner,.observers-related-guide__link,.v9-sym,.equipment-card,.v9-cost__qa,.accordion__item,.card.category-card,.v9-process li,.v9-steps>li,.sc-sym__card){box-shadow:0 2px 10px rgba(20,20,30,.05)!important}
/* 히어로 안 글자는 흰색 유지(짙은 장면 위) */
:root:root:root:root body .sc-hero :is(p,li,span,a:not(.sc-btn),h1,.s24-hero__kicker){color:#fff}
:root:root:root:root body .sc-hero .sc-hero__desc{color:#F3DCE6!important}
:root:root:root:root body .sc-hero .s24-hero__kicker{color:var(--sc-pink)!important}
:root:root:root:root body .sc-hero .s24-hero__checks li{color:#EBC7D6!important}
:root:root:root:root body .sc-hero--inner .s24-hcrumb :is(a,span,li){color:#E9C2D3!important}
/* 증상 카드 구간: 흰 바탕, 카드는 흰 카드 */
:root:root:root body .v8-svcsec.sc-sym{background:#fff!important;color:var(--stext)}
:root:root:root body .sc-sym :is(.section__title){color:var(--stext)!important}
:root:root:root body .sc-sym .section__subtitle{color:var(--slink)!important}
:root:root:root body .sc-sym__card{background:#fff!important;color:var(--stext)!important;border:1px solid var(--sline)!important}
:root:root:root body .sc-sym__card:hover{border-color:var(--sc-rose)!important;color:var(--stext)!important}
:root:root:root body .sc-sym__name{color:var(--stext)!important}
:root:root:root body .sc-sym .v8-chip{background:var(--schip)!important;color:var(--stext)!important;border:1px solid var(--sline2)!important}
:root:root:root body .sc-sym .v8-more summary{color:var(--stext)!important}
/* 원인 단면: 검정 구간(drain24 남색 구간 자리) — 글자 흰색 */
:root:root:root body .v8-cause.sc-cause{background:#141418!important}
:root:root:root body .sc-cause :is(h2,h3,.section__title,.v8-pipe__legend li){color:#fff!important}
:root:root:root body .sc-cause :is(p,.section__desc,.v8-steps p){color:#C9C9D2!important}
:root:root:root body .sc-cause .v8-steps li{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:none!important}
:root:root:root body .sc-cause .section__subtitle{color:var(--sc-pink)!important}
/* 브랜드 핑크 띠 1곳: 우리 동네 서비스 찾기 */
:root:root:root:root body:has(.sc-hero) main .v8-area{background:#C2006A!important;background-image:none!important}
:root:root:root body:has(.sc-hero) main .v8-area .v8-area__box{background:none!important;border:0!important;box-shadow:none!important}
:root:root:root body:has(.sc-hero) main .v8-area :is(.v8-area__title,.section__subtitle,.v8-area__desc,summary,.v8-area__desc *){color:#fff!important}
:root:root:root body:has(.sc-hero) main .v8-area .v8-chip{background:#fff!important;color:#A0005A!important;border:0!important}
:root:root:root body:has(.sc-hero) main .v8-area .v8-chip--all{background:#1A1A1F!important;color:#fff!important}
:root:root:root body:has(.sc-hero) main .v8-area .v8-area__more>summary{background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.5)!important;color:#fff!important}
:root:root:root body:has(.sc-hero) main .v8-area .observers-area-card{background:#fff!important}
:root:root:root body:has(.sc-hero) main .v8-area .observers-area-chip{background:var(--schip)!important;color:var(--stext)!important}
/* 그림이 큰 구간(사진 상담 띠·겨울 배너·상담 상자): 그림은 그대로, 글자 쪽은 흰 카드 */
:root:root:root body:has(.sc-hero) main .v8-photo__box{background:#fff!important;border:1px solid var(--sline)!important}
:root:root:root body:has(.sc-hero) main .v8-photo :is(.v8-photo__title){color:var(--stext)!important}
:root:root:root body:has(.sc-hero) main .v8-cta .v8-kakao,:root:root:root body:has(.sc-hero) main :is(.s24-consult,.v9-band) :is(.v9-kakao,.btn--kakao){color:var(--stext)!important;background:#fff!important;border:1.5px solid var(--sline2)!important}
:root:root:root body:has(.sc-hero) main .v8-cta .v8-kakao .v8-kakao__txt,:root:root:root body:has(.sc-hero) main :is(.s24-consult,.v9-band) .v9-kakao__txt{color:var(--stext)!important}
:root:root:root:root body:has(.sc-hero) main .s24-consult .btn--kakao{background:#fff!important;color:var(--stext)!important;border:1.5px solid var(--sline2)!important}
:root:root:root body:has(.sc-hero) main .feature-item__icon{background-color:#fff!important;border:1px solid rgba(230,0,126,.45)!important}
@media (min-width:768px){
:root:root:root body:has(.sc-hero) main .s24-consult::before{content:none!important}
:root:root:root body:has(.sc-hero) main .s24-consult{background:#fff!important;border:1px solid var(--sline)!important}
:root:root:root body:has(.sc-hero) main .s24-consult__art{position:absolute!important;inset:0 0 0 42%!important}
:root:root:root body:has(.sc-hero) main .s24-consult__copy{background:#fff!important;position:relative!important;inset:auto!important;width:42%!important;max-width:42%!important;padding:36px 32px!important;transform:none!important}
}
:root:root:root body:has(.sc-hero) main .s24-consult :is(.s24-consult__title){color:var(--stext)!important}
:root:root:root body:has(.sc-hero) main .s24-consult :is(.s24-consult__desc){color:var(--smute)!important}
@media (max-width:767px){:root:root:root body:has(.sc-hero) main :is(.s24-consult__copy,.s24-consult__btns){background:#fff!important}}
/* 바닥글: 검정 계열(보라 기 없음) */
:root:root:root body:has(.sc-hero) .site-footer{background:#141418!important}
:root:root:root body:has(.sc-hero) .site-footer :is(.site-footer__review,.site-footer__equip-card,.site-footer__hq,[class*="card"]){background:#1F1F25!important;border-color:rgba(255,255,255,.1)!important}
/* 우선순위 보강: 검정 원인 구간·핑크 띠 안 글자, 겨울 배너 글자, 상담 띠 전화 버튼 */
:root:root:root:root body:has(.sc-hero) main .v8-cause.sc-cause{background:#141418!important;background-image:none!important}
:root:root:root:root body:has(.sc-hero) main .sc-cause :is(h2,h3,strong,.section__title,.v8-pipe__legend li){color:#fff!important}
:root:root:root:root body:has(.sc-hero) main .sc-cause :is(p,.section__desc,.v8-steps p,.v8-steps li){color:#C9C9D2!important}
:root:root:root:root body:has(.sc-hero) main .sc-cause .v8-steps li{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.14)!important}
:root:root:root:root body:has(.sc-hero) main .v8-area :is(.v8-area__title,.v8-area__desc,.v8-area__head .section__subtitle,.v8-area__more>summary){color:#fff!important}
:root:root:root:root body:has(.sc-hero) main .v8-area .observers-area-card :is(span,a,h3,strong){color:var(--stext)!important}
:root:root:root:root body:has(.sc-hero) main .v8-area .observers-area-card :is(.observers-area-card__sido,.observers-area-card__cta){color:var(--slink)!important}
:root:root:root:root body:has(.sc-hero) main .event-banner :is(.event-banner__title,.event-banner__desc){color:var(--stext)!important}
:root:root:root:root body:has(.sc-hero) main .event-banner .event-banner__cta{color:var(--slink)!important}
:root:root:root:root body:has(.sc-hero) main .v8-cta .s24-callbtn{background:#D1006F!important;background-image:none!important}
:root:root:root:root body:has(.sc-hero) main .v8-cta .s24-callbtn::before,:root:root:root:root body:has(.sc-hero) main .v8-cta .s24-callbtn::after{content:none!important}
/* 분홍 채움 버튼 글자는 흰색(일괄 치환에서 제외) */
:root:root:root:root body:has(.sc-hero) main :is(.v8-cta,.s24-consult,.v9-band) :is(.s24-callbtn,.s24-callbtn *,.btn--phone,.btn--phone *,.s24-consult__call,.s24-consult__call *){color:#fff!important}
:root:root:root:root body:has(.sc-hero) main :is(.v8-chip--all,.area-link-tag--all,.sc-btn--call,.sc-btn--call *){color:#fff!important}
/* 소제목 앞 브랜드 핑크 막대(drain24 '| 어디가 막혔나요?' 방식) */
:root:root:root body:has(.sc-hero) main :is(.section__title,.v8-area__title,.v8-photo__title,.observers-related-guide__title){position:relative;padding-left:16px!important}
:root:root:root body:has(.sc-hero) main :is(.section__title,.v8-area__title,.v8-photo__title,.observers-related-guide__title)::before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:4px;border-radius:2px;background:#E6007E}
:root:root:root body:has(.sc-hero) main .v8-area .v8-area__title::before,:root:root:root body:has(.sc-hero) main .sc-cause .section__title::before{background:#fff}
:root:root:root body:has(.sc-hero) main .section__header{text-align:left!important}
:root:root:root body:has(.sc-hero) main .section__header .section__desc{margin-left:0!important}