/* Shared B-workbench language. Existing approved analysis/blog retain their own measured contracts. */
@import url("/static/fonts/workbench/faces-v1.css");

body.site-workbench {
  --sw-bg:#fff; --sw-text:#202326; --sw-muted:#626c73; --sw-line:#d8dadb;
  --sw-soft:#f7f8f8; --sw-accent:#33545f; --sw-sans:"Noto Sans CJK KR","Apple SD Gothic Neo",sans-serif;
  --sw-serif:"Noto Serif CJK KR",Georgia,serif;
}
html.dark body.site-workbench {
  --sw-bg:#18232d; --sw-text:#e0e7ec; --sw-muted:#a5b3be; --sw-line:#35434e;
  --sw-soft:#202d38; --sw-accent:#a9c7d1;
}
/* One current-page indicator across SPA and SSR; retain the compact header's 5px/12px contract. */
body.site-workbench .site-nav>.sidebar-link:is(.active,[aria-current="page"]),
body.site-workbench .site-nav .nav-strategy-trigger:is(.active,[aria-current="page"]) { background:transparent!important; color:var(--sw-text)!important; border-bottom:2px solid var(--sw-accent)!important; box-shadow:none!important; }
/* No generic cell backgrounds: financial heatmaps, gains/losses and chart series remain semantic. */
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) {
  --bg:var(--sw-bg); --text:var(--sw-text); --muted:var(--sw-muted);
  --line:var(--sw-line); --panel:var(--sw-bg); --panel-strong:var(--sw-soft);
  --accent:var(--sw-accent); --accent-soft:var(--sw-soft);
  margin:0; background:var(--sw-bg); color:var(--sw-text);
  font:400 14px/1.6 var(--sw-sans); -webkit-font-smoothing:antialiased;
}
html.dark body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) { background:var(--sw-bg)!important; color:var(--sw-text)!important; }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog))::before { display:none; }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) .site-header { position:relative; background:var(--sw-bg); border-bottom:1px solid var(--sw-line); backdrop-filter:none; box-shadow:none; }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) .site-header-inner { width:min(1280px,calc(100% - 48px)); padding:0; min-height:66px; gap:18px; }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) .brand { font:700 27px/1.6 var(--sw-serif); letter-spacing:-1px; color:var(--sw-text); }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) .brand-mark { display:none; }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) .brand-copy strong { font:inherit; letter-spacing:inherit; }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) .brand-copy small { display:none; }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) .site-nav { background:transparent; border-color:var(--sw-line); box-shadow:none; }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) .sidebar-link { background:transparent; color:var(--sw-muted); box-shadow:none; }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) .sidebar-link:is(.active,:hover) { color:var(--sw-text); background:var(--sw-soft); }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) .nav-strategy-links { background:var(--sw-bg); border-color:var(--sw-line); color:var(--sw-text); box-shadow:0 8px 20px #0000000a; }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) .nav-strategy-links a { color:var(--sw-text); }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) .nav-strategy-links a:hover { background:var(--sw-soft); }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) :is(.auth-button,.signup-button,.global-lang-toggle,.theme-toggle) { background:var(--sw-bg); color:var(--sw-muted); border-color:var(--sw-line); box-shadow:none; }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) :is(.auth-button,.signup-button):hover { color:var(--sw-text); background:var(--sw-soft); }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) :is(.main-panel,.app-main) { width:min(1280px,calc(100% - 48px)); margin:0 auto; padding:30px 0 48px; min-width:0; }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) :is(.site-footer,.sf-footer) { margin-top:0; background:var(--sw-bg); border-top:1px solid var(--sw-line); color:var(--sw-muted); font:400 12px/1.6 var(--sw-sans); }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) :is(.site-footer-inner,.sf-footer-inner) { width:min(1280px,calc(100% - 48px)); margin:0 auto; }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) :is(.site-footer,.sf-footer) a { color:var(--sw-muted); }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) :is(.page-hero,.compact-hero,.screener-header) { display:block; padding:0 0 22px; margin:0 0 22px; border:0; border-bottom:1px solid var(--sw-line); border-radius:0; background:transparent; box-shadow:none; }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) :is(.page-hero,.screener-header) h1 { margin:0 0 8px; font:500 34px/1.3 var(--sw-serif); letter-spacing:-1px; color:var(--sw-text); }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) :is(.subtitle,.screener-disclaimer,.range-label,.chart-placeholder,.metrics-footnote) { color:var(--sw-muted); font-weight:400; }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) .eyebrow { color:var(--sw-muted); background:none; padding:0; font:400 11px/1.6 var(--sw-sans); letter-spacing:1.4px; }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) .eyebrow::before { display:none; }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) :is(input,select,textarea,button) { font-family:var(--sw-sans); }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) main :is(input:not([type=checkbox]):not([type=radio]),select,textarea) { color:var(--sw-text); background:var(--sw-bg); border:1px solid var(--sw-line); border-radius:5px; box-shadow:none; font-size:13px; font-weight:400; min-width:0; max-width:100%; }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) main :is(button,.hero-link) { border-radius:5px; box-shadow:none; font-weight:400; font-size:13px; }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) main button:not([hidden]) { min-height:34px; }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) main :is(.ghost-button,.secondary-button,.small-button,.range-shortcut-button) { background:var(--sw-bg); border:1px solid var(--sw-line); color:var(--sw-text); }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) main :is(.ghost-button,.secondary-button,.small-button,.range-shortcut-button):hover { background:var(--sw-soft); border-color:var(--sw-muted); }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) main :is(.primary-button,.screener-run) { background:#283238; color:#fff; border:1px solid #283238; }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) main :is(.primary-button,.screener-run):hover { background:#27444d; border-color:#27444d; }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) :focus-visible { outline:2px solid var(--sw-accent); outline-offset:3px; }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) :disabled { opacity:.5; cursor:not-allowed; }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) main :is(.workspace-card,.portfolio-card,.portfolio-mix-panel,.portfolio-metric-panel,.chart-section,.chart-card,.metrics-panel) { background:var(--sw-bg); color:var(--sw-text); border:1px solid var(--sw-line); border-radius:5px; box-shadow:none; backdrop-filter:none; }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) .workspace-card { padding:22px; }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) :is(.portfolio-card-header,.portfolio-metric-panel-title,.metrics-panel-header) { background:var(--sw-soft); border-color:var(--sw-line); }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) :is(.portfolio-card h2,.portfolio-metric-panel-title h3,.metrics-panel-header h3,.chart-section h2,.chart-card h2) { font:500 15px/1.6 var(--sw-sans); color:var(--sw-text); }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) :is(.portfolio-grid,.portfolio-mode-grid,.portfolio-holdings,.portfolio-card,.portfolio-holding-row,.chart-section,.chart-card,.metrics-panel) { min-width:0; }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) .portfolio-name { font-weight:500; font-size:14px; }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) :is(.portfolio-input-mode-row,.portfolio-analysis-mode-row) { background:var(--sw-soft); border:1px solid var(--sw-line); border-radius:5px; padding:14px; gap:8px; }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) :is(.portfolio-input-mode-row,.portfolio-analysis-mode-row)>label { flex:0 0 auto; width:100%; max-width:100%; height:auto; }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) :is(.portfolio-input-mode-row,.portfolio-analysis-mode-row)>p { flex:0 0 auto; margin:0; color:var(--sw-muted); font-size:12px; line-height:1.65; }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) .board-sort-link { background:var(--sw-bg); color:var(--sw-muted); border:1px solid var(--sw-line); border-radius:5px; padding:5px 10px; font:400 12px/1.6 var(--sw-sans); box-shadow:none; }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) .board-sort-link.current { background:var(--sw-soft); color:var(--sw-text); border-color:var(--sw-muted); }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) .metrics-table-wrap { overflow:auto; max-width:100%; }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) .metrics-table { border-collapse:collapse; font:400 12px/1.6 var(--sw-sans); }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) .metrics-table th { background:var(--sw-soft); color:var(--sw-muted); font-weight:400; }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) .metrics-table :is(th,td) { border-color:var(--sw-line); }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) .screener-app { max-width:100%; min-width:0; color:var(--sw-text); }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) .screener-form { background:var(--sw-soft); border:1px solid var(--sw-line); border-radius:5px; padding:18px; box-shadow:none; }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) .screener-form label { color:var(--sw-muted); font-size:12px; font-weight:400; min-width:0; }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) :is(.screener-table-wrap,.screener-results) { max-width:100%; overflow:auto; }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) .screener-table { border-collapse:collapse; font-size:12px; }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) .screener-table th { background:var(--sw-soft); color:var(--sw-muted); font-weight:400; }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) .screener-table :is(td,th) { border-color:var(--sw-line); }
body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) .screener-table a { color:var(--sw-accent); }
/* Home: an editorial tool directory with live recent posts, not an illustrative financial dashboard. */
body.site-workbench .landing-page { display:block; max-width:100%; color:var(--sw-text); }
body.site-workbench .landing-hero-v2 { display:block; padding:0 0 30px; margin:0 0 28px; background:none; border:0; border-bottom:1px solid var(--sw-line); border-radius:0; box-shadow:none; }
body.site-workbench .landing-hero-v2::before,body.site-workbench .landing-hero-v2::after { display:none; }
body.site-workbench .landing-hero-copy { max-width:780px; }
body.site-workbench .landing-hero-v2 h1 { margin:8px 0 14px; font:500 38px/1.3 var(--sw-serif); letter-spacing:-1.2px; color:var(--sw-text); }
body.site-workbench .landing-hero-copy>p { max-width:760px; margin:0; color:var(--sw-muted); font-size:14px; line-height:1.8; }
body.site-workbench .hero-actions { display:flex; flex-wrap:wrap; gap:8px; margin:20px 0 14px; }
body.site-workbench .hero-link { padding:8px 14px; min-height:38px; border:1px solid var(--sw-line); border-radius:5px; background:var(--sw-bg); color:var(--sw-text); font:400 13px/1.6 var(--sw-sans); box-shadow:none; }
body.site-workbench .hero-link.primary { background:#283238; border-color:#283238; color:#fff; }
body.site-workbench .hero-link:hover { background:var(--sw-soft); color:var(--sw-text); transform:none; }
body.site-workbench .hero-link.primary:hover { background:#27444d; color:#fff; }
body.site-workbench .landing-hero-copy .landing-hero-note { font-size:11px; color:var(--sw-muted); }
body.site-workbench .landing-section-v2 { padding:0; margin:0 0 30px; }
body.site-workbench .landing-section-head { display:flex; justify-content:space-between; align-items:end; flex-wrap:wrap; gap:12px 30px; margin-bottom:14px; }
body.site-workbench :is(.landing-section-head h2,.landing-faq-v2 h2) { font:500 21px/1.5 var(--sw-serif); letter-spacing:-.5px; margin:3px 0 0; color:var(--sw-text); }
body.site-workbench .landing-section-head>p { max-width:480px; margin:0; font-size:12px; color:var(--sw-muted); }
body.site-workbench .landing-product-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 28px; border-top:1px solid var(--sw-line); }
body.site-workbench .landing-product-card { display:grid; grid-template-columns:28px minmax(0,1fr) 20px; align-items:start; gap:12px; min-height:104px; padding:18px 0; border:0; border-bottom:1px solid var(--sw-line); border-radius:0; background:none; box-shadow:none; color:var(--sw-text); transition:background-color .15s; }
body.site-workbench .landing-product-card.primary { background:none; border-color:var(--sw-line); }
body.site-workbench .landing-product-card:hover { background:var(--sw-soft); box-shadow:none; transform:none; }
body.site-workbench .landing-product-card h3 { margin:0 0 5px; color:var(--sw-text); font:500 15px/1.6 var(--sw-sans); }
body.site-workbench .landing-product-card p { margin:0; color:var(--sw-muted); font-size:12px; line-height:1.8; }
body.site-workbench :is(.landing-product-index,.landing-product-arrow) { background:none; color:var(--sw-muted); font:400 11px/1.6 var(--sw-sans); padding-top:3px; }
body.site-workbench .landing-latest-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
body.site-workbench .landing-latest-card { padding:0; border:0; border-top:1px solid var(--sw-line); border-radius:0; background:var(--sw-bg); box-shadow:none; min-width:0; }
body.site-workbench .landing-latest-card-head { padding:14px 0 12px; border-bottom:1px solid var(--sw-line); }
body.site-workbench .landing-latest-card-head h3 { color:var(--sw-text); font:500 15px/1.6 var(--sw-sans); }
body.site-workbench :is(.landing-latest-card-head>a,.landing-latest-more) { color:var(--sw-accent); font:400 11px/1.6 var(--sw-sans); }
body.site-workbench .landing-latest-item { border-color:var(--sw-line); }
body.site-workbench .landing-latest-item a { padding:12px 0; background:none; border-radius:0; }
body.site-workbench .landing-latest-item a:hover { background:var(--sw-soft); transform:none; }
body.site-workbench :is(.landing-latest-body strong,.landing-latest-title) { font:400 14px/1.7 var(--sw-sans); color:var(--sw-text); }
body.site-workbench .landing-latest-body small { color:var(--sw-muted); font-size:11px; }
body.site-workbench .landing-latest-rank { color:var(--sw-muted); background:none; border:0; border-radius:0; font:400 11px/1.6 var(--sw-sans); }
body.site-workbench .landing-method-strip { background:var(--sw-soft); border:1px solid var(--sw-line); border-radius:5px; padding:18px; margin:0 0 28px; box-shadow:none; }
body.site-workbench .landing-method-strip>div { border-color:var(--sw-line); }
body.site-workbench .landing-method-strip :is(span,p) { color:var(--sw-muted); font-size:12px; }
body.site-workbench .landing-method-strip strong { font:500 13px/1.6 var(--sw-sans); color:var(--sw-text); }
body.site-workbench .landing-faq-v2 { padding:0; background:none; border:0; border-radius:0; box-shadow:none; }
body.site-workbench .landing-faq-list details { background:var(--sw-bg); border:0; border-bottom:1px solid var(--sw-line); border-radius:0; padding:14px 0; }
body.site-workbench .landing-faq-list summary { font:400 14px/1.7 var(--sw-sans); color:var(--sw-text); }
body.site-workbench .landing-faq-list p { color:var(--sw-muted); font-size:13px; line-height:1.8; }
@media(max-width:900px) {
  body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) .site-header-inner { gap:10px; }
  body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) .portfolio-grid { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:700px) {
  body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) { font-size:13px; }
  body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) :is(.site-header-inner,.main-panel,.app-main,.site-footer-inner,.sf-footer-inner) { width:calc(100% - 28px); }
  body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) :is(.main-panel,.app-main) { padding:20px 0 32px; }
  body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) .brand { font-size:24px; }
  body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) :is(.page-hero,.screener-header) h1 { font-size:28px; }
  body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) .workspace-card { padding:14px; }
  body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) :is(.portfolio-mode-grid,.portfolio-mix-grid) { grid-template-columns:minmax(0,1fr); }
  body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) .portfolio-date-row { flex-wrap:wrap; }
  body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) :is(.login-shell,.signup-shell) input { font-size:16px; }
  body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) main :is(input:not([type=checkbox]):not([type=radio]),select,textarea) { font-size:16px; }
  body.site-workbench:not(:has(.analysis-workbench,.workbench-blog)) .screener-form { grid-template-columns:repeat(2,minmax(0,1fr)); padding:12px; gap:12px; }
  body.site-workbench .landing-hero-v2 { padding-bottom:24px; margin-bottom:22px; }
  body.site-workbench .landing-hero-v2 h1 { font-size:30px; }
  body.site-workbench .landing-hero-copy>p { font-size:13px; }
  body.site-workbench :is(.landing-product-grid,.landing-latest-grid) { grid-template-columns:minmax(0,1fr); gap:0; }
  body.site-workbench .landing-latest-grid { gap:24px; }
  body.site-workbench .landing-product-card { min-height:0; padding:15px 0; }
  body.site-workbench .landing-section-head>p { font-size:11px; }
  body.site-workbench .landing-section-head h2 { font-size:19px; }
  body.site-workbench .landing-method-strip { grid-template-columns:minmax(0,1fr); padding:14px; }
  body.site-workbench .landing-method-strip>div { border:0; border-bottom:1px solid var(--sw-line); padding:12px 0; }
  body.site-workbench .landing-method-strip>div:last-child { border-bottom:0; }
}
@media(prefers-reduced-motion:reduce) {
  body.site-workbench :is(.landing-product-card,.hero-link) { transition:none; }
}