/* =========================================================================
   ev7-pages.css ─ 도구 소개페이지 본문을 새 디자인 언어로 맞추는 레이어
   -------------------------------------------------------------------------
   소개페이지 20여 개는 본문이 Tailwind 유틸리티로 작성돼 있다.
   파일을 하나씩 고치면 각 페이지의 고유 콘텐츠를 건드리게 되고 실수 위험이 크므로,
   반복되는 마크업 패턴만 골라 겉모습을 새 시스템에 맞춘다.

   모든 선택자를 main 하위로 한정한다.
     · 헤더(.evnav)·푸터(.evfoot)·모달(.evmodal)에 영향이 가지 않는다
     · main .bg-white 는 (0,1,1) 이라 Tailwind 의 (0,1,0) 보다 우선한다

   색은 assets/ev7-design.css 의 토큰만 쓴다. 여기서 색을 새로 정의하지 않는다.
   ========================================================================= */

/* ── 본문 컨테이너 : 메인과 같은 폭·리듬 ─────────────────── */
main[class]{
  max-width:1200px;
  margin-inline:auto;
  padding-inline:24px;
  padding-bottom:48px;   /* 푸터 margin-top 과 합쳐 과해지지 않게 */
  color:var(--ev-ink);
}
/* 고정 헤더(64px) 아래 여백. 기존 pt-24 를 대체한다 */
main.pt-24{ padding-top:104px; }

/* ── 타이포 : 크지만 가볍게 ───────────────────────────── */
main h1[class]{
  font-size:clamp(28px,3.4vw,44px);
  font-weight:500;
  line-height:1.18;
  letter-spacing:-.03em;
  color:var(--ev-ink);
  text-wrap:balance;
}
main h2[class]{
  font-size:clamp(21px,2.2vw,28px);
  font-weight:500;
  line-height:1.3;
  letter-spacing:-.022em;
  color:var(--ev-ink);
  text-wrap:balance;
}
main h3[class]{
  font-size:17px;
  font-weight:600;
  letter-spacing:-.012em;
  color:var(--ev-ink);
}
main h4[class]{ font-size:15px;font-weight:600;color:var(--ev-ink); }

main p[class],
main li[class],
main p,
main li{
  color:var(--ev-ink-2);
  line-height:1.75;
  text-wrap:pretty;
}
main strong,
main b{ color:var(--ev-ink);font-weight:600; }

/* ── 예외 : 원래부터 어두운 패널 ─────────────────────────
   일부 페이지는 bg-slate-900 / bg-gray-900 같은 '의도적으로 어두운' 블록을 쓴다.
   위의 타이포 규칙이 그 안의 글자까지 --ev-ink(라이트에서 거의 검정)로 칠하면
   어두운 배경 위에 어두운 글자가 되어 안 보인다.
   중립색뿐 아니라 bg-emerald-900 같은 컬러 계열도 있으므로 -800/-900/-950 을 패턴으로 잡는다.
   이런 블록 안에서는 색을 건드리지 않고 원래 클래스(text-white 등)에 맡긴다. */
/* ① 어두운 패널 자체에 밝은 글자색을 명시한다.
      inherit 만 쓰면 라이트 모드에서 본문의 어두운 잉크를 물려받아 글자가 묻힌다. */
main [class~="bg-slate-800"],
main [class~="bg-slate-900"],
main [class~="bg-slate-950"],
main [class~="bg-gray-800"],
main [class~="bg-gray-900"],
main [class~="bg-gray-950"],
main [class~="bg-zinc-800"],
main [class~="bg-zinc-900"],
main [class~="bg-zinc-950"],
main [class~="bg-neutral-800"],
main [class~="bg-neutral-900"],
main [class~="bg-neutral-950"],
main [class~="bg-stone-800"],
main [class~="bg-stone-900"],
main [class~="bg-stone-950"],
main [class~="bg-emerald-800"],
main [class~="bg-emerald-900"],
main [class~="bg-emerald-950"],
main [class~="bg-blue-800"],
main [class~="bg-blue-900"],
main [class~="bg-blue-950"],
main [class~="bg-indigo-800"],
main [class~="bg-indigo-900"],
main [class~="bg-indigo-950"],
main [class~="bg-purple-800"],
main [class~="bg-purple-900"],
main [class~="bg-purple-950"],
main [class~="bg-green-800"],
main [class~="bg-green-900"],
main [class~="bg-green-950"],
main [class~="bg-red-800"],
main [class~="bg-red-900"],
main [class~="bg-red-950"],
main [class~="bg-cyan-800"],
main [class~="bg-cyan-900"],
main [class~="bg-cyan-950"],
main [class~="bg-teal-800"],
main [class~="bg-teal-900"],
main [class~="bg-teal-950"],
main [class~="bg-sky-800"],
main [class~="bg-sky-900"],
main [class~="bg-sky-950"],
main [class~="bg-violet-800"],
main [class~="bg-violet-900"],
main [class~="bg-violet-950"],
main [class~="bg-amber-800"],
main [class~="bg-amber-900"],
main [class~="bg-amber-950"],
main [class~="bg-orange-800"],
main [class~="bg-orange-900"],
main [class~="bg-orange-950"]{
  color:#dfe3e8;
}
/* ② 그 안의 요소는 패널 색을 그대로 물려받는다 */
main [class~="bg-slate-800"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-slate-900"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-slate-950"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-gray-800"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-gray-900"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-gray-950"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-zinc-800"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-zinc-900"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-zinc-950"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-neutral-800"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-neutral-900"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-neutral-950"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-stone-800"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-stone-900"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-stone-950"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-emerald-800"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-emerald-900"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-emerald-950"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-blue-800"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-blue-900"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-blue-950"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-indigo-800"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-indigo-900"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-indigo-950"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-purple-800"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-purple-900"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-purple-950"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-green-800"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-green-900"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-green-950"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-red-800"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-red-900"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-red-950"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-cyan-800"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-cyan-900"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-cyan-950"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-teal-800"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-teal-900"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-teal-950"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-sky-800"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-sky-900"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-sky-950"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-violet-800"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-violet-900"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-violet-950"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-amber-800"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-amber-900"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-amber-950"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-orange-800"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-orange-900"] :is(p,li,h1,h2,h3,h4,b,strong,span,div),
main [class~="bg-orange-950"] :is(p,li,h1,h2,h3,h4,b,strong,span,div){
  color:inherit;
}
/* ③ 어두운 패널 "안"에서만 원래 색을 되살린다.
   [class*="bg-"] 로 조상을 잡으면 bg-white 카드까지 걸려서
   흰 배경에 옅은 회색 글자가 되는 사고가 난다. 반드시 어두운 패널만 지정한다. */
main [class~="bg-slate-800"] .text-white,
main [class~="bg-slate-900"] .text-white,
main [class~="bg-slate-950"] .text-white,
main [class~="bg-gray-800"] .text-white,
main [class~="bg-gray-900"] .text-white,
main [class~="bg-gray-950"] .text-white,
main [class~="bg-zinc-800"] .text-white,
main [class~="bg-zinc-900"] .text-white,
main [class~="bg-zinc-950"] .text-white,
main [class~="bg-neutral-800"] .text-white,
main [class~="bg-neutral-900"] .text-white,
main [class~="bg-neutral-950"] .text-white,
main [class~="bg-stone-800"] .text-white,
main [class~="bg-stone-900"] .text-white,
main [class~="bg-stone-950"] .text-white,
main [class~="bg-emerald-800"] .text-white,
main [class~="bg-emerald-900"] .text-white,
main [class~="bg-emerald-950"] .text-white,
main [class~="bg-blue-800"] .text-white,
main [class~="bg-blue-900"] .text-white,
main [class~="bg-blue-950"] .text-white,
main [class~="bg-indigo-800"] .text-white,
main [class~="bg-indigo-900"] .text-white,
main [class~="bg-indigo-950"] .text-white,
main [class~="bg-purple-800"] .text-white,
main [class~="bg-purple-900"] .text-white,
main [class~="bg-purple-950"] .text-white,
main [class~="bg-green-800"] .text-white,
main [class~="bg-green-900"] .text-white,
main [class~="bg-green-950"] .text-white,
main [class~="bg-red-800"] .text-white,
main [class~="bg-red-900"] .text-white,
main [class~="bg-red-950"] .text-white,
main [class~="bg-cyan-800"] .text-white,
main [class~="bg-cyan-900"] .text-white,
main [class~="bg-cyan-950"] .text-white,
main [class~="bg-teal-800"] .text-white,
main [class~="bg-teal-900"] .text-white,
main [class~="bg-teal-950"] .text-white,
main [class~="bg-sky-800"] .text-white,
main [class~="bg-sky-900"] .text-white,
main [class~="bg-sky-950"] .text-white,
main [class~="bg-violet-800"] .text-white,
main [class~="bg-violet-900"] .text-white,
main [class~="bg-violet-950"] .text-white,
main [class~="bg-amber-800"] .text-white,
main [class~="bg-amber-900"] .text-white,
main [class~="bg-amber-950"] .text-white,
main [class~="bg-orange-800"] .text-white,
main [class~="bg-orange-900"] .text-white,
main [class~="bg-orange-950"] .text-white{ color:#fff; }
main [class~="bg-slate-800"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-slate-900"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-slate-950"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-gray-800"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-gray-900"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-gray-950"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-zinc-800"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-zinc-900"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-zinc-950"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-neutral-800"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-neutral-900"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-neutral-950"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-stone-800"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-stone-900"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-stone-950"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-emerald-800"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-emerald-900"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-emerald-950"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-blue-800"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-blue-900"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-blue-950"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-indigo-800"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-indigo-900"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-indigo-950"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-purple-800"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-purple-900"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-purple-950"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-green-800"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-green-900"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-green-950"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-red-800"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-red-900"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-red-950"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-cyan-800"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-cyan-900"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-cyan-950"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-teal-800"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-teal-900"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-teal-950"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-sky-800"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-sky-900"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-sky-950"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-violet-800"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-violet-900"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-violet-950"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-amber-800"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-amber-900"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-amber-950"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-orange-800"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-orange-900"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]),
main [class~="bg-orange-950"] :is([class*="text-slate-3"],[class*="text-slate-4"],[class*="text-gray-3"],[class*="text-gray-4"]){ color:#b6bcc6; }

/* ── 카드 : 두꺼운 그림자 대신 얇은 테두리 ───────────────── */
main .bg-white{
  background:var(--ev-paper);
  border:1px solid var(--ev-line);
  border-radius:20px;
}
main [class*="shadow-"]{ box-shadow:none; }

/* 라운드 값을 하나로 통일 */
main .rounded-lg,
main .rounded-xl,
main .rounded-2xl,
main .rounded-3xl{ border-radius:20px; }

/* ── 강조 패널 : 파스텔 배경을 중성 면으로 ────────────────
   페이지마다 bg-green-50 / bg-blue-50 … 이 제각각이라
   같은 페이지 안에서도 색이 튄다. 하나의 중성 면으로 정리하고
   원래 강조색은 좌측 얇은 선으로만 남긴다. */
/* 주의: [class*="-50"] 같은 부분 문자열 매칭은 border-cyan-500 의 "-50" 까지 잡아
   어두운 패널을 밝게 칠해버린다. 반드시 토큰 단위(~=)로 매칭한다. */
main [class~="bg-slate-50"],
main [class~="bg-slate-100"],
main [class~="bg-green-50"],
main [class~="bg-green-100"],
main [class~="bg-blue-50"],
main [class~="bg-blue-100"],
main [class~="bg-red-50"],
main [class~="bg-red-100"],
main [class~="bg-purple-50"],
main [class~="bg-purple-100"],
main [class~="bg-yellow-50"],
main [class~="bg-yellow-100"],
main [class~="bg-pink-50"],
main [class~="bg-pink-100"],
main [class~="bg-indigo-50"],
main [class~="bg-indigo-100"],
main [class~="bg-amber-50"],
main [class~="bg-amber-100"],
main [class~="bg-cyan-50"],
main [class~="bg-cyan-100"],
main [class~="bg-orange-50"],
main [class~="bg-orange-100"],
main [class~="bg-emerald-50"],
main [class~="bg-emerald-100"],
main [class~="bg-violet-50"],
main [class~="bg-violet-100"],
main [class~="bg-teal-50"],
main [class~="bg-teal-100"],
main [class~="bg-sky-50"],
main [class~="bg-sky-100"],
main [class~="bg-fuchsia-50"],
main [class~="bg-fuchsia-100"],
main [class~="bg-rose-50"],
main [class~="bg-rose-100"],
main [class~="bg-lime-50"],
main [class~="bg-lime-100"]{
  background:var(--ev-paper-2);
  border:1px solid var(--ev-line);
  border-radius:16px;
}
main .border-t-4{
  border-top-width:1px;
  border-top-color:var(--ev-line);
}
/* 원래의 강조색은 제목 앞 작은 아이콘에만 남긴다 */
main [class*="-50"] h3 i,
main [class*="-50"] h4 i{ opacity:.9; }

/* ── 목록 ──────────────────────────────────────────── */
main ul[class],
main ol[class],
main ul,
main ol{ padding-left:1.1em; }
main li{ margin-bottom:.45em; }
main li::marker{ color:var(--ev-ink-3); }

/* ── 버튼·CTA : 알약형으로 통일 ───────────────────────── */
main a[class*="bg-"][class*="hover:bg-"]{
  border-radius:9999px;
  font-weight:500;
  letter-spacing:-.01em;
  box-shadow:none;
}

/* ── iframe 으로 붙는 도구 화면 ───────────────────────── */
main iframe[class],
main iframe{
  border:1px solid var(--ev-line);
  border-radius:20px;
  background:var(--ev-paper);
}
/* iframe 을 감싸는 래퍼의 이중 테두리 제거 */
main .relative:has(> iframe){ border:0;box-shadow:none; }

/* ── 구분선 ───────────────────────────────────────── */
main hr,
main .border-b,
main .border-t{ border-color:var(--ev-line); }

/* ── 표 ───────────────────────────────────────────── */
main table{ border-color:var(--ev-line); }
main th{ color:var(--ev-ink);font-weight:600; }
main td{ color:var(--ev-ink-2); }

/* ── Google Play 배지는 원본 그대로 ───────────────────── */
main img[src*="Badge"]{ border:0;border-radius:0;filter:none; }

@media (max-width:640px){
  main{ padding-inline:18px; }
  main.pt-24{ padding-top:88px; }
}