/* 段 3 敏感性表。作用域一律 #assumptions（与本段其余样式同一条规矩）。
 * 排版走 roles.css 的角色类与 tokens.css 的 token —— 这一段不写字面量（铁律三）。 */

#assumptions .sn-axes { display: flex; gap: var(--sp-4); flex-wrap: wrap; margin-bottom: var(--sp-3); }
#assumptions .sn-pick { display: flex; align-items: center; gap: var(--sp-2); color: var(--muted-strong); }
/* ⛔ 下拉框照段 2 搜索行那个输入框的盒子，不自创外观（本页唯一的表单惯例）。 */
#assumptions .sn-pick select {
  padding: var(--sp-2) var(--sp-3);
  background: var(--surface); border: 1px solid var(--border); color: var(--ink);
  outline: none; transition: border-color var(--dur-slow);
}
#assumptions .sn-pick select:focus { border-color: var(--accent); }

#assumptions .sn-scroll { overflow-x: auto; }
#assumptions table.sn-tab { border-collapse: collapse; width: 100%; }
#assumptions table.sn-tab th,
#assumptions table.sn-tab td {
  border: 1px solid var(--border); padding: var(--sp-3); text-align: right; white-space: nowrap;
}
#assumptions table.sn-tab .sn-corner,
#assumptions table.sn-tab .sn-row { text-align: left; background: var(--soft); color: var(--muted-strong); }
#assumptions table.sn-tab .sn-col { background: var(--soft); color: var(--muted-strong); }
#assumptions table.sn-tab .sn-cell b { display: block; }
#assumptions table.sn-tab .sn-sub { display: block; color: var(--muted-strong); }

/* 正中那一格 = 用户自己那组假设。整张表的原点，必须一眼认得出来。
 * ⛔ 用边框与底色标，不用颜色深浅 —— 这一屏的其余部分已经定了「不靠单一颜色通道」。 */
#assumptions table.sn-tab .sn-cell.is-centre {
  background: color-mix(in srgb, var(--accent) 14%, transparent);
  border-color: var(--accent);
}

/* 这一片历史上没出现过的档位。照住宅站3 的做法用斜纹 ——
 * ⛔ 斜纹是**图案**不是颜色，色盲同样看得见；这一段全程不用红绿表达判断。 */
#assumptions table.sn-tab .is-out {
  background-image: repeating-linear-gradient(45deg,
    transparent, transparent 3px, var(--border) 3px, var(--border) 4px);
}
/* 算不出回报的格子。⛔ 不标红 —— 「本金亏损」这四个字本身已经说得一清二楚，
 * 再加一层情绪色就是在评价，而这一屏声明过只说位置不评价。 */
#assumptions table.sn-tab .sn-cell.is-lost { color: var(--muted-strong); }

@media (max-width: 640px) {
  #assumptions table.sn-tab th, #assumptions table.sn-tab td { padding: var(--sp-2); }
  /* 窄屏放开不折行：五列刻度锁死会把整张表撑出屏幕，而表本身已经能横滑，
   * 但表头折行比横滑更容易读。 */
  #assumptions table.sn-tab .sn-corner { white-space: normal; }
}