@import url("../../investing/lessons/style.css");

/* ───────────────────────────────────────────────────────────────
   估值的逻辑 / valuation track  (The Logic of Valuation — deep
   valuation, from first principles, anchored to Graham & Dodd's
   *Security Analysis*: discounting, fixed income, cost of capital,
   DCF & terminal value, multiples, EV/FCFF, special-asset valuation,
   reverse DCF, and optionality/Black-Scholes).

   The FIFTH finance-family sibling — the BRIDGE that turns a business
   into a number:
     · financials — read the statements (the result)
     · valuation  — fold the business into ONE number (this)   ← bridge
     · investing  — bet on it with an owner's temperament
     · markets    — collide that number with the price
     · trader     — manage the risk / execute

   Inherits investing's sheet (which @imports financials → trader →
   cosmos → RL), so it already has: kicker / source-note / takeaway /
   lesson-flow / mini-flow / widget / kpi-grid / controls / dist-canvas /
   prompt-list / callout ok|warn|bad, plus trader's ledger / chip /
   payoff-legend, financials' northstar, and investing's principle /
   quote / book / cat — all reusable (principle/quote = Graham-Dodd
   citations; ledger = a mini value-buildup; book = sibling cross-ref).

   One valuation-only helper below (graceful — widgets still use the
   standard shells).
   ─────────────────────────────────────────────────────────────── */

/* 价值搭桥：一个自上而下的 +/− 堆叠，用于 DCF(显式期+终值) 或
   EV→股权价值 / EBITDA→FCFF 的桥。每行 <div class="brow"><span>标签</span>
   <span class="amt">+120</span></div>，用 .add/.sub/.eq 上色。 */
.buildup {
  border: 1px solid var(--border, rgba(231,236,245,0.14));
  border-radius: 10px;
  padding: 8px 12px;
  margin: 14px 0;
  font-family: var(--mono);
  font-size: 14px;
}
.buildup .brow {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 5px 0;
  border-bottom: 1px dashed rgba(231,236,245,0.10);
}
.buildup .brow:last-child { border-bottom: 0; }
.buildup .brow .amt { font-variant-numeric: tabular-nums; }
.buildup .brow.add .amt { color: #86efac; }
.buildup .brow.sub .amt { color: #f87171; }
.buildup .brow.eq {
  margin-top: 2px;
  border-top: 2px solid rgba(231,236,245,0.25);
  border-bottom: 0;
  font-weight: 700;
}
.buildup .brow.eq .amt { color: #60a5fa; }