/* P21-CHALLENGE-004 R2 成长与执业（晋升中心）：参考 awesome-design-md/Linear 的紧凑层级与细边线，保持优房浅色画布、白面板、单一蓝色。作用域 .ag-growth。 */
.ag-growth { display: grid; gap: 16px; }
.ag-growth-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }
.ag-growth-head h3 { margin: 2px 0 0; font-size: 22px; font-weight: 650; }
.ag-growth-actions { display: flex; gap: 8px; }
.ag-growth-summary { display: grid; grid-template-columns: minmax(140px, auto) 24px minmax(140px, auto) minmax(0, 1fr); align-items: center; gap: 0 16px; padding: 16px 20px; border: 1px solid var(--line, #dce3ea); border-radius: 12px; background: var(--panel, #fff); }
.ag-growth-summary span { display: block; color: var(--muted, #6c7683); font-size: 12px; }
.ag-growth-summary strong { display: block; margin-top: 2px; font-size: 20px; font-weight: 650; }
.ag-growth-arrow { color: var(--muted, #6c7683); font-size: 18px; text-align: center; }
.ag-growth-next { padding-left: 16px; border-left: 1px solid var(--line-soft, #e8edf2); }
.ag-growth-next p { margin: 2px 0 0; font-size: 14px; color: var(--ink, #18202a); }
.ag-growth-next small { display: block; margin-top: 4px; color: var(--blue, #2f64c8); font-size: 12px; }
.ag-growth-block { display: grid; gap: 10px; }
.ag-growth-block-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; padding-bottom: 6px; border-bottom: 1px solid var(--line-soft, #e8edf2); }
.ag-growth-block-head h4 { margin: 0; font-size: 16px; font-weight: 650; }
.ag-growth-block-head span { color: var(--muted, #6c7683); font-size: 12px; }
.ag-growth-block .ach-card-wrap { margin: 0; }
.ag-growth-cols { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.ag-growth-cols h5 { margin: 0 0 6px; font-size: 13px; color: var(--muted-strong, #465160); font-weight: 600; }
.ag-growth-reqs, .ag-growth-tips, .ag-growth-history { margin: 0; padding: 0; list-style: none; border: 1px solid var(--line, #dce3ea); border-radius: 12px; background: var(--panel, #fff); }
.ag-growth-reqs li, .ag-growth-tips li, .ag-growth-history li { display: grid; align-items: center; gap: 4px 12px; padding: 10px 14px; border-bottom: 1px solid var(--line-soft, #e8edf2); font-size: 13px; }
.ag-growth-reqs li:last-child, .ag-growth-tips li:last-child, .ag-growth-history li:last-child { border-bottom: 0; }
.ag-growth-reqs li { grid-template-columns: minmax(0, 1fr) auto auto; }
.ag-growth-tips li { grid-template-columns: minmax(0, 1fr) auto; }
.ag-growth-history li { grid-template-columns: minmax(0, 1.2fr) auto minmax(0, 1.4fr) auto; }
.ag-growth li strong { font-size: 13px; font-weight: 600; }
.ag-growth li small { display: block; margin-top: 2px; color: var(--muted, #6c7683); font-size: 12px; line-height: 1.5; }
.ag-growth-num { font-variant-numeric: tabular-nums; color: var(--muted-strong, #465160); white-space: nowrap; }
.ag-growth .tag { white-space: nowrap; }
.ag-growth .inline-action { min-height: 30px; padding: 0 12px; }
.ag-growth-partner { padding: 10px 14px; border: 1px solid var(--line, #dce3ea); border-radius: 12px; background: var(--panel, #fff); font-size: 13px; color: var(--muted-strong, #465160); }
.ag-growth-partner summary { cursor: pointer; font-weight: 600; color: var(--ink, #18202a); }
.ag-growth-partner p { margin: 8px 0 0; line-height: 1.6; }
@media (max-width: 1180px) {
  .ag-growth-summary { grid-template-columns: minmax(120px, auto) 20px minmax(120px, auto); row-gap: 12px; }
  .ag-growth-next { grid-column: 1 / -1; padding: 12px 0 0; border-left: 0; border-top: 1px solid var(--line-soft, #e8edf2); }
  .ag-growth-cols { grid-template-columns: minmax(0, 1fr); }
  .ag-growth-history li { grid-template-columns: minmax(0, 1fr) auto; }
}
