/* 위드애니멀 뉴스 — 에디토리얼 스킨 (반려동물뉴스 v2.8 디자인 기반) v2.8.0 (2026)
   흰 바탕 · Pretendard · 얇은 구분선 · 둥근 사진 · 큰 헤드라인 */
body.skin-ed{
  --ink:#111318;--ink2:#3d414b;--sub:#6b7180;--muted:#9aa0ac;--line:#e9ebef;--line2:#f2f3f6;
  --bg:#fff;--box:#fff;--soft:#F6F4EC;--soft2:#EEF3EF;
  --brand:var(--primary,#163F36);--brand2:var(--point,#C8703E);--live:#f0384f;
  --r:14px;--r-s:10px;--sh:0 1px 2px rgba(17,19,24,.04),0 8px 24px rgba(17,19,24,.06);
  font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  background:var(--bg);color:var(--ink);font-size:15.5px;letter-spacing:-.01em;-webkit-font-smoothing:antialiased
}
.skin-ed .wrap{max-width:1240px;padding:0 24px}
.skin-ed a:hover{text-decoration:none}
.skin-ed .main{padding:0 0 40px}
.skin-ed svg{flex:none}

/* ---------- 헤더 ---------- */
.eh{background:var(--bg);position:relative;z-index:30}
.eh svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.eh svg .f{fill:currentColor;stroke:none}
.eh-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:96px}
.eh-l{display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-size:13px;color:var(--ink2)}
.eh .hd-clock,.eh .wx{all:unset;display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink2)}
.eh .ck-date{opacity:1;font-weight:600}
.eh .ck-time{font:600 12.5px/1 "Pretendard Variable",ui-monospace,monospace;font-variant-numeric:tabular-nums;color:var(--muted);text-shadow:none;letter-spacing:0}
.eh .ck-time i{animation:none}
.eh .wx-ic,.eh .wx-svg{width:22px;height:22px}
.eh .wx-t{font-size:13px;font-weight:700}
.eh .wx-n{font-size:12px;color:var(--muted)}
.eh-logo{display:block;justify-self:center}
.eh-logo img{height:58px;width:auto;display:block}
.eh-logo b{font-size:30px;font-weight:900;color:var(--brand);letter-spacing:-.04em}
.lg-d{display:none!important}
.eh-r{display:flex;justify-content:flex-end;gap:2px}
.eh-ic{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:58px;padding:6px 4px;border:0;background:none;color:var(--ink2);font:inherit;font-size:12px;border-radius:10px;transition:background .15s,color .15s}
.eh-ic:hover{background:var(--soft);color:var(--brand)}
.eh-ic .i-sun{display:none}
.eh-mb,.eh-ms{display:none;width:44px;height:44px;border:0;background:none;color:var(--ink);align-items:center;justify-content:center;border-radius:12px}
.eh-navwrap{position:relative}
.eh-nav{background:rgba(255,255,255,.92);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);border-top:1px solid var(--line);border-bottom:2px solid var(--brand);transition:box-shadow .2s}
.nav-stuck .eh-nav{position:fixed;top:0;left:0;right:0;z-index:60;box-shadow:0 6px 20px rgba(17,19,24,.08)}
.eh-nav-in{display:flex;align-items:center;gap:6px;height:56px}
.eh-all,.eh-sbtn{width:40px;height:40px;border:0;background:none;color:var(--ink);display:flex;align-items:center;justify-content:center;border-radius:10px;flex:none}
.eh-all:hover,.eh-sbtn:hover{background:var(--soft)}
.eh-mini{display:none;flex:none;margin-right:6px}
.eh-mini img{height:28px;width:auto}
.nav-stuck .eh-mini{display:block}
.skin-ed .eh-gnb{display:flex;align-items:stretch;gap:2px;flex:1;min-width:0;height:100%;background:none;border:0;border-image:none;overflow:visible}
.skin-ed .eh-gnb>li{position:relative;display:flex}
.skin-ed .eh-gnb>li>a{display:flex;align-items:center;padding:0 14px;font-size:17px;font-weight:700;color:var(--ink);white-space:nowrap;letter-spacing:-.03em;position:relative;text-shadow:none}
.skin-ed .eh-gnb>li>a::after{content:"";position:absolute;left:14px;right:14px;bottom:-2px;height:2px;background:var(--brand2);transform:scaleX(0);transition:transform .2s}
.skin-ed .eh-gnb>li:hover>a,.skin-ed .eh-gnb>li.on>a{color:var(--brand)}
.skin-ed .eh-gnb>li:hover>a::after,.skin-ed .eh-gnb>li.on>a::after{transform:scaleX(1)}
.skin-ed .eh-gnb .sub{top:100%;left:4px;border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;box-shadow:0 14px 30px rgba(17,19,24,.1);padding:8px;min-width:170px;background:#fff}
.skin-ed .eh-gnb .sub a{border-radius:8px;padding:8px 12px;font-size:14.5px;color:var(--ink2)}
.skin-ed .eh-gnb .sub a:hover{background:var(--soft2);color:var(--brand)}
.skin-ed .eh-gnb .gnb-rescue>a{color:var(--live)}
.skin-ed .eh-gnb .gnb-rescue>a::after{background:var(--live)}
.skin-ed .eh-gnb .gnb-rescue>a i{width:6px;height:6px;border-radius:50%;background:var(--live);margin-right:6px;box-shadow:0 0 0 0 rgba(240,56,79,.5);animation:ePulse 1.8s infinite}
.skin-ed .gnb .gnb-rescue>a::before{display:none}
@keyframes ePulse{70%{box-shadow:0 0 0 7px rgba(240,56,79,0)}100%{box-shadow:0 0 0 0 rgba(240,56,79,0)}}
.eh-kw{position:relative;width:250px;height:24px;font-size:13.5px;margin-top:2px}
.eh-kw-roll{height:24px;overflow:hidden;position:relative}
.eh-kw-roll li{position:absolute;inset:0;display:flex;align-items:center;opacity:0;transform:translateY(100%);transition:transform .45s,opacity .45s}
.eh-kw-roll li.on{opacity:1;transform:none}
.eh-kw a{display:flex;align-items:center;gap:8px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eh-kw-roll a::before{content:"인기";flex:none;font-size:11px;font-weight:700;color:var(--live);border:1px solid rgba(240,56,79,.35);border-radius:5px;padding:0 5px;line-height:18px}
.eh-kw b{color:var(--brand2);font-weight:800;min-width:12px}
.eh-kw-all{display:none;position:absolute;top:100%;left:-10px;width:240px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh);padding:14px;z-index:70}
.eh-kw:hover .eh-kw-all,.eh-kw:focus-within .eh-kw-all{display:block}
.eh-kw-all p{font-size:13px;font-weight:700;margin-bottom:8px}
.eh-kw-all a{padding:6px 4px;border-radius:8px}
.eh-kw-all a:hover{background:var(--soft)}
.eh-search{display:none;border-bottom:1px solid var(--line);padding:18px 0 16px;background:var(--bg)}
body.search-open .eh-search{display:block;animation:eDrop .2s ease-out}
@keyframes eDrop{from{opacity:0;transform:translateY(-6px)}}
.skin-ed .eh-search .hd-search{display:flex;align-items:center;gap:10px;width:auto;height:58px;padding:0 10px 0 20px;background:var(--soft);border-radius:16px;box-shadow:none;border:1px solid transparent}
.skin-ed .eh-search .hd-search:focus-within{border-color:var(--brand2);background:#fff;box-shadow:0 0 0 4px rgba(200,112,62,.12)}
.skin-ed .eh-search .hd-search svg{color:var(--muted)}
.skin-ed .eh-search .hd-search input{font-size:18px;color:var(--ink)}
.skin-ed .eh-search .hd-search button[type=submit]{border:0;height:42px;padding:0 22px;border-radius:12px;background:var(--brand);color:#fff;font-weight:700;font-size:15px}
.eh-sx{border:0;background:none;color:var(--muted);font-size:18px;width:40px;height:40px}
.eh-s-kw{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px;font-size:14px}
.eh-s-kw span{color:var(--muted);margin-right:4px}
.eh-s-kw a{padding:6px 12px;border-radius:999px;background:var(--soft);color:var(--ink2)}
.eh-s-kw a:hover{background:var(--soft2);color:var(--brand)}

/* ---------- 공통 조각 ---------- */
.ed-home{padding-bottom:20px}
.e-h{display:flex;align-items:baseline;gap:12px;margin-bottom:18px}
.e-h h2{font-size:22px;font-weight:800;letter-spacing:-.04em;color:var(--ink)}
.e-more{margin-left:auto;font-size:13.5px;color:var(--sub);display:inline-flex;align-items:center;gap:4px}
.e-more::after{content:"";width:6px;height:6px;border-right:1.6px solid currentColor;border-top:1.6px solid currentColor;transform:rotate(45deg)}
.e-more:hover{color:var(--brand)}
.e-hint{font-size:13px;color:var(--muted)}
.e-ph{display:block;position:relative;overflow:hidden;border-radius:var(--r-s);background:var(--soft);isolation:isolate}
.e-ph img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
a:hover .e-ph img,a:hover>img,.e-g:hover img{transform:scale(1.04)}
.e-ph::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(17,19,24,.06);pointer-events:none}
.e-meta{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);margin-top:8px}
.e-meta em{font-style:normal;color:var(--brand2);font-weight:700}
.e-s{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--sub);font-size:14.5px;line-height:1.6;margin-top:6px}
.e-b strong,.e-card strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:700;line-height:1.42;letter-spacing:-.03em;color:var(--ink)}
a:hover .e-b strong,a.e-card:hover strong{color:var(--brand);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.e-play{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;background:rgba(17,19,24,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 0 1px rgba(255,255,255,.35)}
.e-play::after{content:"";position:absolute;left:25px;top:20px;border-left:17px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent}

/* 실시간 띠 */
.skin-ed .e-live{display:flex;align-items:center;gap:14px;height:46px;padding:0 6px 0 0;margin:20px 0 0;border:0;border-bottom:1px solid var(--line)}
.e-live b{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:800;color:var(--live);flex:none}
.e-live b::after{display:none}
.e-live b i{width:7px;height:7px;border-radius:50%;background:var(--live);animation:ePulse 1.8s infinite}
.skin-ed .e-live .tk-list{height:46px}
.skin-ed .e-live .tk-list li{line-height:46px;font-size:15px;color:var(--ink2)}
.skin-ed .e-live .tk-ctl{display:flex;gap:2px;flex:none}
.skin-ed .e-live .tk-ctl button{display:flex;align-items:center;justify-content:center;color:var(--muted);width:28px;height:28px;border-radius:8px;padding:0;font-size:15px;line-height:1}
.skin-ed .e-live .tk-ctl .tk-pause{font-size:9px;letter-spacing:-1px}
.skin-ed .e-live .tk-ctl button:hover{background:var(--soft);color:var(--ink)}

/* 헤드라인 */
.skin-ed .e-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:44px;align-items:center;padding:30px 24px 38px}
.e-hero-ph{position:relative;display:block;border-radius:var(--r);overflow:hidden;aspect-ratio:16/10;background:var(--soft);box-shadow:var(--sh)}
.e-hero-ph img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.e-kicker{display:inline-block;font-size:13px;font-weight:800;color:var(--brand2);letter-spacing:.02em;margin-bottom:12px;padding:4px 10px;border-radius:999px;background:var(--soft2)}
.e-hero-t{font-size:clamp(26px,2.6vw,38px);line-height:1.28;font-weight:800;letter-spacing:-.045em}
.e-hero-t a{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.e-hero-t a:hover{color:var(--brand)}
.e-hero-s{margin-top:16px;font-size:15.5px;line-height:1.75;color:var(--sub);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.e-rel{margin-top:22px;border-top:1px solid var(--line);padding-top:14px;display:grid;gap:4px}
.e-rel a{display:flex;align-items:baseline;gap:10px;padding:5px 0;font-size:15.5px;font-weight:600;color:var(--ink2);line-height:1.45}
.e-rel a::before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:var(--brand2);transform:translateY(-3px)}
.e-rel a:hover{color:var(--brand)}
.skin-ed .e-bn{margin:0 auto 34px!important;text-align:center}
.e-bn img{border-radius:12px}

/* 주요뉴스 + 사이드 */
.skin-ed .e-row{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:0;border-top:1px solid var(--line);padding-top:34px}
.e-main{padding-right:36px;min-width:0;align-self:start}
.e-side{padding-left:36px;border-left:1px solid var(--line);min-width:0;display:flex;flex-direction:column;gap:34px}
.e-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:30px}
.e-list li+li{border-top:1px solid var(--line2)}
.e-it{display:flex;gap:16px;padding:16px 0}
.e-list li:first-child .e-it{padding-top:0}
.e-it .e-ph{flex:0 0 132px;height:90px}
.e-it .e-b{flex:1;min-width:0}
.e-it strong{font-size:16.5px}
.e-it .e-s{font-size:14px}
.e-cards{display:grid;gap:26px;align-content:start}
.e-card{display:block}
.e-card .e-ph{aspect-ratio:16/10;margin-bottom:14px}
.e-card strong{font-size:18px}
.e-tag{position:absolute;left:10px;top:10px;z-index:1;font-style:normal;font-size:12px;font-weight:700;color:#fff;background:rgba(17,19,24,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:4px 9px;border-radius:999px}
.e-pop ol{counter-reset:p}
.e-pop li a{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--line2)}
.e-pop li:first-child a{padding-top:2px}
.e-pop b{flex:0 0 22px;font-size:22px;font-weight:800;font-style:italic;color:var(--ink);letter-spacing:-.05em;line-height:1}
.e-pop li:nth-child(-n+3) b{color:var(--brand2)}
.e-pop span{flex:1;min-width:0;font-size:15px;font-weight:600;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.e-pop a:hover span{color:var(--brand)}
.e-pop i.e-ph{flex:0 0 76px;height:54px;border-radius:8px}
.e-chips{display:flex;flex-wrap:wrap;gap:8px}
.e-chips a{padding:7px 13px;border-radius:999px;font-size:14px;background:var(--soft);color:var(--ink2);transition:background .15s,color .15s}
.e-chips a.hot{background:var(--soft2);color:var(--brand);font-weight:700}
.e-chips a:hover{background:var(--brand);color:#fff}
.skin-ed .e-side .family{border-radius:var(--r);background:var(--soft);border:0}
.skin-ed .e-side .bn{margin:0}
.skin-ed .e-side .bn img{border-radius:12px}

/* 영상 */
.e-video{background:var(--soft);margin:44px 0 0;padding:46px 0 50px}
.e-fill{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;margin-top:22px;border-top:1px solid var(--line)}
.e-fill li[hidden]{display:none}
.e-fill a{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line2)}
.e-fill .e-ph{flex:0 0 84px;height:58px;border-radius:8px}
.e-fill .e-b{flex:1;min-width:0}
.e-fill strong{font-size:15px}
.e-fill .e-meta{margin-top:4px}
.e-vrow{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:34px}
.e-vmain{position:relative;display:block;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:#000;box-shadow:var(--sh)}
.e-vmain img{width:100%;height:100%;object-fit:cover;opacity:.92;transition:transform .7s}
.e-vcap{position:absolute;left:0;right:0;bottom:0;padding:60px 24px 20px;background:linear-gradient(transparent,rgba(0,0,0,.78));color:#fff}
.e-vcap em{font-style:normal;font-size:12.5px;font-weight:700;opacity:.85}
.e-vcap strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:20px;font-weight:700;line-height:1.4;margin-top:4px}
.e-vlist{display:flex;flex-direction:column;gap:6px}
.e-vlist a{display:flex;gap:14px;align-items:center;padding:8px;border-radius:12px;transition:background .15s}
.e-vlist a:hover{background:#fff;box-shadow:var(--sh)}
.e-vth{position:relative;flex:0 0 128px;aspect-ratio:16/9;border-radius:9px;overflow:hidden;background:#ddd}
.e-vth img{width:100%;height:100%;object-fit:cover}
.e-vth i{position:absolute;right:6px;bottom:6px;width:22px;height:22px;border-radius:50%;background:rgba(0,0,0,.6)}
.e-vth i::after{content:"";position:absolute;left:8px;top:6px;border-left:8px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}
.e-vt{flex:1;min-width:0}
.e-vt strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:15px;font-weight:600;line-height:1.45}
.e-vt em{display:block;font-style:normal;font-size:12.5px;color:var(--muted);margin-top:4px}

/* 분야별 랭킹 */
.skin-ed .e-rank{padding-top:56px}
.e-rk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.e-rk{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--box);transition:box-shadow .2s,transform .2s}
.e-rk:hover{box-shadow:var(--sh);transform:translateY(-2px)}
.e-rk-h{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;font-size:16px;font-weight:800;color:var(--brand);background:linear-gradient(90deg,var(--soft2),transparent)}
.e-rk-h span{color:var(--muted);font-weight:400;font-size:20px}
.e-rk ol{padding:4px 18px 8px}
.e-rk li a{display:flex;gap:12px;align-items:center;padding:13px 0}
.e-rk li+li a{border-top:1px solid var(--line2)}
.e-rk b{flex:0 0 26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;background:var(--soft);color:var(--sub)}
.e-rk li:first-child b{background:var(--brand);color:#fff}
.e-rk .e-b{flex:1;min-width:0}
.e-rk strong{font-size:15px;-webkit-line-clamp:1}
.e-rk .e-s{font-size:13px;-webkit-line-clamp:1;margin-top:3px}
.e-rk i.e-ph{flex:0 0 72px;height:52px;border-radius:8px}

/* 섹션 탭 */
.skin-ed .e-tabs{padding-top:56px}
.e-h-tab{align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:0;margin-bottom:24px}
.e-h-tab h2{padding-bottom:14px}
.e-tablist{margin-left:auto;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.e-tablist::-webkit-scrollbar{display:none}
.e-tablist button{position:relative;border:0;background:none;padding:10px 14px 16px;font:inherit;font-size:15px;font-weight:600;color:var(--sub);white-space:nowrap}
.e-tablist button[aria-selected=true]{color:var(--ink);font-weight:800}
.e-tablist button[aria-selected=true]::after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;background:var(--ink)}
.e-tabp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;animation:eFade .3s}
.e-tabp[hidden]{display:none}
@keyframes eFade{from{opacity:0;transform:translateY(4px)}}
.e-card.sm strong{font-size:16px}
.e-card.sm .e-s{font-size:13.5px}
.e-tab-more{grid-column:1/-1;justify-self:center;margin-top:4px;padding:11px 26px;border:1px solid var(--line);border-radius:999px;font-size:14px;font-weight:600;color:var(--ink2)}
.e-tab-more:hover{border-color:var(--brand);color:var(--brand)}

/* 실종·입양 / 구조동물 / 갤러리 */
.skin-ed .e-pets{padding-top:48px}
.skin-ed .pstrip{border-radius:var(--r);background:var(--soft);border:0}
.e-rescue{padding-top:52px}
.skin-ed .e-rescue .rstrip.rs-inline{max-width:1192px;margin:0 auto;border:0;border-radius:var(--r);background:var(--soft2)}
.skin-ed .rstrip{background:var(--soft);border-top:0}
.skin-ed .e-gal{padding-top:56px}
.e-g-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(2,210px);gap:14px}
.e-g{position:relative;display:block;border-radius:var(--r);overflow:hidden;background:var(--soft)}
.e-g.g0{grid-row:span 2}
.e-g img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.e-g span{position:absolute;left:0;right:0;bottom:0;padding:44px 16px 14px;background:linear-gradient(transparent,rgba(0,0,0,.72));color:#fff}
.e-g strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:15px;font-weight:700;line-height:1.4}
.e-g.g0 strong{font-size:21px}

/* ---------- 하위 페이지(섹션·기사·검색) 다듬기 ---------- */
.skin-ed .main>.wrap,.skin-ed .sub-page{padding-top:28px}
.skin-ed .box{border:0;background:transparent}
.skin-ed .row-main{gap:0}
.skin-ed .col-main{padding:0 36px 0 0}
.skin-ed .col-side{width:340px;flex-basis:340px;border-left:1px solid var(--line);padding:0 0 0 36px}
.skin-ed .sec-hd h1,.skin-ed .art-title,.skin-ed .art-hd h1{letter-spacing:-.045em}
.skin-ed .art-body{color:#1d2027;font-size:18px;line-height:1.9}
.skin-ed .art-body img{border-radius:12px}
.skin-ed .side-blk{margin-bottom:34px}
.skin-ed .bh{margin-bottom:14px}
.skin-ed .bh h2{font-size:19px;font-weight:800;letter-spacing:-.04em;color:var(--ink)}
.skin-ed .bh h2 span,html[data-theme=dark] .skin-ed .bh h2 span{background:none;padding:0;color:inherit;clip-path:none;font-size:inherit}
.skin-ed .bh.tab{border-bottom:1px solid var(--line);padding-bottom:10px}
.skin-ed .bh.dot h2:before{width:6px;height:6px;border-radius:50%;background:var(--brand2)}
.skin-ed .bh .more{font-size:13px;color:var(--sub)}
.skin-ed .rank li{border-bottom-color:var(--line2)}

/* ---------- 하단 ---------- */
.ef{margin-top:72px;border-top:1px solid var(--line);background:var(--bg);color:var(--ink2)}
.ef-map{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:26px 20px;padding:40px 0 36px}
.ef-col{display:flex;flex-direction:column;gap:9px;font-size:14px}
.ef-col a{color:var(--sub)}
.ef-col a:hover{color:var(--brand)}
.ef-col .ef-h{font-size:15px;font-weight:800;color:var(--ink);margin-bottom:4px}
.ef-bar{background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ef-bar .wrap{display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px;min-height:56px;padding-top:10px;padding-bottom:10px}
.ef-links{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:14px;color:var(--ink2)}
.ef-links b{color:var(--ink)}
.ef-sns{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px}
.ef-sns a{font-size:13px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--ink2)}
.ef-sns a:hover{border-color:var(--brand);color:var(--brand)}
.ef-body{display:flex;gap:30px;justify-content:space-between;align-items:flex-start;padding:28px 24px 44px}
.ef-info{font-size:13.5px;line-height:1.85;color:var(--sub)}
.ef-info b{color:var(--ink2)}
.ef-info i{display:inline-block;width:1px;height:11px;background:var(--line);margin:0 10px;vertical-align:-1px}
.ef-note{color:var(--muted)}
.ef-info .copy{margin-top:8px;color:var(--muted);font-size:13px}
.ef-logo{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-size:12px;color:var(--muted)}
.ef-logo img{height:40px;width:auto;opacity:.75;filter:grayscale(1)}
.skin-ed .partners{border-top:1px solid var(--line);margin-top:48px;padding-top:24px}

/* 맨 위로 */
.skin-ed .to-top{width:48px;height:48px;border-radius:50%;background:var(--bg);color:var(--ink);border:1px solid var(--line);box-shadow:0 6px 20px rgba(17,19,24,.1);display:flex;align-items:center;justify-content:center}
.skin-ed .to-top:hover{color:var(--brand);border-color:var(--brand2)}

/* ---------- 반응형 ---------- */
@media (max-width:1100px){
  .skin-ed .e-row{grid-template-columns:minmax(0,1fr) 300px}
  .e-main{padding-right:26px}.e-side{padding-left:26px}
  .e-top{grid-template-columns:minmax(0,1fr)}
  .e-cards{grid-template-columns:1fr 1fr;gap:20px}
  .skin-ed .eh-gnb>li>a{padding:0 10px;font-size:16px}
  .e-tabp{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .skin-ed .e-hero{grid-template-columns:1fr;gap:22px}
  .skin-ed .e-row{grid-template-columns:1fr}
  .e-main{padding-right:0}
  .e-side{padding:34px 0 0;border-left:0;border-top:1px solid var(--line);margin-top:30px}
  .e-vrow,.e-rk-grid{grid-template-columns:1fr}
  .skin-ed .row-main{flex-direction:column}
  .skin-ed .col-main{padding:0}
  .skin-ed .col-side{width:auto;flex-basis:auto;border-left:0;border-top:1px solid var(--line);padding:30px 0 0;margin-top:30px}
}
@media (max-width:760px){
  body.skin-ed{font-size:15px}
  .skin-ed .wrap{padding:0 16px}
  .eh-top{grid-template-columns:44px 1fr 44px;min-height:60px;gap:6px}
  .eh-l,.eh-r{display:none}
  .eh-mb,.eh-ms{display:flex}
  .eh-mb{grid-column:1;grid-row:1}
  .eh-logo{grid-column:2;grid-row:1}
  .eh-ms{grid-column:3;grid-row:1}
  .eh-logo img{height:38px}
  .eh-nav-in{height:48px;gap:0;overflow-x:auto;scrollbar-width:none;padding-right:0}
  .eh-nav-in::-webkit-scrollbar{display:none}
  .eh-all,.eh-sbtn,.eh-mini,.nav-stuck .eh-mini{display:none}
  .skin-ed .eh-gnb{overflow:visible}
  .skin-ed .eh-gnb>li>a{font-size:15.5px;padding:0 11px}
  .skin-ed .eh-gnb>li:first-child>a{padding-left:0}
  .skin-ed .eh-gnb .sub{display:none!important}
  .eh-search{padding:12px 0}
  .skin-ed .eh-search .hd-search{height:50px;padding-left:14px}
  .skin-ed .eh-search .hd-search input{font-size:16px}
  .skin-ed .eh-search .hd-search button[type=submit]{padding:0 14px;height:38px}
  .skin-ed .m-strip{display:none}
  .skin-ed .e-live{margin-top:6px}
  .skin-ed .e-hero{padding:18px 16px 28px}
  .e-hero-ph{border-radius:12px;margin:0 -16px;border-radius:0}
  .e-hero-t{font-size:25px}
  .e-hero-s{font-size:15px}
  .e-rel a{font-size:15px}
  .skin-ed .e-row{padding-top:26px}
  .e-h h2{font-size:20px}
  .e-it .e-ph{flex-basis:108px;height:76px}
  .e-it strong{font-size:16px}
  .e-it .e-s{display:none}
  .e-cards{grid-template-columns:1fr}
  .e-video{margin-top:40px;padding:32px 0 36px}
  .e-vth{flex-basis:112px}
  .skin-ed .e-rank,.skin-ed .e-tabs,.skin-ed .e-gal,.e-rescue{padding-top:40px}
  .e-tabp{gap:20px 14px}
  .e-card.sm .e-s{display:none}
  .e-card.sm strong{font-size:15px}
  .e-g-grid{grid-template-columns:1fr 1fr;grid-template-rows:none;grid-auto-rows:150px;gap:10px}
  .e-g.g0{grid-column:1/-1;grid-row:auto}
  .e-g:nth-child(n+4){display:none}
  .e-g.g0 strong{font-size:18px}
  .ef{margin-top:48px}
  .ef-map{display:none}
  .ef-bar .wrap{padding-top:14px;padding-bottom:14px}
  .ef-links{gap:8px 14px;font-size:13px}
  .ef-sns{margin-left:0}
  .ef-body{flex-direction:column-reverse;gap:16px;padding:24px 16px 96px}
  .ef-logo{align-items:flex-start}
  .ef-info{font-size:12.5px}
  .skin-ed .to-top{bottom:84px;right:14px;width:44px;height:44px}
  .skin-ed .art-body{font-size:17px}
  .skin-ed .tabbar{background:rgba(255,255,255,.94);border-top:1px solid var(--line);box-shadow:0 -4px 18px rgba(17,19,24,.05)}
  .skin-ed .tabbar a,.skin-ed .tabbar button{color:var(--sub);font-size:11px}
  .skin-ed .tabbar svg{stroke-width:1.7}
  .skin-ed .tabbar .on{color:var(--brand);font-weight:700}
  .skin-ed .tabbar .on svg{stroke:var(--brand)}
  .skin-ed .tabbar .tb-video svg{color:var(--live)}
  .skin-ed .tabbar .on:after{background:var(--brand);width:22px}
  body.skin-ed.has-tabbar .to-top{bottom:calc(76px + env(safe-area-inset-bottom))}
}

/* ---------- 다크 모드 ---------- */
html[data-theme=dark] body.skin-ed{--ink:#eef0f4;--ink2:#c9ccd4;--sub:#9da2ae;--muted:#7d8290;--line:#262932;--line2:#1f2229;--bg:#0f1013;--box:#15171c;--soft:#181a20;--soft2:#16302A;--brand:#F2CBAE;--brand2:#E9AE83;background:var(--bg);color:var(--ink)}
html[data-theme=dark] .skin-ed .lg-l{display:none!important}
html[data-theme=dark] .skin-ed .lg-d{display:block!important}
html[data-theme=dark] .eh-nav{background:rgba(15,16,19,.9);border-bottom-color:#B5602F}
html[data-theme=dark] .skin-ed .eh-gnb .sub,html[data-theme=dark] .eh-kw-all{background:#181a20;border-color:var(--line)}
html[data-theme=dark] .eh-ic .i-sun{display:block;color:#ffd66b}
html[data-theme=dark] .eh-ic .i-moon{display:none}
html[data-theme=dark] .skin-ed .eh-search .hd-search{background:var(--soft)}
html[data-theme=dark] .skin-ed .eh-search .hd-search:focus-within{background:#14161b}
html[data-theme=dark] .skin-ed .eh-search .hd-search button[type=submit]{background:#C8703E}
html[data-theme=dark] .e-vlist a:hover{background:#1d2027}
html[data-theme=dark] .e-chips a:hover{background:#C8703E}
html[data-theme=dark] .e-rk li:first-child b{background:#C8703E}
html[data-theme=dark] .skin-ed .art-body{color:#dfe2e8}
html[data-theme=dark] .ef-logo img{filter:grayscale(1) invert(1);opacity:.6}
html[data-theme=dark] .skin-ed .e-side .family{background:var(--soft)}
html[data-theme=dark] .skin-ed .tabbar{background:rgba(15,16,19,.94)}

@media (prefers-reduced-motion:reduce){.skin-ed *{transition:none!important;animation:none!important}}
@media print{.eh-navwrap,.eh-search,.eh-r,.ef-map,.ef-bar,.e-video,.e-tabs{display:none!important}}
.ef-map .ef-more{color:var(--brand)!important;font-weight:600}

/* WITH ANIMAL Edition — 출처 박스·사진 캡션 (2.8.1-wa1) */
.wa-src{margin:28px 0 8px;padding:16px 18px;border-radius:12px;background:#F6F4EC;border-left:4px solid #C8703E;font-size:14.5px;color:#3d414b;line-height:1.7}
.wa-src p{margin:0}.wa-src p+p{margin-top:6px}.wa-src a{color:#163F36;font-weight:700}
.nw-fig{margin:22px 0}.nw-fig img{width:100%;height:auto;border-radius:12px;display:block}.nw-fig figcaption{font-size:13.5px;color:#6b7180;margin-top:8px;text-align:center}
html[data-theme=dark] .wa-src{background:#16302A;color:#d7ddd9;border-left-color:#E9AE83}html[data-theme=dark] .wa-src a{color:#E9AE83}

/* ===== WITH ANIMAL 소식지 아이덴티티 (2.8.1-wa2) — 언론사 느낌 대신 소통하는 소식지 ===== */
body.skin-ed{--live:#C8703E;--paper:#FBFAF5;background:var(--paper)}
body.skin-ed .eh,body.skin-ed .eh-navwrap{background:var(--paper)}
.eh-issue{display:flex;flex-direction:column;gap:5px;line-height:1.25}
.eh-issue b{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;font-size:11.5px;font-weight:800;letter-spacing:.14em;color:var(--brand);background:#E8EFE9;border-radius:999px;padding:4px 10px}
.eh-issue b::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand2)}
.eh-issue span{font-size:13px;color:var(--sub);letter-spacing:-.01em}
.eh-sub{display:inline-flex;align-items:center;gap:6px;align-self:center;margin-right:6px;height:38px;padding:0 14px;border-radius:999px;background:#FEE500;color:#191600;font-size:13px;font-weight:700;white-space:nowrap;text-decoration:none;transition:transform .15s}
.eh-sub:hover{transform:translateY(-1px);text-decoration:none}
.eh-sub svg{width:17px;height:17px;fill:#191600;stroke:none}
.e-h h2{display:flex;align-items:center;gap:8px}
.e-h h2::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--brand2);flex:none}
body.skin-ed .e-card .e-ph,body.skin-ed .e-hero-ph,body.skin-ed .e-g,body.skin-ed .e-vmain{border-radius:16px;overflow:hidden}
body.skin-ed .e-kicker{color:var(--brand2)}
body.skin-ed .e-live b{background:#FBEBDD;color:var(--brand2);padding:5px 12px;border-radius:999px}body.skin-ed .e-live b i{background:var(--brand2)}
body.skin-ed .art-hd h1{letter-spacing:-.03em}
body.skin-ed .art .rep{font-weight:700;color:var(--brand)}
body.skin-ed .comments h3{color:var(--brand)}
body.skin-ed .ai-sum{border-radius:16px}
.ef-note{line-height:1.7}.ef-note b{color:var(--brand)}.ef-note a{color:var(--brand2);font-weight:700}
.ef-logo img{opacity:1;filter:none}
html[data-theme=dark] body.skin-ed{--paper:var(--bg)}
html[data-theme=dark] .eh-issue b{background:#1d2a26;color:#F2CBAE}
html[data-theme=dark] .ef-logo img{filter:none;opacity:.9;content:url(../img/wa-news-logo-white-2026.png)}
@media (max-width:760px){.eh-issue{display:none}.eh-sub{display:none}}
.m-sub{display:flex;align-items:center;justify-content:center;height:46px;margin:14px 0 4px;border-radius:12px;background:#FEE500;color:#191600!important;font-weight:800;text-decoration:none}