:root {
  --bg: #f4f6f9;
  --bg2: #eef2f7;
  --panel: #ffffff;
  --panel2: #f8fafc;
  --line: #e2e8f0;
  --text: #0f172a;
  --muted: #64748b;
  --red: #e82127;
  --red2: #d1141a;
  --blue: #2563eb;
  --green: #059669;
  --down: #dc2626;
  --up: #059669;
  --warn: #d97706;
  --radius: 16px;
  --shadow: 0 8px 28px rgba(15, 23, 42, .08);
  --sans: "Pretendard", "Apple SD Gothic Neo", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
* { box-sizing: border-box; }
html, body { margin:0; padding:0; background:var(--bg); color:var(--text); font-family:var(--sans); }
a { color: var(--blue); text-decoration: none; }
a:hover { text-decoration: underline; }
.wrap { max-width: 1180px; margin: 0 auto; padding: 0 16px 72px; }

/* header */
.site-header {
  position: sticky; top: 0; z-index: 50;
  backdrop-filter: blur(14px);
  background: rgba(255,255,255,.86);
  border-bottom: 1px solid var(--line);
}
.header-inner {
  max-width: 1180px; margin: 0 auto; padding: 12px 16px;
  display:flex; align-items:center; justify-content:space-between; gap:12px;
}
.logo {
  display:flex; align-items:baseline; gap:6px; color:var(--text); text-decoration:none; font-weight:800;
  letter-spacing: -0.03em;
}
.logo:hover { text-decoration:none; }
.logo .t { color: var(--red2); }
.logo .bang { color: var(--text); opacity:.9; }
.nav { display:flex; gap:14px; align-items:center; flex-wrap:wrap; }
.nav a { color: var(--muted); font-size: .92rem; font-weight: 600; }
.nav a:hover { color: var(--text); text-decoration:none; }

/* ticker */
.ticker {
  margin: 10px 0 14px;
  background: linear-gradient(180deg, var(--panel), var(--panel2));
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 14px 16px;
  display:flex; flex-wrap:wrap; gap:14px 22px; align-items:center;
  box-shadow: var(--shadow);
}
.ticker .sym { font-weight: 800; letter-spacing: .04em; }
.ticker .px { font-family: var(--mono); font-size: 1.35rem; font-weight: 700; }
.ticker .chg { font-family: var(--mono); font-weight: 700; }
.ticker .chg.up { color: var(--up); }
.ticker .chg.down { color: var(--down); }
.ticker .meta { color: var(--muted); font-size: .82rem; }
.pill {
  display:inline-flex; align-items:center; gap:6px;
  border:1px solid var(--line); border-radius:999px; padding:4px 10px;
  font-size:.75rem; color:var(--muted); background: var(--bg2);
}
.pill.sig-hold { color:#b45309; border-color: rgba(217,119,6,.35); background:#fff7ed; }
.pill.sig-buy { color: var(--up); border-color: rgba(5,150,105,.35); background:#ecfdf5; }

/* hot (sidebar, slightly smaller) */
.hot {
  margin: 0;
  border: 1px solid rgba(232,33,39,.22);
  background: radial-gradient(900px 160px at 10% -40%, rgba(232,33,39,.08), transparent), var(--panel);
  border-radius: 14px;
  padding: 12px 12px 6px;
  box-shadow: var(--shadow);
}
.hot-head {
  display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:6px;
}
.hot-head h2 { margin:0; font-size:.82rem; letter-spacing:.08em; color:var(--red2); }
.hot-list { list-style:none; margin:0; padding:0; }
.hot-list li { border-top: 1px solid var(--line); }
.hot-list a {
  display:block; padding:9px 1px; color:var(--text); text-decoration:none;
  font-weight: 650; line-height:1.4; font-size: .88rem;
}
.hot-list a:hover { color: var(--red2); }
.hot-list .sub { display:block; margin-top:3px; color:var(--muted); font-weight:500; font-size:.75rem; }

/* thin calendar strip above ticker */
.cal-strip {
  margin: 12px 0 0;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 8px 10px;
  display:flex; align-items:center; gap:10px;
  box-shadow: 0 1px 2px rgba(15,23,42,.04);
  min-height: 0;
}
.cal-strip-label {
  flex: 0 0 auto;
  font-size: .72rem; font-weight: 800; letter-spacing: .06em;
  color: var(--red2); text-transform: uppercase;
  padding: 4px 8px; border-radius: 999px;
  background: rgba(232,33,39,.08); border: 1px solid rgba(232,33,39,.18);
  white-space: nowrap;
}
.cal-strip-track {
  display:flex; gap:8px; overflow-x:auto; scrollbar-width: thin;
  padding-bottom: 1px; min-width: 0; flex: 1;
}
.cal-chip {
  flex: 0 0 auto;
  display:inline-flex; align-items:center; gap:8px;
  padding: 5px 10px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: var(--bg2);
  white-space: nowrap;
  font-size: .8rem;
  line-height: 1.2;
}
.cal-chip .dday {
  font-family: var(--mono); font-weight: 800; font-size: .72rem; color: var(--red2);
}
.cal-chip .when {
  font-family: var(--mono); font-size: .72rem; color: var(--muted); font-weight: 650;
}
.cal-chip .name {
  color: #1e293b; font-weight: 650; max-width: 220px;
  overflow: hidden; text-overflow: ellipsis;
}
.cal-strip .cal-more {
  flex: 0 0 auto; font-size: .75rem; color: var(--muted); white-space: nowrap;
}

/* quarterly earnings strip */
.qtr-strip {
  margin: 8px 0 4px;
}
.qtr-strip .sec-head { margin: 8px 0 10px; }
.qtr-grid {
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 10px;
}
.qtr-card {
  display:block;
  background: linear-gradient(180deg, #fff, #f8fafc);
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 14px 14px 12px;
  box-shadow: var(--shadow);
  color: inherit; text-decoration: none;
  transition: border-color .15s, transform .15s, box-shadow .15s;
}
.qtr-card:hover {
  border-color:#cbd5e1; transform: translateY(-1px); text-decoration:none;
  box-shadow: 0 12px 28px rgba(15,23,42,.1);
}
.qtr-card .q {
  font-family: var(--mono); font-weight: 800; color: var(--red2); font-size: .92rem;
}
.qtr-card .meta {
  color: var(--muted); font-size: .75rem; margin-top: 2px;
}
.qtr-card h3 {
  margin: 8px 0 6px; font-size: .98rem; line-height: 1.35; color: var(--text);
}
.qtr-card .teaser {
  color: #334155; font-size: .86rem; line-height: 1.45;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.qtr-kpis {
  display:flex; flex-wrap:wrap; gap:6px; margin-top: 10px;
}
.qtr-kpis span {
  font-family: var(--mono); font-size: .72rem; font-weight: 700;
  padding: 3px 8px; border-radius: 999px;
  background: #eff6ff; color: #1d4ed8; border: 1px solid rgba(37,99,235,.2);
}
.qtr-kpis span.neg { background:#fef2f2; color:#b91c1c; border-color: rgba(185,28,28,.22); }

.table-wrap { overflow-x: auto; margin: 12px 0 18px; border:1px solid var(--line); border-radius: 12px; }
.article table { width:100%; border-collapse: collapse; font-size: .88rem; }
.article th, .article td {
  padding: 8px 10px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top;
}
.article th { background: var(--bg2); font-weight: 750; color:#0f172a; white-space: nowrap; }
.article tr:last-child td { border-bottom: 0; }
.muted-note { color: var(--muted); font-size: .85rem; font-style: italic; }

/* main: feed left + HOT right */
.main-row {
  display:grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 300px);
  gap: 16px;
  align-items: start;
  margin-top: 8px;
}
.main-row > * { min-width: 0; }
.main-feed .sec-head { margin-top: 10px; }
.side-hot {
  position: relative;
  padding-top: 10px;
}
@media (min-width: 961px) {
  .side-hot .hot { position: sticky; top: 72px; max-height: calc(100vh - 88px); overflow: auto; }
}

/* section heads */
.sec-head {
  display:flex; flex-wrap:wrap; align-items:end; justify-content:space-between; gap:10px;
  margin: 28px 0 12px;
}
.sec-head h2 { margin:0; font-size:1.2rem; }
.sec-head .hint { color:var(--muted); font-size:.85rem; }

/* controls */
.controls { display:flex; flex-direction:column; gap:10px; margin-bottom:14px; }
.search {
  width:100%; background:var(--panel); border:1px solid var(--line); color:var(--text);
  border-radius:12px; padding:12px 14px; font-size:1rem;
  box-shadow: 0 1px 2px rgba(15,23,42,.04);
}
.search:focus { outline:2px solid rgba(37,99,235,.25); border-color:var(--blue); }

/* one-line company + topic filter tags (replaces org boards) */
.filter-bar {
  margin: 4px 0 6px;
  padding: 10px 12px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 14px;
  box-shadow: 0 1px 2px rgba(15,23,42,.04);
  display:flex; align-items:center; gap:10px;
  overflow-x: auto;
  scrollbar-width: thin;
}
.filter-group {
  display:inline-flex; align-items:center; gap:6px;
  flex: 0 0 auto;
}
.filter-sep {
  width:1px; align-self: stretch; min-height: 28px;
  background: var(--line); flex: 0 0 auto; margin: 0 2px;
}
.filter-kicker {
  font-size: .68rem; font-weight: 800; letter-spacing: .06em;
  text-transform: uppercase; white-space: nowrap;
  padding: 3px 7px; border-radius: 999px;
}
.filter-kicker.org {
  color: #b91c1c; background: #fef2f2; border: 1px solid rgba(185,28,28,.2);
}
.filter-kicker.topic {
  color: #1d4ed8; background: #eff6ff; border: 1px solid rgba(37,99,235,.22);
}
.chips { display:inline-flex; flex-wrap:nowrap; gap:6px; align-items:center; }
.chip {
  border:1px solid var(--line); background:var(--panel); color:var(--muted);
  border-radius:999px; padding:6px 11px; font-size:.82rem; font-weight:700; cursor:pointer;
  white-space: nowrap; line-height: 1.2;
  transition: background .12s, color .12s, border-color .12s, box-shadow .12s;
}
.chip:hover { color:var(--text); border-color:#cbd5e1; }

/* company tags = warm/red family */
.chip-org {
  color: #9f1239; border-color: rgba(225,29,72,.28); background: #fff1f2;
}
.chip-org:hover { color:#881337; border-color: rgba(225,29,72,.45); background:#ffe4e6; }
.chip-org.active {
  color:#fff; background: linear-gradient(180deg, #e11d48, #be123c);
  border-color: #be123c; box-shadow: 0 4px 12px rgba(190,18,60,.22);
}

/* topic tags = cool/blue family */
.chip-topic {
  color: #1e40af; border-color: rgba(37,99,235,.28); background: #eff6ff;
}
.chip-topic:hover { color:#1e3a8a; border-color: rgba(37,99,235,.45); background:#dbeafe; }
.chip-topic.active {
  color:#fff; background: linear-gradient(180deg, #3b82f6, #2563eb);
  border-color: #2563eb; box-shadow: 0 4px 12px rgba(37,99,235,.22);
}

/* legacy generic active (unused if typed chips present) */
.chip.active { color:#fff; background: var(--red2); border-color: var(--red2); }

/* cards feed */
.feed { display:grid; gap:12px; }
.card {
  display:block; background:var(--panel); border:1px solid var(--line); border-radius:var(--radius);
  padding:14px 16px; box-shadow: var(--shadow); color:inherit; text-decoration:none;
  transition: border-color .15s, transform .15s, box-shadow .15s;
}
.card:hover { border-color:#cbd5e1; transform: translateY(-1px); text-decoration:none; box-shadow: 0 12px 32px rgba(15,23,42,.1); }
.card .top { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-bottom:8px; }
.cat {
  font-size:.72rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase;
  padding:3px 8px; border-radius:999px; border:1px solid var(--line); background:var(--bg2);
}
.cat-stock { color:#1d4ed8; border-color: rgba(37,99,235,.25); background:#eff6ff; }
.cat-product { color:#047857; border-color: rgba(5,150,105,.25); background:#ecfdf5; }
.cat-fsd { color:#b45309; border-color: rgba(217,119,6,.28); background:#fffbeb; }
.cat-elon { color:#be185d; border-color: rgba(219,39,119,.25); background:#fdf2f8; }
.org {
  font-size:.72rem; font-weight:800; letter-spacing:.03em;
  padding:3px 8px; border-radius:999px; border:1px solid var(--line); background:var(--bg2);
}
.org-tesla { color:#b91c1c; border-color:rgba(185,28,28,.25); background:#fef2f2; }
.org-starlink { color:#0369a1; border-color:rgba(3,105,161,.25); background:#e0f2fe; }
.org-neuralink { color:#6d28d9; border-color:rgba(109,40,217,.25); background:#f5f3ff; }
.org-spacex { color:#0f766e; border-color:rgba(15,118,110,.25); background:#ecfdf5; }
.org-xai { color:#a16207; border-color:rgba(161,98,7,.28); background:#fffbeb; }
.org-nav {
  display:grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap:10px;
  margin: 0 0 18px;
}
.org-tile {
  display:block; padding:14px 14px; border-radius:14px; border:1px solid var(--line);
  background:var(--panel); box-shadow:var(--shadow); text-decoration:none; color:inherit;
}
.org-tile:hover { border-color:#cbd5e1; text-decoration:none; transform:translateY(-1px); }
.org-tile .name { font-weight:800; font-size:1rem; margin-bottom:4px; }
.org-tile .cnt { color:var(--muted); font-size:.82rem; }
.chips-label { font-size:.78rem; color:var(--muted); font-weight:700; margin: 2px 0 0; }
.time { color:var(--muted); font-size:.8rem; font-family:var(--mono); }
.card h3 { margin:0 0 6px; font-size:1.02rem; line-height:1.4; letter-spacing:-.01em; color:var(--text); }
.card .sum { color:#334155; font-size:.92rem; line-height:1.55; }
.card .foot { margin-top:10px; display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.cta { font-size:.8rem; font-weight:700; color:var(--blue); }

/* daily archive */
.daily-grid { display:grid; gap:10px; }
.daily {
  display:block; padding:14px 16px; border-radius:var(--radius);
  background: linear-gradient(180deg, var(--panel), var(--panel2));
  border:1px solid var(--line); color:inherit; text-decoration:none;
  box-shadow: var(--shadow);
}
.daily:hover { border-color:#cbd5e1; text-decoration:none; }
.daily .d { font-family:var(--mono); color:var(--red2); font-weight:800; margin-bottom:6px; }
.daily .s { color:#334155; line-height:1.5; font-size:.92rem; }

/* calendar (legacy block kept minimal; strip is primary on home) */
.cal {
  display:grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap:10px;
}
.cal-item {
  background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:12px 14px;
  box-shadow: var(--shadow);
}
.cal-item .when { font-family:var(--mono); font-weight:800; color:var(--red2); }
.cal-item .dow { color:var(--muted); font-size:.78rem; margin-left:6px; }
.cal-item .name { margin-top:6px; font-size:.92rem; line-height:1.4; color:#1e293b; }
.cal-item .dday { margin-top:8px; display:inline-block; font-size:.75rem; font-weight:700;
  padding:3px 8px; border-radius:999px; background:rgba(232,33,39,.08); color:var(--red2); border:1px solid rgba(232,33,39,.2); }

/* article */
.navcrumb { margin: 16px 0; }
.navcrumb a { color: var(--muted); }
.article {
  background:var(--panel); border:1px solid var(--line); border-radius:var(--radius);
  padding:22px; box-shadow:var(--shadow);
}
.article h1 { margin:0 0 10px; font-size:1.45rem; letter-spacing:-.02em; color:var(--text); }
.article h2 { margin-top:1.55rem; padding-bottom:.35rem; border-bottom:1px solid var(--line); font-size:1.12rem; color:var(--text); }
.article h3 { margin-top:1.15rem; color:#1e293b; font-size:1.02rem; }
.article p, .article li { line-height:1.68; color:#334155; }
.article ul { padding-left:1.15rem; }
.article code { font-family:var(--mono); font-size:.88em; background:var(--bg2); padding:.1em .35em; border-radius:6px; color:#0f172a; }
.article pre { background:#0f172a; color:#e2e8f0; border:1px solid #1e293b; border-radius:10px; padding:12px; overflow:auto; }
.article pre code { background:none; padding:0; color:inherit; }
.tgbox {
  margin: 0 0 16px; padding:12px 14px; border-radius:12px; white-space:pre-wrap;
  background: #eff6ff; border:1px solid rgba(37,99,235,.22); line-height:1.5; font-size:.92rem; color:#1e3a8a;
}
.meta-row { display:flex; flex-wrap:wrap; gap:8px; margin: 0 0 14px; }
.toc {
  margin: 0 0 18px; padding:12px 14px; border-radius:12px; background:var(--bg2); border:1px solid var(--line);
}
.toc strong { display:block; margin-bottom:8px; font-size:.85rem; color:var(--muted); }
.toc a { display:inline-block; margin:0 10px 6px 0; font-size:.88rem; }

.footer {
  margin-top: 36px; padding-top: 16px; border-top:1px solid var(--line);
  color:var(--muted); font-size:.8rem; line-height:1.5;
}
.empty { color:var(--muted); text-align:center; padding:28px 8px; }

@media (max-width: 960px) {
  .main-row { grid-template-columns: 1fr; }
  .side-hot { padding-top: 0; }
  .side-hot .hot { position: static; max-height: none; }
}
@media (max-width: 640px) {
  .article { padding:16px; }
  .ticker .px { font-size:1.15rem; }
  .cal-chip .name { max-width: 140px; }
}

/* Earnings article (structure inspired by public Tesla briefing UX; our content only) */
.ea-page { max-width: 720px; margin: 0 auto; }
.ea-back {
  display:inline-flex; align-items:center; gap:6px;
  font-size:.82rem; font-weight:700; color:var(--muted);
  padding:7px 12px; border:1px solid var(--line); border-radius:999px; background:var(--panel);
  text-decoration:none; margin: 14px 0 8px;
}
.ea-back:hover { color:var(--text); text-decoration:none; }
.ea__hero { padding: 8px 0 6px; }
.ea__eyebrow {
  display:inline-flex; align-items:center; gap:6px;
  font-size:.72rem; font-weight:800; letter-spacing:.1em; color:var(--red2); text-transform:uppercase;
}
.ea__title {
  font-size:1.55rem; font-weight:800; line-height:1.35; letter-spacing:-.02em;
  margin:12px 0 0; color:var(--text); word-break:keep-all;
}
.ea-verdict {
  display:inline-block; margin-top:10px; font-size:.78rem; font-weight:800;
  padding:4px 11px; border-radius:999px;
}
.ea-verdict.is-beat { color:var(--up); background:rgba(5,150,105,.12); }
.ea-verdict.is-miss { color:var(--down); background:rgba(220,38,38,.10); }
.ea-verdict.is-mixed { color:#475569; background:var(--bg2); border:1px solid var(--line); }
.ea__lead {
  font-size:1.02rem; line-height:1.7; color:var(--text); font-weight:600; margin:16px 0 0;
  padding:0 0 0 14px; border-left:3px solid var(--red2); word-break:keep-all;
}
.ea__schedule {
  font-size:.82rem; color:var(--muted); font-weight:650; margin-top:14px; font-family:var(--mono);
}
.ea-sec { margin-top: 28px; }
.ea-sec__h { font-size:1rem; font-weight:800; letter-spacing:-.01em; color:var(--text); margin:0 0 12px; }
.ea-kpi-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.ea-kpi {
  background:var(--bg2); border:1px solid var(--line); border-radius:14px; padding:14px 15px;
  display:flex; flex-direction:column; gap:4px;
}
.ea-kpi__label { font-size:.75rem; color:var(--muted); font-weight:750; word-break:keep-all; }
.ea-kpi__value {
  font-size:1.25rem; font-weight:800; color:var(--text); font-variant-numeric:tabular-nums; letter-spacing:-.01em;
  font-family:var(--mono);
}
.ea-kpi__cons { font-size:.78rem; color:var(--muted); font-weight:600; }
.ea-kpi__delta { font-size:.8rem; font-weight:800; font-family:var(--mono); }
.ea-kpi__delta.is-beat { color:var(--up); }
.ea-kpi__delta.is-miss { color:var(--down); }
.ea-kpi__yoy { font-size:.75rem; color:var(--muted); font-weight:600; }
.ea-seg + .ea-seg { margin-top:16px; }
.ea-seg__h { font-size:.95rem; font-weight:800; color:var(--text); margin:0 0 6px; word-break:keep-all; }
.ea-seg__body { font-size:.95rem; color:#334155; line-height:1.7; word-break:keep-all; }
.ea-seg__body p { margin:0 0 8px; }
.ea-list { margin:0; padding-left:1.15rem; color:#334155; }
.ea-list li { margin: 0 0 8px; line-height:1.65; word-break:keep-all; }
.ea-quote { border-left:3px solid var(--red2); padding:2px 0 2px 14px; margin:16px 0 0; }
.ea-quote:first-child { margin-top:0; }
.ea-quote__text { font-size:1rem; color:var(--text); line-height:1.62; font-weight:650; margin:0; }
.ea-quote__meta { display:block; margin-top:6px; font-size:.78rem; color:var(--muted); font-weight:700; }
.ea-market__body { color:#334155; line-height:1.7; margin:0 0 10px; }
.ea-an { border-top:1px solid var(--line); padding-top:16px; }
.ea-an:first-of-type { border-top:0; padding-top:0; }
.ea-an + .ea-an { margin-top:18px; }
.ea-an__h { font-size:.92rem; font-weight:800; margin:0 0 8px; color:var(--text); word-break:keep-all; }
.ea-an__body { font-size:.92rem; color:#334155; line-height:1.7; }
.ea-an__body p { margin:0 0 8px; }
.ea-src__list { list-style:none; margin:0; padding:0; }
.ea-src__item {
  padding:10px 12px; border:1px solid var(--line); border-radius:12px; background:var(--panel);
  margin-bottom:8px; font-size:.88rem; color:#334155; word-break:break-word;
}
.ea-past {
  display:flex; align-items:center; gap:10px; padding:12px 14px; border:1px solid var(--line);
  border-radius:12px; background:var(--panel); margin-bottom:8px; text-decoration:none; color:inherit;
}
.ea-past:hover { border-color:#cbd5e1; text-decoration:none; }
.ea-past__q { font-weight:800; color:var(--red2); font-family:var(--mono); }
.ea-past__meta { color:var(--muted); font-size:.82rem; flex:1; }
.ea-past__arrow { color:var(--blue); font-weight:800; }
.ea-chart-grid { display:grid; gap:14px; }
.ea-chart {
  margin:0; padding:12px; border:1px solid var(--line); border-radius:14px;
  background:var(--panel); box-shadow: var(--shadow);
}
.ea-chart img {
  width:100%; height:auto; display:block; border-radius:10px; background:#fff;
}
.ea-chart figcaption {
  margin-top:8px; font-size:.8rem; color:var(--muted); font-weight:650; word-break:keep-all;
}
.ea-disclaimer {
  margin-top: 28px; padding-top: 14px; border-top:1px solid var(--line);
  color:var(--muted); font-size:.78rem; line-height:1.5;
}
@media (max-width: 640px) {
  .ea__title { font-size:1.28rem; }
  .ea-kpi-grid { grid-template-columns:1fr; }
  .ea-kpi__value { font-size:1.15rem; }
}