/* t350 v2 최종디자인 공통 규칙 — 배경·헤더·화면별 문구/배치만. 계산·데이터 무관. */
/* 1) 단일 공통 숲 배경(뷰포트 고정 레이어, cover, 반복 없음) */
html.v2f,html.v2f body{background:#001b1c none!important}
html.v2f body::before{content:""!important;display:block!important;position:fixed!important;inset:0!important;z-index:-1!important;pointer-events:none!important;
 background:linear-gradient(rgba(0,14,18,.22),rgba(0,14,18,.22)),url(assets/v2f/forest-bg.webp) center/cover no-repeat!important;filter:none!important;opacity:1!important;transform:none!important}
html.v2f .mobile-app,html.v2f .lab-main,html.v2f main.fd,html.v2f .fd-body main{background:transparent!important;border-inline:0!important}
/* 2) 공통 헤더: 좌 지폐 로고 / 우 연구소 대문 — 각 1개, 동일 크기·여백 */
html.v2f header.v2f-head{position:relative!important;z-index:30;display:flex!important;justify-content:space-between;align-items:center;box-sizing:border-box;
 width:100%;max-width:430px;height:auto!important;margin:0 auto!important;padding:calc(10px + env(safe-area-inset-top)) 16px 6px!important;background:none!important;border:0!important}
html.v2f .v2f-logo{display:block;line-height:0}
html.v2f .v2f-logo img{display:block;height:44px;width:auto;object-fit:contain}
html.v2f .v2f-gate{display:flex!important;align-items:center;justify-content:flex-end;min-height:44px;min-width:44px;padding:0!important;background:none!important;border:0!important;line-height:0}
html.v2f .v2f-gate img{display:block;height:34px;width:auto;object-fit:contain}
/* 기존 로고·대문 버튼 중복 제거 */
html.v2f .portal-return-bar,html.v2f .pv-top:not(.v2f-head),html.v2f .lv2-logo,html.v2f .fd-top .fd-brand,html.v2f .entry-heading>span,
html.v2f .mobile-header,html.v2f header.fx-brand,html.v2f .lab-header .lab-brand{display:none!important}
html.v2f .fd-top{justify-content:flex-end}
/* 3) 하단바 여백(safe-area) — 본문 가림 방지 */
html.v2f body{padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}

/* 06·07 계좌·거래관리: 차분한 진녹색 주요 버튼, 흰색 제목 */
html.v2f .lv2-head h1{color:#fff!important}
html.v2f .lv2-cta,html.v2f .mu-save{background:linear-gradient(180deg,#1f7a52,#145a3c)!important;border:1px solid #3fae7c!important;color:#fff!important;box-shadow:0 6px 16px rgba(0,40,24,.35)!important}

/* 16 개별 ETF 검색 첫 화면 */
html.v2f body[data-view="analysis-entry"] .entry-guide{display:none!important}
html.v2f .v2f-items{margin:18px 0 0;padding:14px 12px 16px;border-radius:16px;background:rgba(4,28,22,.72);border:1px solid rgba(120,230,170,.28)}
html.v2f .v2f-items h2{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:16px;font-weight:800;color:#fff}
html.v2f .v2f-items h2::before{content:"";width:18px;height:16px;background:linear-gradient(90deg,#5fe0a0 0 4px,transparent 4px 7px,#5fe0a0 7px 11px,transparent 11px 14px,#5fe0a0 14px) bottom/100% 100% no-repeat;clip-path:polygon(0 60%,4px 60%,4px 100%,0 100%,0 60%,7px 30%,11px 30%,11px 100%,7px 100%,7px 30%,14px 0,18px 0,18px 100%,14px 100%)}
html.v2f .v2f-items ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
html.v2f .v2f-items li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:64px;padding:8px 2px;border-radius:10px;background:rgba(20,70,50,.55);border:1px solid rgba(120,230,170,.30);color:#e9fff3;font-size:11px;font-weight:700;text-align:center;line-height:1.2;word-break:keep-all}
html.v2f .v2f-items svg{width:24px;height:24px;stroke:#6ff0b0;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:370px){html.v2f .v2f-items ul{gap:4px}html.v2f .v2f-items li{font-size:10px;padding:8px 0}}
html.v2f .entry-heading h1,html.v2f .entry-heading h1 *{color:#fff!important}

/* 17 개별 ETF 상세분석: 제목 전체 흰색, 종목목록 버튼 */
html.v2f .fx-eyebrow{display:flex!important;align-items:flex-start;justify-content:space-between;gap:10px}
html.v2f .fx-eyebrow .fx-title{display:block;margin:0;font-size:22px;line-height:1.3;font-weight:800;color:#fff!important;-webkit-text-fill-color:#fff!important}
html.v2f .fx-eyebrow .fx-sub{display:block;margin:4px 0 0;font-size:12px;line-height:1.45;color:#cfe3da!important;font-weight:500}
html.v2f .fx-eyebrow-label{display:none!important}
html.v2f a.fx-back,html.v2f a.v2f-listbtn{flex:none;display:inline-flex!important;align-items:center;gap:6px;min-height:36px;padding:0 12px!important;border-radius:18px;border:1px solid rgba(120,230,170,.55)!important;background:rgba(10,50,34,.7)!important;color:#e9fff3!important;font-size:13px!important;font-weight:700;text-decoration:none;white-space:nowrap}
html.v2f a.fx-back::before,html.v2f a.v2f-listbtn::before{content:"←";font-weight:800}

/* 18 종목간 비교분석: 제목행 + 우측 종목목록, 기간 패널 상단(달력 아이콘) */
html.v2f .v2f-titlerow{display:flex!important;align-items:center;justify-content:space-between;gap:10px}
html.v2f .v2f-titlerow h1{margin:0}
html.v2f body[data-view="comparison-selection"] main.analysis-entry>.compare-panel.v2f-period>h2::before{counter-increment:none!important;content:""!important;
 background:rgba(20,70,50,.55) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236ff0b0' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E") center/18px no-repeat!important}

/* 19 용어·지표 이해하기: 바이블 삭제, 흰 제목, 상세분석 > , 9개 동일 pill */
html.v2f .u252-book{display:none!important}
html.v2f .u252-hero{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:6px 0 14px!important;display:flex!important;align-items:flex-start;justify-content:space-between;gap:10px}
html.v2f .u252-hero h1{color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important;font-size:22px!important;margin:0 0 4px!important}
html.v2f a#terms-back{flex:none;order:2;display:inline-flex!important;align-items:center;min-height:36px;padding:0 12px!important;margin:0!important;border-radius:18px;border:1px solid rgba(120,230,170,.6)!important;background:rgba(10,50,34,.7)!important;color:#e9fff3!important;font-size:13px!important;font-weight:700;text-decoration:none;white-space:nowrap}
html.v2f .terms-nav.u25-nav{display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px}
html.v2f .terms-nav .u25-nav-title{grid-column:1/-1;margin:0 0 2px}
html.v2f .terms-nav .u25-cat,html.v2f .terms-nav .u25-chips{display:contents!important}
html.v2f .terms-nav .u25-cat-name{display:none!important}
html.v2f .terms-nav .u25-chips a{display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:100%!important;height:36px!important;min-height:36px;margin:0!important;padding:0 4px!important;border-radius:18px!important;
 background:rgba(20,70,50,.6)!important;border:1px solid rgba(120,230,170,.45)!important;color:#e9fff3!important;font-size:12px!important;line-height:1.2!important;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ===== t351 2차 보정 ===== */
/* 공통 하단 메뉴(03·04·05·06~12·16~19): 공식 아이콘 4개, 같은 크기·위치·활성색 */
html.v2f nav.lab-bottom.mc-nav,html.v2f nav.service-bottom{display:flex!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:40;box-sizing:border-box!important;height:calc(66px + env(safe-area-inset-bottom))!important;padding:0 0 env(safe-area-inset-bottom)!important;gap:0!important;justify-content:space-around;
 background:linear-gradient(180deg,rgba(6,34,28,.96),rgba(2,20,17,.98))!important;border-top:1px solid rgba(120,230,170,.30)!important;border-radius:18px 18px 0 0;box-shadow:0 -6px 18px rgba(0,0,0,.35)!important;transform:none}
@media(min-width:600px){html.v2f nav.lab-bottom.mc-nav,html.v2f nav.service-bottom{width:440px;left:50%!important;right:auto!important;transform:translateX(-50%)!important}}
html.v2f nav.mc-nav a,html.v2f nav.service-bottom a{flex:1 1 0!important;min-width:0!important;min-height:44px!important;height:66px!important;position:relative!important;display:block!important;box-sizing:border-box;padding:38px 0 0!important;margin:0!important;
 background:none!important;border:0!important;box-shadow:none!important;color:#eef6f2!important;-webkit-text-fill-color:#eef6f2!important;font:700 14px/20px system-ui,sans-serif!important;text-align:center!important;text-decoration:none!important;white-space:nowrap}
html.v2f body nav.lab-bottom.mc-nav a::before,html.v2f body.has-service-bottom nav.service-bottom a::before{content:''!important;display:block!important;position:absolute!important;left:calc(50% - 15px)!important;top:8px!important;width:30px!important;height:28px!important;background:currentColor!important;
 -webkit-mask:var(--ic) center/contain no-repeat!important;mask:var(--ic) center/contain no-repeat!important;border:0!important;border-radius:0!important;opacity:1!important}
html.v2f nav.mc-nav a::after,html.v2f nav.service-bottom a::after{display:none!important}
html.v2f nav.mc-nav a:nth-child(1),html.v2f nav.service-bottom a:nth-child(1){--ic:url(assets/mock/i-nav-home.webp)}
html.v2f nav.mc-nav a:nth-child(2),html.v2f nav.service-bottom a:nth-child(2){--ic:url(assets/mock/i-nav-compass.webp)}
html.v2f nav.mc-nav a:nth-child(3),html.v2f nav.service-bottom a:nth-child(3){--ic:url(assets/mock/i-nav-mgmt.webp)}
html.v2f nav.mc-nav a:nth-child(4),html.v2f nav.service-bottom a:nth-child(4){--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6h14M24 6v14L12 46a6 6 0 0 0 5.5 8.5h19A6 6 0 0 0 42 46L30 20V6' stroke-width='4.2'/%3E%3Cpath d='M15.5 40h23l3 6.5a5 5 0 0 1-4.6 7H17.1a5 5 0 0 1-4.6-7z' fill='%23000' stroke='none'/%3E%3Cpath d='M44 16l12 40M50 12l12 40M45.8 22.5l6-1.6M48 30.5l6-1.6M50.2 38.5l6-1.6M52.4 46.5l6-1.6' stroke-width='3.6'/%3E%3C/svg%3E")}
html.v2f body nav.lab-bottom.mc-nav a.active.active,html.v2f body nav.mc-nav a.active,html.v2f body.has-service-bottom nav.service-bottom a.active.active{color:#7af0c4!important;-webkit-text-fill-color:#7af0c4!important;background:none!important}

/* 03 내 자산현황: 승인 이미지 카드 구성(제목 → 총액+4분류 → TOP5 → 계좌별 총액 → 버튼 3개) */
html.v2f .av2-head{display:flex!important;align-items:center;min-height:0!important;height:auto!important;padding:0!important;margin:2px 0 8px!important}
html.v2f .av2-head img,html.v2f .av2-head p{display:none!important}
html.v2f .av2-head h1{display:flex!important;align-items:center;gap:6px;margin:0!important;font-size:17px!important;line-height:1.3!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html.v2f .av2-head h1::before{content:"";width:16px;height:14px;background:#5ff0a8;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14'%3E%3Crect x='0' y='8' width='3' height='6'/%3E%3Crect x='6' y='4' width='3' height='10'/%3E%3Crect x='12' y='0' width='3' height='14'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14'%3E%3Crect x='0' y='8' width='3' height='6'/%3E%3Crect x='6' y='4' width='3' height='10'/%3E%3Crect x='12' y='0' width='3' height='14'/%3E%3C/svg%3E") center/contain no-repeat}
html.v2f .av2 .av2-card{background:rgba(4,30,24,.74)!important;border:1px solid rgba(120,230,170,.30)!important;border-radius:14px!important;padding:12px!important;margin:0 0 10px!important}
html.v2f .av2-total{text-align:center}
html.v2f .av2-total .av2-tl{justify-content:center!important;margin:0 0 2px!important;font-size:13px!important}
html.v2f .av2-total .av2-tl .av2-ic{display:none!important}
html.v2f .av2-total .av2-amt{font-size:32px!important;line-height:1.15!important;margin:0!important;text-align:center!important}
html.v2f .av2-total .av2-sub{margin:2px 0 6px!important;font-size:12px!important;text-align:center!important}
html.v2f .av2-total .sfx-fxw{justify-content:center!important;margin:0 0 4px!important}
html.v2f .av2-total .av2-pl{margin:0 0 6px!important;font-size:12px!important;text-align:center!important}
html.v2f .av2-total .av2-mix{margin:4px 0 0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
html.v2f .av2-total .av2-mx-t{display:none!important}
html.v2f .av2-total .av2-mx-g{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:4px!important}
html.v2f .av2-total .av2-mx-c{min-height:0!important;padding:6px 2px 7px!important;border-radius:8px!important;background:rgba(20,70,50,.40)!important;border:0!important;text-align:center!important;display:flex!important;flex-direction:column;align-items:center;gap:1px}
html.v2f .av2-total .av2-mx-l{font-size:10.5px!important;line-height:1.25!important;white-space:nowrap}
html.v2f .av2-total .av2-mx-c>b{font-size:10.5px!important;line-height:1.3!important;white-space:nowrap}
html.v2f .av2-total .av2-mx-p{font-size:13px!important;font-weight:800!important;color:#5ff0a8!important;-webkit-text-fill-color:#5ff0a8!important}
html.v2f .av2-total .av2-mx-c .av2-bar{display:none!important}
html.v2f .av2-total .av2-basis{margin-top:6px!important;font-size:11px!important}
html.v2f .av2>.ta.ta-in{display:none!important}
html.v2f .av2-top ol.av2-rank li{min-height:0!important;padding:4px 0!important}
html.v2f .av2-btns{gap:6px!important}
html.v2f .av2-btns .av2-b{min-height:48px!important;background:rgba(20,70,50,.55)!important;border:1px solid rgba(120,230,170,.40)!important;border-radius:10px!important}

/* 17: 차트 글자 가독성(표시만) */
html.v2f .interactive-chart svg.chart .detail-axis text{font-size:28px!important}
html.v2f .interactive-chart svg.chart .chart-endpoint,html.v2f .interactive-chart svg.chart .chart-extreme{font-size:24px!important}
html.v2f #market .market-chart text{font-size:25px!important}
html.v2f #market .market-chart text.market-endpoint{font-size:23px!important}
/* t352 04 계좌 전체 배너 + 일반/배당 2열 카드 (승인화면 복원, 표시 전용) */
html.v2f .v2f-ban{margin:10px 0 8px;padding:12px 14px;text-align:center;border-radius:16px;border:1px solid rgba(95,240,168,.45);background:linear-gradient(90deg,rgba(20,70,40,.92),rgba(10,40,26,.88))!important}
html.v2f .v2f-ban .v2f-bl{display:flex;justify-content:center;align-items:baseline;gap:10px;flex-wrap:wrap}
html.v2f .v2f-ban em{font-style:normal;font-weight:800;font-size:16px;color:#fff}
html.v2f .v2f-ban .v2f-bl>b{font-size:24px;font-weight:800}
html.v2f .v2f-ban span{font-size:14px;color:#d8e8dc}
html.v2f .v2f-ban span b{font-size:16px;font-weight:800}
html.v2f .v2f-ban>small,html.v2f .v2f-gc small[data-f="acq"]{display:block;margin-top:4px;font-size:12px;color:#b9cbbd}
html.v2f .v2f-g2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
html.v2f .v2f-gc{margin:0!important;padding:12px!important;border-radius:16px;border:1px solid rgba(95,240,168,.35);background:linear-gradient(180deg,rgba(18,58,36,.92),rgba(9,34,22,.9))!important}
html.v2f .v2f-gc-div{border-color:rgba(240,200,90,.45)}
html.v2f .v2f-gc h3{margin:0 0 8px;font-size:15px;font-weight:800;color:#fff;display:flex;gap:6px;align-items:center}
html.v2f .v2f-gc h3 i{font-style:normal;color:#5ff0a8}
html.v2f .v2f-gc-div h3 i{color:#f0c85a}
html.v2f .v2f-gc dl{margin:0}
html.v2f .v2f-gc dl div{display:flex;justify-content:space-between;font-size:14px;padding:2px 0}
html.v2f .v2f-gc dt{color:#d8e8dc}
html.v2f .v2f-gc dd{margin:0;font-weight:800}
html.v2f .v2f-gt{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.15);text-align:center}
html.v2f .v2f-gt>span{display:block;font-size:13px;color:#d8e8dc;text-align:left}
html.v2f .v2f-gt>b{display:block;font-size:15px;font-weight:800;margin-top:3px}
html.v2f .v2f-ban .pos,html.v2f .v2f-gc .pos{color:#5ff0a8}
html.v2f .v2f-ban .neg,html.v2f .v2f-gc .neg{color:#ff6b6b}
html.v2f .v2f-gnote{margin:6px 2px 10px;font-size:11px}
html.v2f .v2f-gt>span{font-size:12px}
html.v2f .v2f-gt>span small{font-size:11px}
/* t352 17 차트 글자 추가 확대(360px 가독성) — 표시 전용 */
html.v2f .interactive-chart svg.chart .detail-axis text{font-size:34px!important}
html.v2f .interactive-chart svg.chart .chart-endpoint{font-size:32px!important;font-weight:700}
html.v2f .interactive-chart svg.chart .chart-extreme{font-size:30px!important;font-weight:700}
html.v2f #market .market-chart text{font-size:34px!important}
html.v2f #market .market-chart text.market-endpoint{font-size:31px!important}
html.v2f .detail-chart-tooltip,html.v2f .market-tooltip{font-size:13px!important}
html.v2f .interactive-chart svg.chart .chart-extreme,html.v2f .interactive-chart svg.chart .chart-endpoint,html.v2f #market .market-chart text.market-endpoint{paint-order:stroke;stroke:#06121a;stroke-width:7px;stroke-linejoin:round}
html.v2f body .v2f-ban>small,html.v2f body .v2f-gc small[data-f="acq"]{font-size:12px!important;line-height:1.35!important;color:#b9cbbd!important}
html.v2f body .v2f-gt>span{font-size:12px!important;line-height:1.3!important}
html.v2f body .v2f-gt>span small{font-size:11px!important}
html.v2f body .v2f-gc dd .tp-na,html.v2f body .v2f-gc dd{font-size:13px!important}
html.v2f body .v2f-gt>b,html.v2f body .v2f-gt>b span{font-size:15px!important;line-height:1.3!important}
html.v2f body .v2f-ban .v2f-bl>b,html.v2f body .v2f-ban .v2f-bl>b span{font-size:22px!important}