/* 투자기법 팩트체크 — 데이터 뉴스룸 톤(2026-11-02 개편). 잉크 + 형광 노랑 한 가지 강조, 상승 빨강·하락 파랑. 외부 글꼴·JS 없음 */
:root{
  --paper:#f5f3ee; --surface:#fffefb; --ink:#121417; --ink2:#33373d; --muted:#565b63; --rule:#d6d2c8; --rule2:#e7e3db;
  --accent:#ffcf33; --accent-soft:#fff3c4;
  --up:#c8102e; --dn:#1d58b0; --flat:#565b63;
  --yes:#17602f;
  --sans:"Apple SD Gothic Neo","Pretendard","Noto Sans KR","Malgun Gothic",system-ui,sans-serif;
  --w:720px; --ww:1120px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.75 var(--sans);word-break:keep-all;overflow-wrap:break-word;font-feature-settings:"tnum" 1}
::selection{background:var(--accent);color:var(--ink)}
a{color:var(--ink);text-decoration-color:color-mix(in srgb,var(--ink) 45%,transparent);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{text-decoration-color:var(--ink)}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 5px var(--ink);border-radius:2px}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:var(--w);margin:0 auto;padding:0 20px}
.wrap-w{max-width:var(--ww);margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-9999px}.skip:focus{left:8px;top:8px;background:#fff;padding:6px 10px;z-index:9}
.up{color:var(--up)}.dn{color:var(--dn)}.fl{color:var(--flat)}
.fine{font-size:14px;line-height:1.65;color:var(--muted);max-width:62em}

/* 머리 */
.masthead{background:var(--surface);border-bottom:2px solid var(--ink)}
.masthead .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;padding-bottom:0;max-width:var(--ww)}
.brand{font:800 21px/1.2 var(--sans);color:var(--ink);text-decoration:none;letter-spacing:-.03em;padding-bottom:12px}
.brand small{display:block;font:500 13px/1.4 var(--sans);color:var(--muted);letter-spacing:0;margin-top:2px}
.nav{display:flex;gap:4px;font-size:15.5px;align-self:flex-end}
.nav a{color:var(--ink2);text-decoration:none;padding:10px 10px 12px;border-bottom:4px solid transparent;font-weight:600;min-height:44px;display:flex;align-items:center}
.nav a:hover{color:var(--ink);border-bottom-color:var(--rule)}
.nav a[aria-current=page]{color:var(--ink);border-bottom-color:var(--accent)}
.band{background:var(--ink);color:#e9e7e1;font-size:13px;line-height:1.5}
.band .wrap-w{display:flex;flex-wrap:wrap;gap:2px 18px;padding-top:7px;padding-bottom:7px}
.band b{color:#fff;font-weight:700}
.band .now{margin-left:auto;font-variant-numeric:tabular-nums}.band .now small{font-size:11px;color:#bdbab2}
@media (max-width:600px){.band .now{margin-left:0}}
.band span+span::before{content:"";display:inline-block;width:4px;height:4px;background:var(--accent);border-radius:50%;margin:0 10px 0 0;vertical-align:middle;position:relative;top:-1px}

/* 판정 도장 */
.v-no{background:var(--ink);color:#fff;border-color:var(--ink)}
.v-cond{background:var(--accent);color:var(--ink);border-color:var(--ink)}
.v-yes{background:var(--yes);color:#fff;border-color:var(--yes)}
.vd,.verdict{display:inline-flex;align-items:center;font:700 13px/1 var(--sans);padding:6px 9px;border-radius:2px;border:1.5px solid;white-space:nowrap;letter-spacing:-.01em}
.vd.sm{font-size:12.5px;padding:4px 7px}
.cur{font-style:normal;font-size:12.5px;color:var(--muted);font-weight:500;white-space:nowrap}

/* 공통: 페이지 첫 단락 */
.lead{padding:40px 0 26px}
.lead h1{font:800 clamp(34px,8.6vw,60px)/1.12 var(--sans);letter-spacing:-.04em;margin:0 0 16px;max-width:14em;text-wrap:balance}
.lead .dek{font-size:18px;color:var(--ink2);margin:0 0 12px;max-width:38em}
.tally{font-size:17px;margin:0;max-width:40em}
.tally b{background:linear-gradient(transparent 55%,var(--accent) 55%);padding:0 2px;font-weight:800}

/* 홈: 평가액 그림 */
.chart{margin:8px 0 0;background:var(--surface);border-top:2px solid var(--ink);padding:14px 16px 10px}
.chart figcaption{font-size:14px;color:var(--muted);margin-bottom:8px;line-height:1.5}
.chart figcaption b{color:var(--ink);font-size:16px;margin-right:6px}
.eq{width:100%;height:auto;display:block;overflow:visible}
.eq.m{display:none}
.eq .gl{stroke:var(--rule2);stroke-width:1}
.eq .gb{stroke:var(--ink2);stroke-width:1}
.eq .ax{fill:var(--muted);font-size:var(--fs);font-family:var(--sans)}
.eq .ln{fill:none;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;transition:opacity .15s,stroke-width .15s}
.eq .ln.lo{stroke:#a9adb4;stroke-width:1.25}
.eq .ln.hi{stroke:var(--ink);stroke-width:2.5}.eq .ln.h2{stroke:#8a5a00;stroke-width:2.25}.eq .ln.h3{stroke:#2e6b4e;stroke-width:2.25}
.eq .lb.h2{fill:#8a5a00}.eq .lb.h3{fill:#2e6b4e}
.eq .ln.bm{stroke:#6d727a;stroke-width:1.75;stroke-dasharray:6 4}
.eq .lb{font-size:var(--fs);font-family:var(--sans);font-weight:700;fill:var(--ink)}
.eq .lb.bm{fill:var(--muted);font-weight:600}
.eq .lb.off{display:none}
.eq.focus .ln{opacity:.16}.eq.focus .lb{opacity:.2}
.eq.focus .ln.on{opacity:1;stroke:var(--ink);stroke-width:3.25}
.eq.focus .lb.on{display:inline;opacity:1;paint-order:stroke;stroke:var(--accent);stroke-width:5px;stroke-linejoin:round}

/* 홈: 순위표 */
.board-wrap{margin-top:34px}
.board-wrap h2,.next h2{font:800 24px/1.3 var(--sans);letter-spacing:-.03em;margin:0 0 10px}
.bhead,.row .in{display:grid;grid-template-columns:44px minmax(0,1fr) 104px 96px 132px 196px;gap:0 14px;align-items:center}
.bhead{font-size:13px;font-weight:700;color:var(--muted);border-bottom:2px solid var(--ink);padding:0 10px 8px}
.bhead span:nth-child(n+3){text-align:right}.bhead span:last-child{text-align:left}
.board{list-style:none;margin:0;padding:0}
.row{border-bottom:1px solid var(--rule)}
.row .in{padding:13px 10px;text-decoration:none;color:inherit;min-height:56px}
.row a.in:hover{background:var(--accent-soft)}
.row .rk{font-weight:800;font-size:20px;letter-spacing:-.02em}
.row .nm{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0}
.row .nm b{font-size:17px;font-weight:700;letter-spacing:-.02em}
.row .c{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.row .ret{font-size:21px;font-weight:800;letter-spacing:-.02em}
.row .mdd,.row .vs{font-size:16px;font-weight:600}
.row .sig{text-align:left;font-size:14.5px;color:var(--ink2);white-space:normal}
.row.ref .in{padding-top:9px;padding-bottom:9px;min-height:0}
.row.ref .rk{font-size:12.5px;font-weight:700;color:var(--muted)}
.row.ref .nm b{font-weight:600;color:var(--ink2);font-size:15.5px}
.row.ref .ret{font-size:17px;font-weight:700}
.row.ref .sig,.row.ref .vs,.row.ref .mdd{color:var(--muted);font-size:14.5px}
.board-wrap .fine{margin-top:14px}
.next{margin:36px 0 0;border-top:2px solid var(--ink);padding-top:18px;display:flex;flex-wrap:wrap;gap:10px 28px;align-items:center}
.next p{margin:0;flex:1 1 300px;color:var(--ink2);font-size:15.5px}
.go,.btn{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:#fff;text-decoration:none;font-weight:700;font-size:16px;padding:11px 18px;min-height:46px;border-radius:2px}
.go:hover,.btn:hover{background:#000;color:var(--accent)}
.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}
.btn.ghost:hover{background:var(--surface);color:var(--ink)}

/* 전체 기법 */
.tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;border-top:2px solid var(--ink);border-bottom:1px solid var(--rule);padding:12px 0;margin-bottom:6px}
.flt{display:flex;flex-wrap:wrap;gap:6px}
.flt button{font:600 15px/1 var(--sans);background:var(--surface);color:var(--ink);border:1.5px solid var(--rule);padding:0 14px;min-height:44px;border-radius:2px;cursor:pointer}
.flt button span{color:var(--muted);font-weight:500;margin-left:2px}
.flt button:hover{border-color:var(--ink)}
.flt button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.flt button[aria-pressed=true] span{color:var(--accent)}
.srt{font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px}
.srt select{font:500 15px var(--sans);min-height:44px;padding:0 10px;border:1.5px solid var(--rule);background:var(--surface);color:var(--ink);border-radius:2px}
.cnt{font-size:14px;color:var(--muted);margin-left:auto}
.mlist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:44px}
.m{border-bottom:1px solid var(--rule)}
.m[hidden]{display:none}
.m>a.mbody{display:block;padding:0 0 22px;color:inherit;text-decoration:none}
.m>a.mbody:hover h2{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.mh{display:flex;align-items:center;gap:10px}
.mh .dt{font-size:13.5px;color:var(--muted)}
.m h2{font:800 21px/1.38 var(--sans);letter-spacing:-.03em;margin:10px 0 6px;text-wrap:balance}
.m p{margin:0 0 14px;font-size:15.5px;line-height:1.65;color:var(--ink2)}
.mb{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}
.kn{display:flex;flex-wrap:wrap;gap:10px 22px;margin:0;min-width:0}
.kn div{min-width:0}
.kn dt{font-size:13px;color:var(--muted);line-height:1.4;max-width:15em}
.kn dt small{font-size:12.5px}
.kn dd{margin:2px 0 0;font-size:18px;line-height:1.3;font-variant-numeric:tabular-nums}
.kn dd b{font-weight:800;letter-spacing:-.02em}
.kn .key dd b{font-size:20px}
.kn .none dd{font-size:15px;font-weight:600;color:var(--ink2)}
.kn .none dd small{font-weight:400;color:var(--muted);font-size:13.5px}
.spark{width:132px;height:40px;flex:none}
.spark .sb{stroke:var(--rule);stroke-width:1;stroke-dasharray:3 3}
.spark .sp{fill:none;stroke-width:1.75;vector-effect:non-scaling-stroke}
.spark .sp.up{stroke:var(--up)}.spark .sp.dn{stroke:var(--dn)}.spark .sp.fl{stroke:var(--flat)}
.spark .sp.s2{stroke-dasharray:4 3;opacity:.8}
.methods .fine{margin-top:18px}

/* 기사 머리: 결론·모의 성적·오늘 조건 */
.to-board{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0}
.to-board .btn{font-size:15px;padding:9px 14px;min-height:44px}
.article-head{padding:22px 0 20px;border-bottom:1px solid var(--rule)}
.article-head h1{font:800 clamp(29px,7.4vw,42px)/1.25 var(--sans);letter-spacing:-.04em;margin:14px 0 12px;text-wrap:balance}
.article-head .dek{color:var(--ink2);margin:0 0 10px;font-size:18px;line-height:1.7}
.top-strip{margin:22px 0 0}
.bottom-line{font-size:19px;line-height:1.6;font-weight:700;letter-spacing:-.02em;margin:0 0 18px}
.bottom-line .bl{display:inline-block;background:var(--ink);color:var(--accent);font-size:13.5px;font-weight:800;padding:2px 7px;margin-right:8px;border-radius:2px;vertical-align:2px}
.perf{border-top:2px solid var(--ink);border-bottom:1px solid var(--rule);background:var(--surface);padding:10px 14px 12px}
.perf .ph{font-size:14.5px;font-weight:700;margin:0 0 4px}
.perf .ph span{font-weight:500;color:var(--muted);margin-left:6px}
.ps{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto auto;gap:4px 20px;align-items:end;padding:8px 0}
.ps+.ps{border-top:1px solid var(--rule2)}
.ps .pn{font-weight:700;font-size:16px;align-self:center}
.pv{display:flex;flex-direction:column;text-align:right;font-variant-numeric:tabular-nums}
.pv small{font-size:12.5px;color:var(--muted);line-height:1.3;white-space:nowrap}
.pv b{font-size:20px;font-weight:800;letter-spacing:-.02em;line-height:1.3}.pv b.sm{font-size:16px;font-weight:700}
.ps .spark{width:120px;height:36px}
.perf.none .pn{margin:0;color:var(--ink2);font-size:15.5px}
.today{margin:16px 0 0;border:1px solid var(--rule);background:var(--surface);padding:12px 14px}
.today h2{font:800 17px/1.4 var(--sans);margin:0 0 6px;letter-spacing:-.02em}
.today h2 .asof{font-size:13.5px;font-weight:500;color:var(--muted);margin-left:6px}
.today .stale{background:var(--accent);color:var(--ink);padding:0 5px;font-weight:700}
.today ul{list-style:none;margin:0;padding:0}
.today li{display:grid;grid-template-columns:minmax(0,10em) auto minmax(0,1fr);gap:2px 14px;align-items:baseline;padding:7px 0;border-top:1px solid var(--rule2)}
.today .k{font-size:15px;font-weight:600}
.today li b{font-size:18px;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}
.today .d{font-size:14px;color:var(--muted);line-height:1.5}
.today .fine{margin:8px 0 0;font-size:13.5px}

/* 기사 본문 */
.summary{background:var(--surface);border-top:2px solid var(--ink);padding:14px 18px 12px;margin:26px 0 8px}
.summary h2{font:800 17px/1.4 var(--sans);color:var(--ink);margin:0 0 8px;letter-spacing:-.02em}
.summary ol{margin:0;padding-left:1.3em}.summary li{margin:0 0 7px}
article h2.sec{font:800 25px/1.35 var(--sans);letter-spacing:-.035em;margin:52px 0 12px;padding-top:14px;border-top:2px solid var(--ink)}
article h3{font:800 18.5px/1.5 var(--sans);margin:30px 0 6px;letter-spacing:-.02em}
article p{margin:0 0 16px}
article ul,article ol{padding-left:1.25em;margin:0 0 16px}
article li{margin-bottom:6px}
.claim{background:#ebe7de;padding:14px 18px;margin:0 0 16px;font-size:16.5px}
.claim cite{display:block;font-style:normal;font-size:14px;color:var(--muted);margin-top:6px}
.table-wrap{overflow-x:auto;margin:6px 0 8px;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.5;font-variant-numeric:tabular-nums;min-width:460px}
th,td{padding:9px 10px;border-bottom:1px solid var(--rule);text-align:right;white-space:nowrap}
th:first-child,td:first-child{text-align:left;white-space:normal}
thead th{font-weight:700;border-bottom:2px solid var(--ink);font-size:13.5px;color:var(--ink2)}
tr.bench td{color:var(--muted)} tr.hl td{background:var(--accent-soft);font-weight:700}
.neg,.pos{font-weight:700;color:var(--ink)}
.cap{font-size:14px;color:var(--muted);margin:0 0 22px}
figure{margin:24px 0}
figure img{width:100%;background:#fff;border:1px solid var(--rule)}
figcaption{font-size:14px;color:var(--muted);margin-top:8px}
.factors{background:var(--surface);border:1px solid var(--rule);padding:4px 20px 8px}
.factors h3:first-child{margin-top:18px}
.check{list-style:none;padding:0}
.check li{padding-left:28px;position:relative}
.check li::before{content:"";position:absolute;left:2px;top:.45em;width:14px;height:14px;border:1.5px solid var(--ink2);border-radius:2px}
.myth{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:6px 0 16px;font-size:16.5px}
.myth dt{font-weight:800;color:var(--muted)} .myth dd{margin:0}
.myth dt.r{color:var(--ink)}
.final{border:2px solid var(--ink);background:var(--surface);padding:18px 20px;margin:20px 0}
.final .verdict{margin-bottom:10px}
.final p{margin:0}
details.basis{margin:30px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
details.basis summary{cursor:pointer;padding:14px 0;font-weight:700;list-style:none;min-height:44px}
details.basis summary::-webkit-details-marker{display:none}
details.basis summary::after{content:"+";float:right;font-weight:400}
details.basis[open] summary::after{content:"−"}
details.basis .inner{font-size:15px;color:var(--ink2);padding-bottom:12px}
details.basis code{font-size:13.5px;background:#ebe7de;padding:1px 4px;word-break:break-all}
.disclaimer-mini{font-size:14px;color:var(--muted);border-top:1px solid var(--rule);padding-top:14px;margin-top:30px}
.meta{font-size:14px;color:var(--muted)}
.more{margin:44px 0 0}
.section-h{font:800 19px/1.3 var(--sans);letter-spacing:-.02em;margin:0 0 6px;padding-top:12px;border-top:2px solid var(--ink)}
.more ul{padding-left:1.1em}.more li{margin:0 0 8px}
.page h1{font:800 clamp(28px,7vw,38px)/1.3 var(--sans);letter-spacing:-.035em;margin:36px 0 18px}
.page h2{font:800 21px/1.45 var(--sans);letter-spacing:-.02em;margin:34px 0 8px}

/* 바닥 */
.footer{margin-top:60px;border-top:2px solid var(--ink);background:var(--surface);padding:22px 0 40px;font-size:14px;color:var(--muted)}
.footer .wrap{max-width:var(--ww)}
.footer nav{display:flex;flex-wrap:wrap;gap:0 4px;margin-bottom:10px}
.footer nav a{color:var(--ink2);padding:8px 8px 8px 0;min-height:40px;display:inline-flex;align-items:center}
.fixed-disc{color:var(--ink2);font-weight:600;border-left:0;background:var(--accent-soft);padding:10px 12px;margin:0 0 10px}

/* 유튜브 출처·관련 영상 */
.yt-src{margin:0}
.yt-src a{display:block;color:inherit;text-decoration:none}
.yt-src .th{display:block;aspect-ratio:16/9;background:var(--ink);overflow:hidden}
.yt-src .th img{width:100%;height:100%;object-fit:cover}
.yt-src a:hover .tt{text-decoration:underline;text-underline-offset:3px}
.yt-src figcaption{display:flex;flex-direction:column;gap:1px;margin-top:7px;font-size:13.5px;line-height:1.45;color:var(--ink2)}
.yt-src .lab{font-size:12.5px;color:var(--muted);font-weight:600}
.yt-src .ch{font-size:14px;font-weight:700;color:var(--ink)}
.yt-src .tt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.yt-src .out{font-size:12.5px;font-weight:700;color:var(--ink);margin-top:2px;text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:2px}
.yt-src.ph .tile{display:grid;place-items:center;background:var(--rule2);border:1px solid var(--rule)}
.yt-src.ph .tile span{font-size:15px;font-weight:800;color:var(--ink2)}
.article-head.has-src{display:grid;grid-template-columns:208px minmax(0,1fr);gap:0 26px;align-items:start}
.article-head.has-src .yt-src{margin-top:4px}
.m{display:grid;grid-template-columns:150px minmax(0,1fr);gap:0 18px;align-items:start;padding-top:20px}
.m .yt-src{grid-column:1}
.m .yt-src figcaption{font-size:12.5px}.m .yt-src .tt{-webkit-line-clamp:2}.m .yt-src .out{display:none}
.m>a.mbody{grid-column:2;padding-top:0}
.yt-rel{margin:18px 0 26px;border-top:1px solid var(--rule);padding-top:12px}
.yt-rel h3{margin:0 0 10px}
.yt-rel ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.yt-rel li{margin:0}
.yt-rel a{display:flex;flex-direction:column;gap:3px;color:inherit;text-decoration:none}
.yt-rel .th{display:block;aspect-ratio:16/9;background:var(--ink);overflow:hidden}
.yt-rel .th img{width:100%;height:100%;object-fit:cover}
.yt-rel .tt{font-size:14.5px;font-weight:700;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px}
.yt-rel a:hover .tt{text-decoration:underline;text-underline-offset:3px}
.yt-rel .ch{font-size:13px;color:var(--muted)}
.yt-rel .fine{margin:10px 0 0;font-size:13px}
@media (max-width:760px){
  .article-head.has-src{display:block}
  .article-head.has-src .yt-src{margin:0 0 16px}
  .article-head .yt-src a{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;align-items:start}
  .article-head .yt-src figcaption{margin-top:0}
  .article-head .yt-src.ph{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px}
  .article-head .yt-src.ph figcaption{margin-top:0}
}
@media (max-width:560px){
  .m{grid-template-columns:112px minmax(0,1fr);gap:0 14px}
  .yt-rel ul{grid-template-columns:1fr;gap:12px}
  .yt-rel a{display:grid;grid-template-columns:128px minmax(0,1fr);gap:2px 12px}
  .yt-rel .th{grid-row:1/3}
  .yt-rel .tt{margin-top:0;font-size:14px}
}

/* 벤치마크 반영: 경로·검증 요약표·비교표·관련 기법 */
.crumb{font-size:13.5px;color:var(--muted);margin:16px 0 0;display:flex;flex-wrap:wrap;gap:2px 8px;line-height:1.5}
.crumb a{color:var(--ink2)}
.crumb [aria-current]{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.statbox{margin:22px 0 0;border-top:2px solid var(--ink);background:var(--surface);padding:12px 14px 10px}
.statbox h2{font:800 17px/1.4 var(--sans);margin:0 0 6px;letter-spacing:-.02em}
.statbox h2 span{font-size:13.5px;font-weight:500;color:var(--muted);margin-left:6px}
.statbox dl{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px}
.statbox dl div{padding:8px 0;border-top:1px solid var(--rule2)}
.statbox dt{font-size:13px;color:var(--muted);font-weight:600}
.statbox dd{margin:2px 0 0;font-size:16px;font-weight:700;line-height:1.45;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.statbox .fine{margin:8px 0 0;font-size:13px}
.cmp{margin:6px 0 30px}
.cmp h2,.mh2{font:800 24px/1.3 var(--sans);letter-spacing:-.03em;margin:22px 0 4px}
.cmp .fine{margin:0 0 8px}
.cmpt{min-width:900px;font-size:14.5px}
.cmpt th[scope=row]{font-weight:700;min-width:220px}
.cmpt th[scope=row] a{text-decoration:none}.cmpt th[scope=row] a:hover{text-decoration:underline}
.cmpt td.t{text-align:left;white-space:normal;min-width:150px;color:var(--ink2);font-size:14px}
.cmpt td.n{font-weight:700}
.cmpt thead button{font:inherit;font-weight:700;color:var(--ink2);background:none;border:0;padding:6px 0;min-height:32px;cursor:pointer;text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:4px}
.cmpt thead button[aria-sort]{color:var(--ink);text-decoration-color:var(--accent);text-decoration-thickness:3px}
.cmpt thead button[aria-sort=descending]::after{content:" ↓"}.cmpt thead button[aria-sort=ascending]::after{content:" ↑"}
.cmpt tbody tr:hover{background:var(--accent-soft)}
.mu{color:var(--muted);font-weight:500}
.related{margin:44px 0 0;border-top:2px solid var(--ink);padding-top:12px}
.related h2{font:800 21px/1.3 var(--sans);margin:0 0 8px;letter-spacing:-.02em}
.related h2 span{font-size:14px;font-weight:600;color:var(--muted);margin-left:6px}
.related ul{list-style:none;margin:0 0 14px;padding:0}
.related li{border-bottom:1px solid var(--rule)}
.related li a{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 0;text-decoration:none;color:inherit}
.related li b{font-size:17px;letter-spacing:-.02em}
.related li a:hover b{text-decoration:underline;text-underline-offset:3px}
.related li span:last-child{font-size:14.5px;color:var(--ink2);line-height:1.6}

/* 그래프 기간 조절 */
.rng{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:4px 0 8px}
.rng-b{display:flex;flex-wrap:wrap;gap:4px}
.rng-b button{font:600 14px/1 var(--sans);background:var(--surface);color:var(--ink);border:1.5px solid var(--rule);padding:0 11px;min-height:40px;border-radius:2px;cursor:pointer}
.rng-b button:hover{border-color:var(--ink)}
.rng-b button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.rng-c{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;color:var(--ink2)}
.rng-c label{display:flex;align-items:center;gap:4px;font-weight:600}
.rng-c input{font:500 14px var(--sans);min-height:40px;padding:0 6px;border:1.5px solid var(--rule);background:var(--surface);color:var(--ink);border-radius:2px;max-width:150px}
.rng-c button{font:700 14px var(--sans);min-height:40px;padding:0 12px;background:var(--surface);color:var(--ink);border:1.5px solid var(--ink);border-radius:2px;cursor:pointer}
.rng-c button:hover{background:var(--accent)}
.rng.compact .rng-b button{min-height:36px;padding:0 9px;font-size:13.5px}
.rng.compact .rng-c input,.rng.compact .rng-c button{min-height:36px}
.rng-cap{font-size:13.5px;color:var(--ink2);font-weight:600;margin:0 0 4px}
.rng-cap.sub{margin:-4px 0 8px;color:var(--muted)}
.perf .ph .rng-cap{display:inline;font-weight:500;color:var(--muted);margin-left:6px}
.eqc{min-height:120px}
.eqc.mini{margin-top:6px}
.hist-note{margin:8px 0 0;font-size:13px}
small.part{display:block;font-size:11.5px;font-weight:600;color:var(--muted);letter-spacing:0}
.perf .rng{margin-top:10px;border-top:1px solid var(--rule2);padding-top:10px}

@media (max-width:900px){
  .bhead{display:none}
  .row .in{grid-template-columns:34px minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:6px 10px;padding:14px 4px}
  .row .rk{grid-row:1/3;align-self:start;font-size:19px;line-height:1.4}
  .row .nm{grid-column:2/5}
  .row .c{grid-column:auto;text-align:left;white-space:normal}
  .row .c::before{content:attr(data-l);display:block;font-size:12.5px;font-weight:500;color:var(--muted);line-height:1.3;margin-bottom:1px;letter-spacing:0}
  .row .sig{grid-column:2/5;font-size:14px;display:flex;gap:8px;align-items:baseline}
  .row .sig::before{display:inline;margin:0}
  .row .ret{font-size:20px}
  .row.ref .in{grid-template-columns:34px minmax(0,1fr) auto;padding:9px 4px}
  .row.ref .nm{grid-column:2}
  .row.ref .ret{grid-column:3;text-align:right}
  .row.ref .ret::before,.row.ref .mdd,.row.ref .vs,.row.ref .sig{display:none}
  .mlist{grid-template-columns:1fr}
}
@media (max-width:700px){
  .eq.d{display:none}.eq.m{display:block}
  .chart .hov{display:none}
  .chart{padding:12px 10px 8px;margin-left:-10px;margin-right:-10px}
}
@media (max-width:560px){
  body{font-size:16.5px}
  .masthead .wrap{flex-direction:column;align-items:flex-start;gap:0;padding-top:12px}
  .brand{padding-bottom:4px}
  .nav{align-self:stretch;margin:0 -10px;gap:0}
  .nav a{padding:8px 10px 10px;font-size:15px}
  .band{font-size:12.5px}
  .band .wrap-w{gap:0 12px}
  .lead{padding:28px 0 20px}
  .lead .dek{font-size:17px}
  .mb{flex-direction:column;align-items:stretch}
  .mb .spark{width:100%;height:44px}
  .ps{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 10px}
  .ps .pn{grid-column:1/3}
  .pv{text-align:left}
  .ps .spark{grid-column:1/3;width:100%;height:36px}
  .today li{grid-template-columns:minmax(0,1fr) auto}
  .statbox dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
  .statbox dd{font-size:15px}
  .today .d{grid-column:1/3}
  .bottom-line{font-size:18px}
  table{min-width:0;font-size:13.5px}
  th,td{padding:8px 6px;white-space:normal}
  .cnt{margin-left:0}
  .rng-b button{padding:0 9px;font-size:13.5px}
  .rng-c input{max-width:136px;font-size:13.5px}
}
@media (prefers-reduced-motion:reduce){.eq .ln{transition:none}}