/* mpn.css — 料号风险页工厂页级样式（T47）。
   只写 /mpn/ 页专属的最小补充：灯色徽章 hero、信号双卡、趋势行、FAQ、CTA 三件套、
   总览料号清单。色值/字号/阴影/圆角一律消费 tokens.css 变量，不发明新色；
   布局骨架（.card/.sec-h/.dot/.lt/.badge/.lamp-stats/.crumb）复用 base.css +
   weekly.css 现成体系。引入顺序：tokens.css → base.css → weekly.css → mpn.css。 */

/* ---------- 料号页标题：料号是代码，走 --font-num 等宽数字栈 ---------- */
.mpn-title {
  font-family: var(--font-num);
  font-variant-numeric: tabular-nums;
  word-break: break-all; /* 长料号（如 SCRGB1212110BR4BG4BB4-T）375px 不横滚 */
}

/* ---------- 风险结论 hero：灯色大徽章（复用 .card.tone-* 顶边条语义） ---------- */
.mpn-hero { padding: var(--sp-4) var(--sp-4) var(--sp-3); }
.mh-lamp {
  display: flex; align-items: center; gap: var(--sp-2);
  font-size: var(--fs-h2); font-weight: 700;
}
.mh-lamp .dot { width: 18px; height: 18px; } /* 大徽章：色块 + 文字双编码 */
.mh-act {
  font-size: var(--fs-sub); color: var(--ink-500);
  margin: var(--sp-1) 0 var(--sp-2) 26px;
}
.mh-line {
  font-size: var(--fs-body); color: var(--ink-900); font-weight: 600;
  line-height: 1.6; margin: 0;
}

/* ---------- 信号双卡（价格/交期 + 建议行动）：桌面双栏，移动单列 ---------- */
.sig-grid {
  display: grid; grid-template-columns: 1fr; gap: var(--sp-3);
  margin-bottom: var(--sp-3);
}
.sig-card { padding: var(--sp-3) var(--sp-4); margin-bottom: 0; }
.sig-h { font-size: var(--fs-sub); color: var(--ink-500); font-weight: 600; margin: 0 0 var(--sp-1); }
.sig-body { font-size: var(--fs-body); color: var(--ink-600); line-height: 1.6; margin: 0; }

/* ---------- 趋势行 ---------- */
.trend-rows { list-style: none; margin: 0; padding: 0; }
.trend-rows li {
  display: flex; align-items: center; gap: var(--sp-2);
  padding: var(--sp-2) 0; border-bottom: 1px solid var(--line-soft);
  font-size: var(--fs-body);
}
.trend-rows li:last-child { border-bottom: none; }
.trend-week { font-family: var(--font-num); font-variant-numeric: tabular-nums; }

/* ---------- FAQ：问答直出（GEO 事实密度，打印无需展开） ---------- */
.faq-item {
  background: var(--surface); border: 1px solid var(--line-brand);
  border-radius: var(--r-md); box-shadow: var(--shadow-sm);
  padding: var(--sp-3) var(--sp-4); margin-bottom: var(--sp-3);
}
.faq-q { font-size: var(--fs-body); font-weight: 700; color: var(--ink-900); margin: 0 0 var(--sp-1); }
.faq-a { font-size: var(--fs-sub); color: var(--ink-600); line-height: 1.6; margin: 0; }

/* ---------- CTA 三件套：三卡一行（移动单列），复用 .card 悬浮体系 ---------- */
.cta-grid {
  display: grid; grid-template-columns: 1fr; gap: var(--sp-3);
  margin-bottom: var(--sp-4);
}
.cta-card {
  display: block; text-decoration: none; margin-bottom: 0;
  padding: var(--sp-3) var(--sp-4);
  transition: transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);
}
.cta-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-hover); text-decoration: none; }
.cta-t { font-size: var(--fs-body); font-weight: 700; color: var(--ink-900); }
.cta-s { font-size: var(--fs-sub); color: var(--ink-500); margin-top: 2px; line-height: 1.5; }

/* ---------- 总览料号清单：行式列表，料号等宽 + 一句话 ---------- */
.mpn-list { list-style: none; margin: 0 0 var(--sp-2); padding: 0; }
.mpn-list li {
  display: flex; flex-direction: column; gap: 2px;
  padding: var(--sp-2) var(--sp-1);
  border-bottom: 1px solid var(--line-soft);
}
.mpn-list li:last-child { border-bottom: none; }
.mpn-link { text-decoration: none; }
.mpn-link:hover { text-decoration: underline; }
.mpn-code {
  font-family: var(--font-num); font-variant-numeric: tabular-nums;
  font-weight: 700; font-size: var(--fs-body); color: var(--brand-deep);
  word-break: break-all;
}
.mpn-fact { font-size: var(--fs-sub); color: var(--ink-600); line-height: 1.5; }

/* ---------- ≥720px：双栏/三栏 ---------- */
@media (min-width: 720px) {
  .sig-grid { grid-template-columns: 1fr 1fr; gap: var(--sp-4); }
  .cta-grid { grid-template-columns: repeat(3, 1fr); gap: var(--sp-4); }
  .mpn-list li { flex-direction: row; align-items: baseline; gap: var(--sp-3); }
  .mpn-list .mpn-link { flex: 0 0 auto; min-width: 220px; }
  .mpn-list .mpn-fact { flex: 1 1 auto; min-width: 0; }
}

/* ---------- 打印友好：直出内容无需特殊处理，只去阴影（base.css 已隐导航/分享条） ---------- */
@media print {
  .faq-item, .cta-card, .sig-card, .mpn-hero { box-shadow: none !important; }
  .cta-grid { display: none !important; } /* CTA 是转化控件，打印无意义 */
  .faq-item, .mpn-hero { break-inside: avoid; }
}