/* 투자한판 App Shell 내부 페이지별 가독성 보정. 공통 크기는 design-system.css가 관리한다. */
.hp-embedded button,.hp-embedded input,.hp-embedded select,.hp-embedded textarea{font-family:inherit}
.hp-embedded,.hp-embedded main{background:#07111f!important}
.hp-embedded .why-invest-shell,.hp-embedded .why-invest-wrap,
.hp-embedded .start-dashboard,.hp-embedded .pre-hero,.hp-embedded .money-hero,
.hp-embedded .pre-section,.hp-embedded .money-section{background:transparent!important}

/* 레거시 hero의 외곽만 제거한다. 제목/여백/폭은 design-system.css가 단독 관리한다. */
.hp-embedded .pre-hero,.hp-embedded .money-hero{padding:0!important;background:transparent!important}
.hp-embedded .hero:has(>.hp-title-region),.hp-embedded .flow-page-hero:has(.hp-title-region){padding:0!important}

/* 모든 App Shell 콘텐츠의 공통 페이지 위계 */
.hp-embedded [data-hp-legacy-nav="true"]{display:none!important}
.hp-embedded>.site-header,.hp-embedded>.calendar-back,
.hp-embedded>.wrap>.top,.hp-embedded>.wrap>.detailNav,
.hp-embedded>.wrap>.rankContextNav{display:none!important}
.hp-embedded main>.hero,.hp-embedded>.hero{padding-top:42px;padding-bottom:28px}
.hp-embedded main>.hero h1,.hp-embedded>.hero h1{font-size:40px;line-height:1.12;letter-spacing:-.045em}
.hp-embedded main>.hero .lead,.hp-embedded>.hero>p,
.hp-embedded main>.hero p{font-size:14px;line-height:1.75}
.hp-embedded main>.hero .eyebrow,.hp-embedded>.hero .eyebrow{font-size:11px;letter-spacing:.14em}
.hp-embedded .flow-page-hero{padding:48px 0 30px}
.hp-embedded .flow-page-hero h1{font-size:44px;line-height:1.12;letter-spacing:-.045em}
.hp-embedded .flow-page-hero p{max-width:900px;font-size:14px;line-height:1.8}
.hp-embedded .flow-page-hero .kicker{font-size:11px}
.hp-embedded .section-head h2,.hp-embedded .sectionHead h2,
.hp-embedded .panelHead h2{line-height:1.25}
.hp-embedded .footer{margin-top:32px}

/* 구형 학습·상세 페이지도 동일한 밀도로 수렴 */
.hp-view-methods .hero h1,.hp-view-terms .hero h1,.hp-view-history .hero h1,
.hp-view-thoughts .hero h1,.hp-view-theme .hero h1,.hp-view-practice .hero h1{font-size:40px!important}
.hp-view-methods .lead,.hp-view-terms .lead,.hp-view-history .lead,
.hp-view-thoughts .lead,.hp-view-theme .lead,.hp-view-practice .lead{font-size:14px!important;line-height:1.75!important}
.hp-view-methods .card h3,.hp-view-terms .card h3,.hp-view-history .card h3,
.hp-view-thoughts .card h3,.hp-view-theme .card h3{font-size:18px}
.hp-view-detail .detailNav,.hp-view-etf .detailNav{display:none!important}
.hp-view-detail .wrap,.hp-view-etf .wrap{padding-top:24px}
.hp-view-calendar .calendar-back{display:none!important}
.hp-view-calendar .calendar-toolbar h2{font-size:26px}
.hp-view-calendar .calendar-filters button,.hp-view-calendar .today-btn{min-height:38px;font-size:12px}

/* 읽어보기 본문 위계. 페이지 헤더는 공통 컴포넌트에서 관리한다. */
.hp-page-start .why-stage-kicker,.hp-page-start .panel-kicker,
.hp-page-start .flow-block-head .small,.hp-page-start .compare-chip,
.hp-page-start .start-profile-kicker,.hp-page-start .start-stat-label{font-size:11px}
.hp-page-start .why-panel p,
.hp-page-start .compare-card p,.hp-page-start .compare-card li,
.hp-page-start .role-card p,.hp-page-start .feature-point p,
.hp-page-start .start-dashboard p{font-size:14px;line-height:1.72}
.hp-page-start .feature-point strong,.hp-page-start .role-card strong{font-size:15px}
.hp-page-start .compare-card h3,.hp-page-start .start-dashboard h3{font-size:20px}
.hp-page-start .flow-more,.hp-page-start .bridge-link,
.hp-page-start .start-style-action a,.hp-page-start button{font-size:13px}

/* 종목검색 */
.hp-page-search .hero{padding:0}
.hp-page-search .panel{padding:20px;border-radius:17px}
.hp-page-search .statusRow strong,.hp-page-search .themeHead h2{font-size:20px}
.hp-page-search .status,.hp-page-search .filterLabel,
.hp-page-search .finderResultDesc{font-size:13px}
.hp-page-search .search{min-height:54px;font-size:17px}
.hp-page-search .resultMain{min-height:54px}
.hp-page-search .stockName,.hp-page-search .finderName{font-size:14px}
.hp-page-search .stockSub,.hp-page-search .finderPrice{font-size:12px}
.hp-page-search .market,.hp-page-search .finderThemeBadge,
.hp-page-search .finderScore span,.hp-page-search .themeGroupTitle,
.hp-page-search .themeChipCount{font-size:10.5px}
.hp-page-search .themePickerToggle,.hp-page-search .selectedThemeChip,
.hp-page-search .fchip,.hp-page-search .indicatorOption,
.hp-page-search .sortBtn,.hp-page-search .btn{min-height:36px;font-size:12px}
.hp-page-search .indicatorInfoName{font-size:13px}

/* 기술지표 랭킹 */
.hp-embedded.hp-page-rank .rankContextNav{display:none!important}
.hp-page-rank .header{align-items:flex-end}
.hp-page-rank .topNote{font-size:12px}
.hp-page-rank .filterHead h2,.hp-page-rank .resultHead h2{font-size:20px}
.hp-page-rank .resultHead p,.hp-page-rank .chipsLoading{font-size:13px}
.hp-page-rank .chip,.hp-page-rank .input,.hp-page-rank .loadMoreBtn{min-height:38px;font-size:13px}
.hp-page-rank .stockName{font-size:15px}.hp-page-rank .stockMeta{font-size:12px}
.hp-page-rank .stockIndicator span{font-size:11px}

/* 오늘의 시장 */
.hp-page-market .sectionKicker{font-size:11px}
.hp-page-market .sectionHead h2{font-size:25px}.hp-page-market .sectionMeta{font-size:12px}
.hp-page-market .headlineCard .label,.hp-page-market .headlineCard .hint{font-size:11px}
.hp-page-market .blockTitle strong{font-size:15px}.hp-page-market .blockTitle span{font-size:11px}
.hp-page-market .stockName strong{font-size:13px}.hp-page-market .stockName span{font-size:10.5px}
.hp-page-market .stockMetric{font-size:12px}.hp-page-market .stockMetric small{font-size:10px}
.hp-page-market .stockGo,.hp-page-market .themeCount,
.hp-page-market .themeSub,.hp-page-market .themeLeaders,.hp-page-market .footnote{font-size:11px}

/* 투자사전 */
.hp-page-dictionary .dict-tabs button,.hp-page-dictionary .dict-quick button{min-height:36px;font-size:12px}
.hp-page-dictionary .dict-card .cat{font-size:10.5px}.hp-page-dictionary .dict-card .en{font-size:11px}
.hp-page-dictionary .dict-card p{font-size:12.5px;line-height:1.65}

/* 진단 및 마이페이지 */
.hp-page-diagnosis .style-result>span{font-size:11px}
.hp-page-diagnosis .diagnosis-card-top>span{font-size:10.5px}
.hp-page-diagnosis .diagnosis-card small,.hp-page-diagnosis .quiz-counter{font-size:11px}
.hp-page-diagnosis .diagnosis-start{min-height:44px;font-size:13px}
.hp-page-mypage .panel-toolbar span,.hp-page-mypage .stock-link small{font-size:12px}
.hp-page-mypage .record-cell .cell-label,.hp-page-mypage .analysis-prompt-wrap small{font-size:11px}

@media(max-width:700px){
  .hp-page-start .why-panel p,
  .hp-page-start .compare-card p,.hp-page-start .compare-card li,
  .hp-page-start .role-card p,.hp-page-start .feature-point p{font-size:13.5px}
  .hp-page-search .hero{padding:0}
  .hp-page-search .panel{padding:15px}.hp-page-search .search{font-size:16px}
  .hp-page-rank .header{align-items:flex-start;gap:12px}
  .hp-embedded main>.hero,.hp-embedded>.hero{padding-top:30px;padding-bottom:22px}
  .hp-embedded main>.hero h1,.hp-embedded>.hero h1,
  .hp-view-methods .hero h1,.hp-view-terms .hero h1,.hp-view-history .hero h1,
  .hp-view-thoughts .hero h1,.hp-view-theme .hero h1,.hp-view-practice .hero h1{font-size:32px!important}
  .hp-embedded .flow-page-hero{padding:36px 0 24px}
  .hp-embedded .flow-page-hero h1{font-size:34px}
  .hp-view-calendar .calendar-page{padding-top:18px}
  .hp-view-calendar .calendar-toolbar h2{font-size:22px}
}