/* 财务案例独立阅读层：沿用共享容器与字号，不用缩放整页改变比例。 */
.finance-preview { margin-top:30px; }
.finance-preview-figure { max-width:730px; margin-inline:auto; scroll-margin-top:90px; }
.finance-preview-figure img { width:100%; border-radius:10px; border:1px solid var(--line); }
.finance-preview-figure figcaption { padding:12px 0; color:var(--soft); font-size:12px; }
.finance-preview-journey { list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:0; margin:12px 0 0; border-block:1px solid var(--line); }
.finance-preview-journey li+li { border-left:1px solid var(--line); }
.finance-preview-journey a { display:flex; align-items:center; gap:14px; padding:15px 14px; font-size:13px; min-height:48px; }
.finance-preview-journey span { color:var(--deep); font-size:12px; }.finance-preview-journey svg { margin-left:auto; width:16px; }
.finance-preview .project-close h2 { white-space:pre-line; }
.finance-detail { width:min(86%,1120px); margin:auto; }
.finance-section { padding-block:52px; scroll-margin-top:85px; }
.finance-opening { padding-top:28px; padding-bottom:0; }
.finance-eyebrow { color:var(--deep); font-size:12px; font-weight:550; letter-spacing:.05em; margin-bottom:16px; }
.finance-hero { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:42px; align-items:center; padding:32px 0 20px; min-height:340px; }
.finance-hero h1 { font-size:44px; line-height:1.35; }
.finance-hero-statement { font-size:22px; line-height:1.65; color:var(--ink); font-weight:550; margin-top:20px; }
.finance-hero-statement span { color:var(--deep); }
.finance-hero-description { font-size:15px; white-space:pre-line; margin-top:16px; max-width:28em; }
.finance-hero-copy .button { margin-top:22px; }
.finance-hero-figure { min-width:0; }
.finance-hero-figure img { border-radius:10px; border:1px solid var(--line); width:100%; }
.finance-hero-figure figcaption { margin-top:12px; font-size:12px; color:var(--soft); }
.finance-detail .chapter-nav { flex-wrap:wrap; gap:20px 30px; }
.finance-detail .chapter-nav a { display:inline-flex; gap:7px; align-items:center; min-height:44px; font-size:13px; }
.finance-detail .chapter-nav svg { width:14px; height:14px; }
.finance-heading h2 { font-size:30px; line-height:1.5; white-space:pre-line; }
.finance-heading>p:last-child:not(.finance-eyebrow) { font-size:14px; margin-top:14px; max-width:55em; }
.finance-problem { max-width:1000px; margin-inline:auto; display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:60px; }
.finance-problem>div:last-child p { font-size:15px; margin-bottom:16px; }
.finance-problem .finance-emphasis { font-weight:550; color:var(--deep); margin:24px 0 0; }
.finance-evidence { padding:34px 40px 32px; background:#f2effa; border:1px solid var(--line); border-radius:12px; }
.finance-step-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:28px; }
.finance-step { display:flex; align-items:center; gap:14px; min-height:56px; text-align:left; padding:12px 16px; border:1px solid #b9b0cb; border-radius:7px; background:transparent; }
.finance-step span { color:var(--soft); font-size:12px; }.finance-step strong { font-size:14px; font-weight:550; }
.finance-step:hover { background:#fff; }.finance-step.is-active { background:#fff5ef; border-color:var(--deep); color:var(--deep); }
.finance-step.is-active span { color:var(--deep); }
.finance-step-narrative { padding:26px 0 22px; min-height:157px; }
.finance-step-narrative h3 { font-size:23px; }.finance-step-narrative p { margin-top:10px; font-size:14px; line-height:1.85; max-width:66em; }
.finance-illustration { background:#fff; border:1px solid var(--line); border-radius:8px; overflow:hidden; }
.finance-image-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:2px 16px; background:#fff; border-bottom:1px solid var(--line); font-size:12px; color:var(--soft); }
.finance-image-toolbar a { display:inline-flex; align-items:center; gap:8px; color:var(--deep); min-height:44px; }.finance-image-toolbar svg { width:16px; }
.finance-illustration img { width:100%; height:auto; }.finance-illustration figcaption { padding:12px 16px; border-top:1px solid var(--line); font-size:12px; color:var(--soft); }
.finance-illustration .image-error { padding:30px; min-height:160px; }
.finance-step-navigation { display:flex; align-items:center; gap:14px; flex-wrap:wrap; padding-top:18px; }
.finance-step-point { font-size:14px; color:var(--deep); font-weight:550; margin-right:auto; }
.finance-control { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:44px; padding:8px 12px; background:#fff; border:1px solid #b9b0cb; border-radius:6px; font-size:13px; }
.finance-control:hover:not(:disabled) { border-color:var(--deep); color:var(--deep); }.finance-control:disabled { opacity:.55; }.finance-control svg { width:16px; }
.finance-deliverables,.finance-boundary { max-width:1000px; margin-inline:auto; }
.finance-output-list { margin:28px 0 0; padding:0; border-top:1px solid var(--line); }
.finance-output-list>div { display:grid; grid-template-columns:220px minmax(0,1fr); gap:32px; padding:20px 0; border-bottom:1px solid var(--line); }
.finance-output-list dt { font-size:17px; font-weight:550; }.finance-output-list dd { margin:0; font-size:14px; color:var(--soft); }
.finance-note { font-size:12px; margin-top:20px; max-width:70em; }
.finance-architecture { background:#fff4ed; border-radius:12px; padding:38px 40px; }
.finance-architecture-layers { list-style:none; counter-reset:layer; padding:0; margin:28px 0 0; }
.finance-architecture-layers li { counter-increment:layer; display:grid; grid-template-columns:28px 125px minmax(0,.9fr) minmax(0,1.1fr); gap:22px; padding:20px 0; border-top:1px solid #e2c9bb; align-items:baseline; }
.finance-architecture-layers li::before { content:'0' counter(layer); color:var(--deep); font-size:12px; }
.finance-architecture-layers h3 { font-size:17px; }.finance-architecture-layers strong { font-size:13px; font-weight:550; }.finance-architecture-layers p { font-size:13px; }
.finance-boundary { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:60px; }
.finance-boundary ul { margin:0; padding-left:18px; color:var(--soft); font-size:14px; }.finance-boundary li { padding-left:5px; margin-bottom:14px; }
.finance-ending { display:flex; align-items:center; justify-content:space-between; gap:40px; border-top:1px solid var(--line); }
.finance-ending .button { flex-shrink:0; }
@media(max-width:1180px) {
  .finance-hero { gap:28px; min-height:300px; }.finance-hero h1 { font-size:38px; }.finance-hero-statement { font-size:20px; }
  .finance-heading h2 { font-size:27px; }.finance-evidence,.finance-architecture { padding-inline:28px; }
  .finance-problem,.finance-boundary { gap:36px; }.finance-architecture-layers li { grid-template-columns:24px 105px minmax(0,.9fr) minmax(0,1.1fr); gap:16px; }
}
@media(max-width:700px) {
  #project-render.is-finance .project-intro { order:0; margin-top:14px; }
  #finance-content { order:1; }.finance-preview { margin-top:22px; }.finance-preview-journey a { gap:8px; padding-inline:9px; }.finance-preview-journey svg { display:none; }
  .finance-detail { width:calc(100% - 40px); }.finance-section { padding-block:36px; }.finance-opening { padding-top:24px; padding-bottom:0; }
  .finance-hero { grid-template-columns:1fr; gap:26px; padding:26px 0 14px; }.finance-hero h1 { font-size:34px; }.finance-hero-statement { font-size:19px; margin-top:16px; }
  .finance-hero-figure { max-width:560px; }.finance-detail .chapter-nav { column-gap:19px; row-gap:0; }
  .finance-detail .chapter-nav a { font-size:12px; }.finance-detail .chapter-nav svg { display:none; }
  .finance-heading h2 { font-size:25px; }.finance-heading>p:last-child:not(.finance-eyebrow) { font-size:14px; }
  .finance-problem,.finance-boundary { grid-template-columns:1fr; gap:24px; }
  .finance-evidence { padding:25px 16px; }.finance-step-list { gap:6px; margin-top:22px; }
  .finance-step { padding:9px 7px; gap:3px; flex-direction:column; align-items:flex-start; }.finance-step strong { font-size:12px; }
  .finance-step-narrative { min-height:0; padding:22px 0 18px; }.finance-step-narrative h3 { font-size:20px; }
  .finance-image-toolbar { padding-inline:10px; font-size:12px; }.finance-illustration figcaption { padding:10px; }
  .finance-step-navigation { gap:10px; }.finance-step-point { width:100%; margin:0 0 4px; }.finance-control { font-size:12px; padding-inline:10px; }
  .finance-output-list>div { grid-template-columns:1fr; gap:8px; padding-block:17px; }
  .finance-architecture { padding:26px 20px; }.finance-architecture-layers li { grid-template-columns:22px minmax(0,1fr); gap:8px 12px; }
  .finance-architecture-layers li strong,.finance-architecture-layers li p { grid-column:2; }.finance-architecture-layers strong { overflow-wrap:anywhere; }
  .finance-ending { display:block; }.finance-ending .button { margin-top:24px; }
}
@media(min-width:701px) and (max-width:960px) { .finance-detail { width:min(calc(100% - 64px),760px); } }
@media(max-width:360px) { .finance-step-navigation { gap:8px; }.finance-control svg { width:14px; } }
