/* 전역 Konsta iOS 스킨 — 모든 .content 탭 뷰(뉴스·분석·섹터·더보기 등) 공통 요소를
   Konsta iOS 톤으로 통일. 외형만(색·코너·hairline·소프트 그림자). vanilla 마크업·JS·데이터 미건드림.
   토큰(--kk-*)은 home-konsta-skin.css :root/[data-theme=dark] 정의 재사용(전역). #home-view 는 자체 skin 이라 제외. */

/* ── 카드류 = iOS 그룹 카드(흰 배경·코너·hairline·소프트 그림자) ── */
main.content .analysis-card,
main.content .ntab-brief-card,
main.content .ah-soon,
main.content .card {
  background: var(--kk-card, #fff) !important;
  border: 1px solid var(--kk-sep, rgba(60, 60, 67, 0.12)) !important;
  border-radius: var(--kk-radius, 12px) !important;
  box-shadow: var(--kk-shadow, 0 1px 3px rgba(0, 0, 0, 0.06)) !important;
}

/* AI 뉴스 브리핑 카드 — 오렌지 강조 → Konsta 뉴트럴 */
main.content .ntab-brief-card { color: var(--kk-text, #1c1c1e); }
main.content .ntab-kicker {
  color: var(--kk-sub, #8e8e93) !important;
  background: var(--kk-inset, #f2f2f7) !important;
}
main.content .ntab-headline { color: var(--kk-text, #1c1c1e); }
main.content .ntab-summary { color: var(--kk-sub, #8e8e93); }

/* ── 타이틀·라벨 타이포 = Konsta 뉴트럴 ── */
main.content .page-title,
main.content .ah-gt,
main.content .ntab-sec-lab,
main.content .sec-hm-list-lab { color: var(--kk-text, #1c1c1e); }
main.content .ah-cap,
main.content .ntab-src-meta { color: var(--kk-sub, #8e8e93); }

/* ── 뉴스 피드 아이템 = iOS 리스트 카드 ── */
main.content .ntab-src {
  background: var(--kk-card, #fff);
  border: 1px solid var(--kk-sep, rgba(60, 60, 67, 0.12));
  border-radius: var(--kk-radius, 12px);
  box-shadow: var(--kk-shadow, 0 1px 3px rgba(0, 0, 0, 0.06));
  padding: 12px;
  margin-bottom: 10px;
}
main.content .ntab-thumb { border-radius: 10px; }
main.content .ntab-src-title { color: var(--kk-text, #1c1c1e); }

/* ── 섹터 업종 등락 리스트 = iOS 리스트 카드 ── */
main.content .sec-hm-li {
  background: var(--kk-card, #fff);
  border: 1px solid var(--kk-sep, rgba(60, 60, 67, 0.12));
  border-radius: 10px;
}
main.content .sec-hm-li-nm { color: var(--kk-text, #1c1c1e); }

/* ── 기간/토글 버튼 = Konsta iOS 세그먼트 톤 ── */
main.content .pt-btn {
  border-radius: 8px;
  color: var(--kk-sub, #8e8e93);
}
main.content .pt-btn.active {
  background: var(--kk-card, #fff);
  color: var(--kk-text, #1c1c1e);
  box-shadow: var(--kk-shadow, 0 1px 3px rgba(0, 0, 0, 0.06));
}

/* ── 서브탭 pill(섹터현황/모멘텀/밸류, 분석 하위 등) → iOS 세그먼트 컨트롤 ── */
.n4-sub {
  display: inline-flex !important;
  gap: 0 !important;
  background: var(--kk-inset, #f2f2f7);
  border-radius: 9px;
  padding: 2px;
}
.n4-sub .n4-chip {
  border: 0 !important;
  background: transparent !important;
  color: var(--kk-sub, #8e8e93) !important;
  border-radius: 7px !important;
  box-shadow: none !important;
  padding: 6px 14px !important;
  font-weight: 600;
  margin: 0 !important;
}
.n4-sub .n4-chip.on {
  background: var(--kk-card, #fff) !important;
  color: var(--kk-text, #1c1c1e) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14) !important;
}

/* ── 분석 허브 카드 세부(미니 시각화·뱃지) → Konsta iOS ── */
/* 화살표 뱃지: 오렌지 → iOS 뉴트럴 chevron */
main.content .ah-g::after {
  background: var(--kk-inset, #f2f2f7) !important;
  color: var(--kk-sub, #8e8e93) !important;
}
main.content .ah-g:hover::after {
  background: var(--kk-sep, rgba(60, 60, 67, 0.12)) !important;
  color: var(--kk-text, #1c1c1e) !important;
}
/* 카드 hover 테두리 오렌지 → 뉴트럴 소프트 */
main.content .ah-g:hover {
  border-color: var(--kk-sep, rgba(60, 60, 67, 0.12)) !important;
  box-shadow: var(--kk-shadow, 0 1px 3px rgba(0, 0, 0, 0.06)) !important;
}
/* 펀더멘털·버핏 슬라이더 트랙 중립색 → iOS 그레이(상승 빨강/하락 파랑 유지) */
main.content .ahv-track {
  background: linear-gradient(90deg, #3b82f6, #e5e5ea 50%, #ef4444) !important;
}
/* 거시경제 미니 라인차트 오렌지 → Konsta 뉴트럴(CSS 가 인라인 SVG stroke 속성 override) */
main.content #ahv-macro svg polyline,
main.content #ahv-macro svg path {
  stroke: var(--kk-sub, #8e8e93) !important;
}

/* ── 로딩 스피너 → Konsta iOS Preloader(8스포크 steps 회전). 스켈레톤(.skel)은 제외. ── */
.loading-spinner {
  background: var(--kk-sub, #8e8e93) !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22currentcolor%22%3E%3Cpath%20d%3D%22M10%2C0%20C10.5522847%2C0%2011%2C0.44771525%2011%2C1%20L11%2C6%20C11%2C6.55228475%2010.5522847%2C7%2010%2C7%20C9.44771525%2C7%209%2C6.55228475%209%2C6%20L9%2C1%20C9%2C0.44771525%209.44771525%2C0%2010%2C0%20Z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M10%2C13%20C10.5522847%2C13%2011%2C13.4477153%2011%2C14%20L11%2C19%20C11%2C19.5522847%2010.5522847%2C20%2010%2C20%20C9.44771525%2C20%209%2C19.5522847%209%2C19%20L9%2C14%20C9%2C13.4477153%209.44771525%2C13%2010%2C13%20Z%22%20opacity%3D%22.64%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M13%2C10%20C13%2C9.44771525%2013.4477153%2C9%2014%2C9%20L19%2C9%20C19.5522847%2C9%2020%2C9.44771525%2020%2C10%20C20%2C10.5522847%2019.5522847%2C11%2019%2C11%20L14%2C11%20C13.4477153%2C11%2013%2C10.5522847%2013%2C10%20Z%22%20opacity%3D%22.82%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M-3.8285687e-16%2C10%20C-3.8285687e-16%2C9.44771525%200.44771525%2C9%201%2C9%20L6%2C9%20C6.55228475%2C9%207%2C9.44771525%207%2C10%20C7%2C10.5522847%206.55228475%2C11%206%2C11%20L1%2C11%20C0.44771525%2C11%20-3.8285687e-16%2C10.5522847%20-3.8285687e-16%2C10%20Z%22%20opacity%3D%22.46%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M2.92912627%2C2.92912627%20C3.31965056%2C2.53860197%203.95281554%2C2.53860197%204.34333983%2C2.92912627%20L7.87887373%2C6.46466017%20C8.26939803%2C6.85518446%208.26939803%2C7.48834944%207.87887373%2C7.87887373%20C7.48834944%2C8.26939803%206.85518446%2C8.26939803%206.46466017%2C7.87887373%20L2.92912627%2C4.34333983%20C2.53860197%2C3.95281554%202.53860197%2C3.31965056%202.92912627%2C2.92912627%20Z%22%20opacity%3D%22.37%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M12.1211263%2C12.1211263%20C12.5116506%2C11.730602%2013.1448155%2C11.730602%2013.5353398%2C12.1211263%20L17.0708737%2C15.6566602%20C17.461398%2C16.0471845%2017.461398%2C16.6803494%2017.0708737%2C17.0708737%20C16.6803494%2C17.461398%2016.0471845%2C17.461398%2015.6566602%2C17.0708737%20L12.1211263%2C13.5353398%20C11.730602%2C13.1448155%2011.730602%2C12.5116506%2012.1211263%2C12.1211263%20Z%22%20opacity%3D%22.73%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M12.1211263%2C7.87887373%20C11.730602%2C7.48834944%2011.730602%2C6.85518446%2012.1211263%2C6.46466017%20L15.6566602%2C2.92912627%20C16.0471845%2C2.53860197%2016.6803494%2C2.53860197%2017.0708737%2C2.92912627%20C17.461398%2C3.31965056%2017.461398%2C3.95281554%2017.0708737%2C4.34333983%20L13.5353398%2C7.87887373%20C13.1448155%2C8.26939803%2012.5116506%2C8.26939803%2012.1211263%2C7.87887373%20Z%22%20opacity%3D%22.91%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M2.92912627%2C17.0708737%20C2.53860197%2C16.6803494%202.53860197%2C16.0471845%202.92912627%2C15.6566602%20L6.46466017%2C12.1211263%20C6.85518446%2C11.730602%207.48834944%2C11.730602%207.87887373%2C12.1211263%20C8.26939803%2C12.5116506%208.26939803%2C13.1448155%207.87887373%2C13.5353398%20L4.34333983%2C17.0708737%20C3.95281554%2C17.461398%203.31965056%2C17.461398%202.92912627%2C17.0708737%20Z%22%20opacity%3D%22.55%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22currentcolor%22%3E%3Cpath%20d%3D%22M10%2C0%20C10.5522847%2C0%2011%2C0.44771525%2011%2C1%20L11%2C6%20C11%2C6.55228475%2010.5522847%2C7%2010%2C7%20C9.44771525%2C7%209%2C6.55228475%209%2C6%20L9%2C1%20C9%2C0.44771525%209.44771525%2C0%2010%2C0%20Z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M10%2C13%20C10.5522847%2C13%2011%2C13.4477153%2011%2C14%20L11%2C19%20C11%2C19.5522847%2010.5522847%2C20%2010%2C20%20C9.44771525%2C20%209%2C19.5522847%209%2C19%20L9%2C14%20C9%2C13.4477153%209.44771525%2C13%2010%2C13%20Z%22%20opacity%3D%22.64%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M13%2C10%20C13%2C9.44771525%2013.4477153%2C9%2014%2C9%20L19%2C9%20C19.5522847%2C9%2020%2C9.44771525%2020%2C10%20C20%2C10.5522847%2019.5522847%2C11%2019%2C11%20L14%2C11%20C13.4477153%2C11%2013%2C10.5522847%2013%2C10%20Z%22%20opacity%3D%22.82%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M-3.8285687e-16%2C10%20C-3.8285687e-16%2C9.44771525%200.44771525%2C9%201%2C9%20L6%2C9%20C6.55228475%2C9%207%2C9.44771525%207%2C10%20C7%2C10.5522847%206.55228475%2C11%206%2C11%20L1%2C11%20C0.44771525%2C11%20-3.8285687e-16%2C10.5522847%20-3.8285687e-16%2C10%20Z%22%20opacity%3D%22.46%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M2.92912627%2C2.92912627%20C3.31965056%2C2.53860197%203.95281554%2C2.53860197%204.34333983%2C2.92912627%20L7.87887373%2C6.46466017%20C8.26939803%2C6.85518446%208.26939803%2C7.48834944%207.87887373%2C7.87887373%20C7.48834944%2C8.26939803%206.85518446%2C8.26939803%206.46466017%2C7.87887373%20L2.92912627%2C4.34333983%20C2.53860197%2C3.95281554%202.53860197%2C3.31965056%202.92912627%2C2.92912627%20Z%22%20opacity%3D%22.37%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M12.1211263%2C12.1211263%20C12.5116506%2C11.730602%2013.1448155%2C11.730602%2013.5353398%2C12.1211263%20L17.0708737%2C15.6566602%20C17.461398%2C16.0471845%2017.461398%2C16.6803494%2017.0708737%2C17.0708737%20C16.6803494%2C17.461398%2016.0471845%2C17.461398%2015.6566602%2C17.0708737%20L12.1211263%2C13.5353398%20C11.730602%2C13.1448155%2011.730602%2C12.5116506%2012.1211263%2C12.1211263%20Z%22%20opacity%3D%22.73%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M12.1211263%2C7.87887373%20C11.730602%2C7.48834944%2011.730602%2C6.85518446%2012.1211263%2C6.46466017%20L15.6566602%2C2.92912627%20C16.0471845%2C2.53860197%2016.6803494%2C2.53860197%2017.0708737%2C2.92912627%20C17.461398%2C3.31965056%2017.461398%2C3.95281554%2017.0708737%2C4.34333983%20L13.5353398%2C7.87887373%20C13.1448155%2C8.26939803%2012.5116506%2C8.26939803%2012.1211263%2C7.87887373%20Z%22%20opacity%3D%22.91%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M2.92912627%2C17.0708737%20C2.53860197%2C16.6803494%202.53860197%2C16.0471845%202.92912627%2C15.6566602%20L6.46466017%2C12.1211263%20C6.85518446%2C11.730602%207.48834944%2C11.730602%207.87887373%2C12.1211263%20C8.26939803%2C12.5116506%208.26939803%2C13.1448155%207.87887373%2C13.5353398%20L4.34333983%2C17.0708737%20C3.95281554%2C17.461398%203.31965056%2C17.461398%202.92912627%2C17.0708737%20Z%22%20opacity%3D%22.55%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center / contain no-repeat;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  animation: konsta-ios-preloader-spin 1s steps(8, end) infinite !important;
}
@keyframes konsta-ios-preloader-spin { to { transform: rotate(360deg); } }