/* v31.8.583 - shared style for the static, search-readable pages (analysis-method.html, market-risk.html).
   Same palette as the dashboard; follows the saved theme (emlTheme: light | dim | dark), white by default. */
:root{
  --bg:#eef1f5;--panel:#ffffff;--panel2:#f7f9fc;--line:#e2e8f0;--line2:#cbd5e1;
  --text:#0f1a2a;--muted:#3d4b5f;--dim:#5a687c;--strong:#0b1524;
  --buy:#067a50;--sell:#c41f42;--watch:#9a5800;--info:#1c62cc;
  --tint-buy:#e7f6ef;--tint-sell:#fdecef;--tint-watch:#fbf2e2;--tint-info:#e9f1fd;
  color-scheme:light;
}
:root[data-theme="dim"]{
  --bg:#17171c;--panel:#1f1f25;--panel2:#25252c;--line:#303038;--line2:#3d3d46;
  --text:#f0f0f2;--muted:#b6b6be;--dim:#9a9aa4;--strong:#f7f7f8;
  --buy:#34c38f;--sell:#f7788c;--watch:#e3ad45;--info:#72b0f7;
  --tint-buy:rgba(52,195,143,.12);--tint-sell:rgba(247,120,140,.12);--tint-watch:rgba(227,173,69,.12);--tint-info:rgba(114,176,247,.12);
  color-scheme:dark;
}
:root[data-theme="dark"]{
  --bg:#0a0e15;--panel:#10151f;--panel2:#141a25;--line:#1f2735;--line2:#2b3545;
  --text:#e9edf4;--muted:#aab4c3;--dim:#8692a3;--strong:#f3f6fa;
  --buy:#34c38f;--sell:#f2627a;--watch:#e3ad45;--info:#63a7f5;
  --tint-buy:rgba(52,195,143,.12);--tint-sell:rgba(242,98,122,.12);--tint-watch:rgba(227,173,69,.12);--tint-info:rgba(99,167,245,.12);
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text)}
body{font:400 16px/1.7 "Pretendard Variable",Pretendard,"Noto Sans KR","Malgun Gothic","Apple SD Gothic Neo",system-ui,sans-serif;
  font-feature-settings:"tnum" 1;-webkit-text-size-adjust:100%;word-break:keep-all;overflow-wrap:anywhere}
a{color:var(--info);text-decoration:none}a:hover{text-decoration:underline}
.site{position:sticky;top:0;z-index:10;background:var(--panel);border-bottom:1px solid var(--line)}
.site-in{max-width:880px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.site-brand{font-weight:800;color:var(--strong);letter-spacing:-.01em}.site-brand b{color:var(--buy)}
.site-nav{display:flex;gap:14px;font-size:14px;font-weight:600}.site-nav a{color:var(--muted)}.site-nav a[aria-current="page"]{color:var(--strong)}
main{max-width:880px;margin:0 auto;padding:28px 16px 40px}
h1{font-size:clamp(24px,4.2vw,32px);line-height:1.3;margin:0 0 10px;color:var(--strong);letter-spacing:-.02em}
h2{font-size:21px;line-height:1.4;margin:38px 0 12px;color:var(--strong);letter-spacing:-.01em}
h3{font-size:17px;margin:22px 0 8px;color:var(--strong)}
p,li{color:var(--text)}
.lead{font-size:17px;color:var(--muted);margin:0 0 6px}
.meta{font-size:14px;color:var(--dim);margin:0 0 22px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px 18px;margin:16px 0}
.note{font-size:14px;color:var(--muted)}
.small{font-size:13px;color:var(--dim)}
.cta{display:inline-block;margin:6px 8px 6px 0;padding:10px 16px;border-radius:10px;border:1px solid var(--line2);background:var(--panel);color:var(--strong);font-weight:700}
.cta.primary{background:var(--info);border-color:var(--info);color:#fff}
:root[data-theme="dim"] .cta.primary,:root[data-theme="dark"] .cta.primary{color:#0b1524}
.cta:hover{text-decoration:none;filter:brightness(1.05)}
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
table{width:100%;border-collapse:collapse;font-size:14.5px}
th,td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
th{background:var(--panel2);color:var(--muted);font-weight:700;white-space:nowrap}
tr:last-child td{border-bottom:0}
td.num,th.num{text-align:right;white-space:nowrap}
.good{color:var(--buy)}.warn{color:var(--watch)}.bad{color:var(--sell)}.info{color:var(--info)}
.pill{display:inline-block;padding:1px 9px;border-radius:999px;font-size:13px;font-weight:700;border:1px solid var(--line2);white-space:nowrap}
.pill.good{background:var(--tint-buy)}.pill.warn{background:var(--tint-watch)}.pill.bad{background:var(--tint-sell)}.pill.info{background:var(--tint-info)}
.score{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.score-num{font-size:56px;font-weight:800;line-height:1;letter-spacing:-.03em}
.score-of{font-size:20px;color:var(--dim);font-weight:700}
.bar{height:10px;border-radius:99px;background:var(--panel2);border:1px solid var(--line);overflow:hidden;margin:14px 0 4px}
.bar i{display:block;height:100%;border-radius:99px;background:currentColor}
.views{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:14px}
.view{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:12px}
.view b{display:block;font-size:24px;color:var(--strong)}
.stale{display:none;margin:0 0 16px;padding:12px 14px;border-radius:12px;border:1px solid var(--watch);background:var(--tint-watch);color:var(--text);font-size:15px}
.formula{font-family:inherit;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:15px;overflow-x:auto}
footer{max-width:880px;margin:0 auto;padding:22px 16px 40px;border-top:1px solid var(--line);font-size:13.5px;color:var(--dim)}
footer p{color:var(--dim);margin:6px 0}
footer a{color:var(--muted)}
