/* 홈 Konsta 톤 통일 스킨.
   목적: 홈 랭킹(Konsta island)과 나머지 홈 섹션(히어로·AI한줄·뉴스·분석카드)의 룩을 하나로.
   방식: 기존 마크업·데이터 로직은 그대로 두고, 섹션 컨테이너/주요 내부요소의 외형만 override.
   로드 순서상 마지막(home.css/cats-carousel.css 뒤)이라 동일 특이성에서 우선 적용.
   테마: Ionic iOS 톤(iOS 그룹 팔레트 + ion-card 소프트 그림자), [data-theme="dark"] 오버라이드(앱 다크 방식과 동일, 미디어쿼리 미사용). */

:root {
  --kk-radius: 10px;                   /* Ionic iOS 인셋 리스트/카드 코너 */
  --kk-card: #ffffff;                  /* 카드 표면(라이트) */
  --kk-inset: #f2f2f7;                 /* 인셋/보조 타일 = iOS 그룹 배경 */
  --kk-sep: rgba(60, 60, 67, 0.12);    /* 구분선/테두리 = iOS hairline */
  --kk-text: #1c1c1e;                  /* 본문 = iOS 라벨 */
  --kk-sub: #8e8e93;                   /* 보조 텍스트 = iOS secondary label */
  --kk-shadow: 0 4px 16px rgba(0, 0, 0, 0.10);   /* Ionic iOS ion-card 소프트 큰 그림자 */
}
[data-theme="dark"] {
  --kk-card: #1c1c1e;
  --kk-inset: #2c2c2e;
  --kk-sep: rgba(120, 120, 128, 0.30);
  --kk-text: #f2f2f7;
  --kk-sub: #98989f;
  --kk-shadow: 0 4px 16px rgba(0, 0, 0, 0.50);
}

/* 홈 섹션 = Konsta 인셋 카드로 통일(히어로·AI한줄·뉴스·분석카드). */
#home-view > #home-hero,
#home-view > #home-news-oneliner,
#home-view > section.nx,
#home-view > section.an1 {
  background: var(--kk-card);
  border: 0;
  border-radius: var(--kk-radius);
  box-shadow: var(--kk-shadow);
  margin: 10px 12px;
  padding: 14px;
  box-sizing: border-box;
}

/* 뉴스 캐러셀은 가로 스크롤이라 좌우 패딩을 줄이고 내부에서 여백 처리. */
#home-view > section.nx {
  padding: 14px 0 14px 14px;
}

/* 히어로 지수 타일 — Konsta 인셋 타일 톤(중복 카드감 제거). */
#home-hero .hh-card {
  background: var(--kk-inset);
  border: 1px solid var(--kk-sep);
  border-radius: 12px;
  box-shadow: none;
}

/* 게이지/미니지표 라벨·값 색을 Konsta 뉴트럴로. */
#home-hero .k,
#home-hero .hh-asof {
  color: var(--kk-sub);
}
#home-hero .hh-nm,
#home-hero .v,
#home-hero .hgv {
  color: var(--kk-text);
}

/* AI 한줄 카드 — 강조 오렌지 대신 Konsta 뉴트럴 카드로 차분하게. */
#home-news-oneliner {
  color: var(--kk-text);
  font-size: 13.5px;
  line-height: 1.5;
}

/* 분석 컬러카드 섹션 헤더 — 뉴트럴 톤. */
#home-view > section.an1 .an-sec-h,
#home-view > section.nx .an-sec-h {
  color: var(--kk-text);
}

/* 섹션 간 상단 여백(첫 히어로는 위 여백 축소). */
#home-view > #home-hero { margin-top: 6px; }

/* ── 히어로 세부 Konsta 톤 심화 (외형만 — 데이터·생명주기 미건드림). ── */
/* 지수 카드 코너 = Konsta 반경 통일. */
#home-hero .hh-index.hh-card { border-radius: var(--kk-radius); }
/* 지표 라벨(공포탐욕/RSI/거래량·풋콜 등)·상승하락·수급 제목 = Konsta 보조색. */
#home-hero .hg .k,
#home-hero .hh-mini3 .k,
#home-hero .hh-ad .adk,
#home-hero .hh-flow2 .flow2t { color: var(--kk-sub); }
/* 미니 지표 상단 구분선 = Konsta hairline. */
#home-hero .hh-mini3 { border-top-color: var(--kk-sep); }
/* 상태 pill neutral = Konsta 뉴트럴 캡슐(둥근 캡슐 유지). */
#home-hero .hp-pill { border-radius: 999px; }
#home-hero .hp-p-neu { background: var(--kk-inset); color: var(--kk-sub); }
/* 수급/환율 chip = Konsta 뉴트럴 캡슐(브랜드 오렌지 대신 차분하게). */
#home-hero .hh-flow2 .fx-chip { background: var(--kk-inset); color: var(--kk-sub); }
#home-hero .hh-flow2 .fx-chip b { color: var(--kk-text); }