/*
 * 택스이지 정적 안내 페이지 공통 톤 — 메인 랜딩(src/styles/landing.css .lp-root) 기준 (2026-10-31 사용자
 * 「이용가이드 안 탭들이 제각각 페이지 같다 — 메인 랜딩 기준으로 톤을 맞춰」).
 *
 * 적용 대상: public/{about,faq,pricing,income-calculator}.html · public/guide/*.html · public/blog/*.html
 *   (blog/index.html 은 scripts/fetch-blog-rss.mjs 가 빌드 때 다시 만든다 — 그 템플릿도 이 파일을 건다) ·
 *   public/seo/**.html · SPA 이용가이드(src/pages/GuidePage.jsx 가 <link> 로 건다).
 * 규칙
 *   - 각 페이지의 인라인 <style> 뒤에 걸려서 글꼴·제목·강조색만 덮는다(레이아웃은 페이지 것 유지).
 *   - 상단바 마크업(.te-top)은 모든 페이지가 같은 것을 쓴다 — 메뉴를 바꾸면 전 페이지를 같이 고친다.
 *   - 색 토큰 = 랜딩 값 그대로(--lp-blue #3b5bf5 · ink #14152a · muted #5b6178 · line #e9ecf7).
 */
:root {
  --te-blue: #3b5bf5;
  --te-blue-d: #2d49e0;
  --te-ink: #14152a;
  --te-muted: #5b6178;
  --te-muted-2: #9097ac;
  --te-line: #e9ecf7;
  --te-soft: #f5f7fe;
  --te-soft-2: #eef1fc;
  --te-font: 'Pretendard Variable', Pretendard, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --te-shadow-blue: 0 20px 46px -22px rgba(59, 91, 245, 0.5);
}

/* ── 글꼴·본문 톤 ── */
html body {
  font-family: var(--te-font);
  color: var(--te-ink);
  background: #fff;
  letter-spacing: -0.01em;
  word-break: keep-all;
}
/* 제목 색은 페이지 것 그대로(파란 배너 위 흰 제목 등) — 자간만 랜딩처럼 */
body h1,
body h2,
body h3 {
  letter-spacing: -0.025em;
}
body h1 {
  font-weight: 800;
}
body p,
body li,
body td {
  color: inherit;
}
/* 페이지마다 다르던 강조 파랑(#2563eb · #3b82f6) → 랜딩 파랑. 클래스 없는 본문 링크만(버튼·카드 링크는 제 색) */
body a:not([class]) {
  color: var(--te-blue);
}
/* 섹션 머리 라벨(PRICING · FAQ · ABOUT …) = 랜딩 eyebrow */
body .brand,
body .eyebrow {
  color: var(--te-blue);
  font-weight: 800;
  font-size: 15px;
  letter-spacing: 0;
  text-transform: none;
}

/* ── 공통 상단바 (랜딩 Header 의 스크롤 상태 = 흰 바 + 잉크 글자) ── */
.te-top {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: saturate(1.4) blur(10px);
  -webkit-backdrop-filter: saturate(1.4) blur(10px);
  border-bottom: 1px solid var(--te-line);
  font-family: var(--te-font);
  /* (2026-10-31) 상단바 줄높이·자간 고정 — 종전엔 페이지 body 의 line-height(1.75 / 1.7 업종가이드·칼럼 /
     1.5 계산기 / normal 이용가이드)를 물려받아 메뉴 칸 높이(42.3 / 41.5 / 38.5 / 34px)와 로고 위치가 페이지마다
     달랐다 → 탭 이동 때 상단바가 조금씩 흔들림(사용자). 다수 페이지 값(1.75)으로 고정.
     자간 = 공통 body 값(-0.01em), 테마 버튼 = 브라우저 기본(normal — 계산기만 tailwind preflight 가 inherit 로 바꿔 폭이 달랐다). */
  line-height: 1.75;
  letter-spacing: -0.01em;
}
.te-top button {
  letter-spacing: normal;
}
.te-top__in {
  /* 안쪽 폭 = 그 페이지 본문(.container) 최대폭 — 각 페이지 <header style="--te-content: Npx"> (2026-10-31 사용자 「칸 너비를 컨텐츠 영역과 맞춰」).
     좌우 여백 24px 도 본문과 같아서 로고·메뉴 양 끝 = 본문 양 끝. */
  max-width: var(--te-content, 1120px);
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 24px;
  height: 64px;
  display: flex;
  align-items: center;
  gap: 28px;
}
.te-top .te-logo {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 21px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--te-ink);
  text-decoration: none;
  flex: none;
}
.te-top .te-logo img {
  width: 32px;
  height: 32px;
  border-radius: 9px;
  display: block;
}
.te-top .te-logo b {
  color: var(--te-blue);
  font-weight: 800;
}
.te-top .te-nav {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
  overflow-x: auto;
  scrollbar-width: none;
}
.te-top .te-nav::-webkit-scrollbar {
  display: none;
}
.te-top .te-nav a {
  font-size: 15px;
  font-weight: 600;
  color: var(--te-muted);
  text-decoration: none;
  white-space: nowrap;
  /* 좌우 8px — 본문이 가장 좁은 페이지(820px)에서도 메뉴 7개가 한 줄에 들어가게(종전 11px 은 넘쳤다) */
  padding: 8px 8px;
  border-radius: 9px;
  transition:
    color 0.2s,
    background 0.2s;
}
.te-top .te-nav a:hover {
  color: var(--te-blue);
  background: var(--te-soft);
}
.te-top .te-nav a[aria-current='page'] {
  color: var(--te-blue);
  font-weight: 800;
}
.te-top .te-cta {
  flex: none;
  display: inline-flex;
  align-items: center;
  font-size: 14.5px;
  font-weight: 700;
  color: #fff;
  background: var(--te-blue);
  padding: 10px 18px;
  border-radius: 980px;
  text-decoration: none;
  box-shadow: var(--te-shadow-blue);
  transition:
    background 0.2s,
    transform 0.2s;
}
.te-top .te-cta:hover {
  background: var(--te-blue-d);
  transform: translateY(-1px);
}

/* 종전 페이지별 상단 글자 메뉴(nav.top)는 .te-top 으로 대체 — 남아 있으면 숨긴다 */
nav.top {
  display: none !important;
}

@media (max-width: 860px) {
  .te-top__in {
    height: auto;
    flex-wrap: wrap;
    gap: 6px 12px;
    padding: 10px 16px 6px;
  }
  .te-top .te-logo {
    font-size: 19px;
  }
  .te-top .te-cta {
    margin-left: auto;
    padding: 8px 14px;
    font-size: 13.5px;
  }
  .te-top .te-nav {
    order: 3;
    width: 100%;
    margin-left: -11px;
  }
  .te-top .te-nav a {
    font-size: 14px;
    padding: 7px 10px;
  }
}

/* ── 콘텐츠 폭 통일 (2026-10-31 사용자 「세부 탭 컨텐츠 영역 너비가 다 다른데 통일해서 최적화」, 참고 = 폭 약 1,130px) ──
   모든 정적 안내 페이지의 본문(.container) = 1130px(좌우 24px) · 상단바 안쪽 폭도 같은 값. 종전 820~1100px 페이지별 제각각. */
:root {
  --te-page: 1130px;
}
body .container {
  max-width: var(--te-page) !important;
}
.te-top .te-top__in {
  max-width: var(--te-page);
}

/* ── 테마 전환 토글(라이트·다크·자동, /site-theme.js 가 .te-top__in 에 붙인다) — 2026-10-31 사용자 「세무칼럼 우측 absolute 영역에」:
   메뉴 배치를 밀지 않게 상단바 안쪽 박스 오른쪽 바깥에 띄운다. 그 자리가 모자라는 좁은 화면은 메뉴 뒤 흐름 안으로. */
.te-top__in {
  position: relative;
}
.te-theme {
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 3px;
  border-radius: 10px;
  border: 1px solid var(--te-line);
  background: #f4f6fb;
  flex: none;
}
.te-theme button {
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--te-muted);
  font: 600 12.5px/1 var(--te-font);
  height: 26px;
  min-width: 30px;
  padding: 0 8px;
  border-radius: 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition:
    color 0.15s,
    background 0.15s;
}
.te-theme button:hover {
  color: var(--te-ink);
}
.te-theme button[aria-pressed='true'] {
  background: #fff;
  color: var(--te-ink);
  box-shadow: 0 1px 2px rgba(20, 21, 42, 0.12);
}
@media (max-width: 1400px) {
  .te-theme {
    position: static;
    transform: none;
    margin-left: 4px;
  }
}
@media (max-width: 860px) {
  /* 모바일 = 메뉴가 둘째 줄로 내려가므로 로고 줄 오른쪽 끝 */
  .te-theme {
    margin-left: auto;
  }
}

/* ── 하단 시작 안내(이용가이드·FAQ·세무칼럼) — 2026-10-31 사용자 「카드형 말고 버튼만 우측정렬하고 버튼 왼쪽에 문구」:
   카드 바탕 없이 위 구분선 한 줄 + 오른쪽 끝에 「문구 | 버튼」. 좁은 화면은 문구 위·버튼 아래(둘 다 왼쪽). */
.te-endcta {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 24px;
  margin: 56px 0 0;
  /* 위(이 줄 구분선)·아래(바로 뒤 푸터 구분선) 여백 같게 — 사용자 「버튼 위아래 여백이 달라」 */
  padding: 32px 0;
  border-top: 1px solid var(--te-line);
  text-align: right;
  font-family: var(--te-font);
}
.te-endcta + :is(footer, .footer) {
  margin-top: 0 !important;
  padding-top: 32px !important;
}
.te-endcta__txt strong {
  display: block;
  font-size: 16px;
  font-weight: 800;
  color: var(--te-ink);
  letter-spacing: -0.01em;
}
.te-endcta__txt p {
  margin: 4px 0 0;
  font-size: 14px;
  line-height: 1.55;
  color: var(--te-muted);
}
.te-endcta__btn {
  flex: none;
  display: inline-flex;
  align-items: center;
  height: 46px;
  /* Pretendard 한글 잉크가 위로 ~1px 떠서(실측 위 16 / 아래 17.75px) 위 여백 1px(=글자 0.5px 아래로) */
  padding: 1px 22px 0;
  border-radius: 11px;
  background: var(--te-blue);
  color: #fff !important;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none !important;
  transition:
    background 0.2s,
    transform 0.2s;
}
.te-endcta__btn:hover {
  background: #2f4ee0;
  transform: translateY(-1px);
}
@media (max-width: 640px) {
  .te-endcta {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    text-align: left;
  }
}

/* ══════════ 다크 테마 (2026-10-31 사용자 「이용가이드 안 탭 화면들은 다크모드로」) ══════════
   대상 = 이 파일을 거는 모든 안내 페이지(서비스 소개·이용가이드·요금·세금계산기·FAQ·업종별 가이드·세무칼럼).
   페이지마다 인라인 <style> 에 흰 배경이 박혀 있어 공통 부품 이름 단위로 !important 로 덮는다.
   톤 = 랜딩 잉크(#14152a) 계열 남색 · 강조 파랑은 어두운 배경 대비를 위해 한 단계 밝게(#7b93ff). */
:root {
  --d-bg: #0c0f1d;
  --d-surface: #151a2e;
  --d-surface-2: #1c2240;
  --d-line: #2a3154;
  --d-text: #e6e9f5;
  --d-muted: #a5acc8;
  --d-muted-2: #7c84a6;
  --d-blue: #7b93ff;
  --d-pink: #f58ac0;
}
html.te-dark,
html.te-dark body {
  background: var(--d-bg) !important;
  color: var(--d-text) !important;
}
html.te-dark body .container,
html.te-dark body main {
  color: var(--d-text);
}
/* 글자 */
html.te-dark body :is(h1, h2, h3, h4, summary, th, dt) {
  color: #f4f6fc !important;
}
html.te-dark body :is(p, li, td, dd, .lead, label) {
  color: var(--d-muted) !important;
}
html.te-dark body :is(.sub, .meta, .cat-title, .unit, .post-date, .breadcrumb, footer, footer a, .muted) {
  color: var(--d-muted-2) !important;
}
html.te-dark body strong {
  color: #f4f6fc !important;
}
html.te-dark body a:not([class]) {
  color: var(--d-blue) !important;
}
html.te-dark body .brand,
html.te-dark body .eyebrow,
html.te-dark body .cat {
  color: var(--d-blue) !important;
}
html.te-dark body h2 {
  border-color: var(--d-line) !important;
}
/* 면(카드·표·접기 상자) */
html.te-dark body
  :is(
    .card,
    details,
    .faq details,
    .tip-list,
    .authority,
    .author-card,
    .post,
    .step,
    .summary-box,
    .info-grid,
    .contact,
    .plan,
    .compare,
    .related a,
    .icp-grid a,
    .pillar,
    .more,
    .lp-price .pcard:not(.pcard--pro),
    .guide-section,
    .guide-toc,
    .guide-intro-card,
    .guide-subsection,
    .guide-checklist,
    .guide-faq-item,
    .annotated-screenshot-frame
  ) {
  background: var(--d-surface) !important;
  border-color: var(--d-line) !important;
  box-shadow: none !important;
}
html.te-dark body table {
  background: var(--d-surface) !important;
  border-color: var(--d-line) !important;
}
html.te-dark body th {
  background: var(--d-surface-2) !important;
  border-color: var(--d-line) !important;
}
html.te-dark body td {
  border-color: var(--d-line) !important;
}
html.te-dark body tr:hover td {
  background: transparent !important;
}
html.te-dark body details[open] {
  border-color: var(--d-blue) !important;
}
html.te-dark body hr {
  border-color: var(--d-line) !important;
}
/* 안내 상자(정보·주의·팁) — 색 기운만 남긴 어두운 면 */
html.te-dark body :is(.info, .tip, .guide-placeholder) {
  background: rgba(123, 147, 255, 0.1) !important;
  border-color: rgba(123, 147, 255, 0.35) !important;
  color: var(--d-text) !important;
}
html.te-dark body :is(.warning, .note, .guide-mistakes) {
  background: rgba(245, 158, 11, 0.1) !important;
  border-color: rgba(245, 158, 11, 0.35) !important;
  color: var(--d-text) !important;
}
html.te-dark body :is(.warning, .note, .info, .tip) :is(p, li, strong, b) {
  color: var(--d-text) !important;
}
/* 배지·버튼 */
html.te-dark body .card .badge,
html.te-dark body .card .tag,
html.te-dark body .plan .tag,
html.te-dark body .lk.vat {
  background: rgba(123, 147, 255, 0.16) !important;
  color: #a9b8ff !important;
}
html.te-dark body .card .badge.income,
html.te-dark body .lk.income {
  background: rgba(245, 138, 192, 0.16) !important;
  color: var(--d-pink) !important;
}
html.te-dark body .card .badge.coming,
html.te-dark body .lk.none {
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--d-muted-2) !important;
}
html.te-dark body .cta-row .secondary,
html.te-dark body .lp-price .btn-line {
  background: var(--d-surface-2) !important;
  border-color: var(--d-line) !important;
  color: #c3ceff !important;
}
/* 요금 카드 */
html.te-dark body .lp-price .pcard:not(.pcard--pro) .pv {
  color: #f4f6fc;
}
html.te-dark body .lp-price li .ck {
  background: rgba(123, 147, 255, 0.18) !important;
}
html.te-dark body .lp-price .pd,
html.te-dark body .lp-price .tier {
  color: var(--d-muted) !important;
}
html.te-dark body .lp-price .pcard--pro :is(.pd, .tier, li) {
  color: rgba(255, 255, 255, 0.86) !important;
}
html.te-dark body .lp-price .pcard--pro li {
  color: #fff !important;
}
/* 상단바 */
html.te-dark .te-top {
  background: rgba(12, 15, 29, 0.92) !important;
  border-bottom-color: var(--d-line) !important;
}
html.te-dark .te-top .te-logo {
  color: #f4f6fc !important;
}
html.te-dark .te-top .te-logo b {
  color: var(--d-blue) !important;
}
html.te-dark .te-top .te-nav a {
  color: var(--d-muted) !important;
}
html.te-dark .te-top .te-nav a:hover {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.06) !important;
}
html.te-dark .te-top .te-nav a[aria-current='page'] {
  color: var(--d-blue) !important;
}
/* 이용가이드(SPA) */
html.te-dark body .guide-page {
  background: var(--d-bg) !important;
  color: var(--d-text) !important;
}
html.te-dark body .guide-toc-item a {
  color: var(--d-muted) !important;
}
html.te-dark body .guide-toc-item.is-active a {
  background: var(--te-blue) !important;
  color: #fff !important;
}
html.te-dark body .guide-section-header {
  border-color: var(--d-line) !important;
}
html.te-dark body .guide-section-duration {
  background: rgba(123, 147, 255, 0.16) !important;
  color: #a9b8ff !important;
}
/* 세금계산기(Tailwind 유틸) */
html.te-dark body .bg-white {
  background-color: var(--d-surface) !important;
}
html.te-dark body .bg-slate-50,
html.te-dark body .bg-slate-100 {
  background-color: var(--d-surface-2) !important;
}
html.te-dark body .bg-\[\#eef2ff\] {
  background-color: rgba(123, 147, 255, 0.14) !important;
}
html.te-dark body :is(.text-slate-900, .text-slate-800, .text-slate-700) {
  color: var(--d-text) !important;
}
html.te-dark body :is(.text-slate-600, .text-slate-500, .text-slate-400) {
  color: var(--d-muted-2) !important;
}
html.te-dark body :is(.border-slate-100, .border-slate-200, .border-slate-300) {
  border-color: var(--d-line) !important;
}
html.te-dark body :is(input, select, textarea) {
  background: var(--d-surface-2) !important;
  color: var(--d-text) !important;
  border-color: var(--d-line) !important;
}
html.te-dark body input::placeholder {
  color: var(--d-muted-2) !important;
}
/* 보정 — 그라데이션 배너 위 글자는 흰색 유지(위 p/li 회색 규칙 제외) · Tailwind 투명도 변형 배경 */
html.te-dark body :is(.guide-hero, .pcard--pro) :is(p, li, span, h1, h2) {
  color: #fff !important;
}
/* 요금 카드 「★ 인기」 배지 = 흰 알약 위 파란 글자 — 위 span 흰색 규칙에 걸려 글자가 사라졌다(사용자 「배지가 비어있어」) */
html.te-dark body .pcard--pro .ribbon {
  color: #3b5bf5 !important;
}
html.te-dark body .guide-hero-eyebrow {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.18) !important;
}
html.te-dark body .guide-hero-description {
  color: rgba(255, 255, 255, 0.88) !important;
}
html.te-dark body [class*='bg-slate-50\/'],
html.te-dark body [class*='bg-white\/'] {
  background-color: var(--d-surface-2) !important;
}
html.te-dark body :is(.authority, .author-card),
html.te-dark body :is(.authority, .author-card) * {
  color: var(--d-muted) !important;
}
html.te-dark body :is(.authority, .author-card) :is(strong, b) {
  color: #f4f6fc !important;
}
html.te-dark body :is(.authority, .author-card) a {
  color: var(--d-blue) !important;
}
html.te-dark body .step .step-no,
html.te-dark body .step .step-time {
  background: var(--d-surface-2) !important;
  color: #c3ceff !important;
  border-color: var(--d-line) !important;
}
/* about 감수 세무사 카드 — inline style 흰 카드 */
html.te-dark body .advisor-card {
  background: var(--d-surface) !important;
  border-color: var(--d-line) !important;
}
html.te-dark body .advisor-card :is(li, p, div) {
  color: var(--d-muted) !important;
}
html.te-dark body .advisor-card > div:nth-child(2),
html.te-dark body .advisor-card strong {
  color: #f4f6fc !important;
}
html.te-dark body .advisor-card > div:first-child,
html.te-dark body .advisor-card a {
  color: var(--d-blue) !important;
}
html.te-dark body .advisor-card [style*='dashed'] {
  border-top-color: var(--d-line) !important;
}
html.te-dark body .advisor-card [style*='dashed'] > div:first-child {
  color: var(--d-blue) !important;
}

/* 테마 토글 — 다크 */
html.te-dark .te-theme {
  background: var(--d-surface) !important;
  border-color: var(--d-line) !important;
}
html.te-dark .te-theme button {
  color: var(--d-muted-2) !important;
}
html.te-dark .te-theme button:hover {
  color: var(--d-text) !important;
}
html.te-dark .te-theme button[aria-pressed='true'] {
  background: #f4f6fc !important;
  color: #14152a !important;
  box-shadow: none !important;
}

/* 붉은 글씨(흔한 실수·경고) — 다크 배경에서 짙은 빨강(#7f1d1d~#dc2626)은 묻힌다 → 밝은 산호색 계열로 */
html.te-dark body .guide-mistakes {
  background: rgba(248, 113, 113, 0.08) !important;
  border-color: rgba(248, 113, 113, 0.35) !important;
}
html.te-dark body .guide-mistakes-title {
  color: #ff8f8f !important;
}
html.te-dark body .guide-mistakes-items li,
html.te-dark body .guide-mistakes-items li strong {
  color: #f4f6fc !important;
}
html.te-dark body .guide-mistakes-items li::before {
  color: #ff8f8f !important;
}
html.te-dark body .guide-mistakes-fix {
  color: #ffb4b4 !important;
}
html.te-dark body :is(.text-red-500, .text-red-600, .text-red-700, .text-rose-500, .text-rose-600) {
  color: #ff8f8f !important;
}

/* 예시 사진 외곽 흰 띠(밝은 테두리 #e2e8f0·회색 바탕) — 다크에선 숨김(사용자 「사진 외곽 흰 띠 안보이게」) */
html.te-dark body .guide-sequence img,
html.te-dark body .annotated-screenshot-frame {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* 이용가이드 FAQ — 질문 글자(#0f172a)·hover 바탕이 다크에서 묻힘 */
html.te-dark body .guide-faq-question {
  background: transparent !important;
  color: #f4f6fc !important;
}
html.te-dark body .guide-faq-question:hover {
  background: var(--d-surface-2) !important;
}
html.te-dark body .guide-faq-q-text {
  color: #f4f6fc !important;
}
html.te-dark body .guide-faq-toggle {
  color: var(--d-muted) !important;
}
html.te-dark body .guide-faq-answer,
html.te-dark body .guide-faq-answer p {
  color: var(--d-muted) !important;
}
html.te-dark body .guide-faq-item {
  border-color: var(--d-line) !important;
}

/* 하단 시작 안내 — 다크 */
html.te-dark body .te-endcta {
  background: transparent !important;
  border-top-color: var(--d-line) !important;
}
html.te-dark body .te-endcta__txt strong {
  color: #f4f6fc !important;
}
html.te-dark body .te-endcta__txt p {
  color: var(--d-muted) !important;
}
html.te-dark body .te-endcta__btn {
  background: #4d6bff !important;
  color: #fff !important;
}

/* 푸터 위 구분선 — 정적 페이지 인라인 border(#0f172a·#e2e8f0 등)가 다크에서 흰 줄/검은 줄로 튄다 */
html.te-dark body :is(footer, .footer) {
  border-color: var(--d-line) !important;
}

/* 세무칼럼 「네이버 블로그에서 더 많은 글 보기」 — 다크 바탕에 짙은 글자(#0f172a)로 묻힘 */
html.te-dark body a.more {
  color: var(--d-text) !important;
}

/* 카카오톡 「채널 추가하기」(노란 버튼) — 다크 링크색(파랑) 덮어쓰기 제외, 카카오 지정 글자색 유지 */
html.te-dark body a.kakao-ch {
  background: #fee500 !important;
  color: #3c1e1e !important;
}

/* (2026-10-31 사용자 「화살표는 파란색」) 접고 펴는 질문(details/summary)의 ▶ 표식 = 파란색 — 정적 안내 페이지 공통.
   다크에선 summary 글자를 흰색(!important)으로 덮어 표식도 흰색이 됐다 → 표식만 따로 지정. */
summary::marker {
  color: var(--te-blue);
}
summary::-webkit-details-marker {
  color: var(--te-blue);
}
html.te-dark summary::marker,
html.te-dark summary::-webkit-details-marker {
  color: var(--d-blue);
}