:root{
  --series-max:1180px;
  --series-gutter:22px;
  --series-section-space:48px;
  --series-card-radius:18px;
  --series-card-border:#203955;
  --series-card-padding:22px;
  --series-cta-height:50px;
  --series-cta-radius:14px;
}

/* 투자 시작 전 → 재테크 → 투자 시작 공통 콘텐츠 규칙 */
.prestart-page .pre-wrap,
.money-page .money-wrap,
.flow-page .flow-wrap{
  width:100%;
  max-width:var(--series-max);
  margin-right:auto;
  margin-left:auto;
  padding-right:var(--series-gutter);
  padding-left:var(--series-gutter);
}

.prestart-page .hp-content-tabs-inner,
.money-page .hp-content-tabs-inner,
.flow-page .hp-content-tabs-inner{
  width:100%;
  max-width:var(--series-max);
  padding-right:var(--series-gutter);
  padding-left:var(--series-gutter);
}


/* hero는 정보 카드가 아니라 페이지 도입부다. */
.flow-page .why-invest-shell{
  padding:0 0 var(--series-section-space);
}

.flow-page .why-invest-wrap{
  gap:0;
}

.flow-page .why-stage{
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
}

.prestart-page .pre-section,
.money-page .money-section{
  padding:var(--series-section-space) 0;
}

.prestart-page .pre-overview-section .pre-pillar-row{
  margin-top:0;
}

.prestart-page .pre-section-head,
.money-page .money-section-head{
  max-width:850px;
  margin-bottom:24px;
}

.prestart-page .pre-section-head h2,
.prestart-page .finish-card h2,
.money-page .money-section-head h2,
.money-page .money-finish-card h2,
.flow-page .why-panel-feature h2,
.flow-page .panel-top h2,
.flow-page .why-panel-bridge h2{
  margin:10px 0 12px;
  font-size:clamp(30px,3.2vw,34px);
  line-height:1.22;
  letter-spacing:-.04em;
}

.prestart-page .pre-section-head p,
.prestart-page .finish-card p,
.money-page .money-section-head p,
.money-page .money-finish-card p,
.flow-page .why-panel-feature p,
.flow-page .panel-top p,
.flow-page .why-panel-bridge p{
  font-size:14px;
  line-height:1.8;
}

/* 반복되는 콘텐츠 카드의 외곽 규칙만 통일하고 각 카드의 의미별 색상은 유지 */
.prestart-page .principle-grid article,
.prestart-page .reason-grid button,
.prestart-page .time-grid button,
.money-page .money-card,
.money-page .role-stack>div,
.money-page .check-grid article,
.flow-page .why-panel,
.flow-page .feature-point,
.flow-page .compare-card,
.flow-page .role-card,
.flow-page .balance-box,
.flow-page .start-style-mini{
  border:1px solid var(--series-card-border);
  border-radius:var(--series-card-radius);
}

.prestart-page .principle-grid article,
.prestart-page .reason-grid button,
.prestart-page .time-grid button,
.money-page .money-card,
.money-page .check-grid article,
.flow-page .feature-point,
.flow-page .compare-card,
.flow-page .balance-box,
.flow-page .start-style-mini{
  padding:var(--series-card-padding);
}

.prestart-page .principle-grid article,
.money-page .check-grid article,
.flow-page .why-panel-feature,
.flow-page .why-panel-compare,
.flow-page .why-panel-roles,
.flow-page .why-panel-balance,
.flow-page .why-panel-bridge{
  padding:var(--series-card-padding);
}

.flow-page .why-story-grid{
  gap:16px;
}

.flow-page .start-dashboard{
  padding:var(--series-section-space) 0;
}

.flow-page .start-dashboard .flow-block-head h2{
  font-size:clamp(30px,3.2vw,34px);
  line-height:1.22;
}

.flow-page .start-dashboard .flow-block-head p{
  font-size:14px;
  line-height:1.8;
}

.prestart-page .finish-card,
.money-page .money-finish-card{
  padding:var(--series-card-padding);
  border:1px solid #294866;
  border-radius:var(--series-card-radius);
}

.prestart-page .finish-button,
.money-page .money-cta,
.flow-page .bridge-link,
.flow-page .start-style-action .primary{
  min-height:var(--series-cta-height);
  padding-right:20px;
  padding-left:20px;
  border-radius:var(--series-cta-radius);
  font-size:13px;
  font-weight:950;
}

@media(max-width:700px){
  :root{
    --series-gutter:12px;
    --series-section-space:40px;
    --series-card-padding:18px;
  }


  .prestart-page .pre-section-head h2,
  .prestart-page .finish-card h2,
  .money-page .money-section-head h2,
  .money-page .money-finish-card h2,
  .flow-page .why-panel-feature h2,
  .flow-page .panel-top h2,
  .flow-page .why-panel-bridge h2{
    font-size:26px;
  }

  .flow-page .start-dashboard .flow-block-head h2{
    font-size:26px;
  }

  .prestart-page .finish-card,
  .money-page .money-finish-card{
    padding:var(--series-card-padding);
    border-radius:var(--series-card-radius);
  }
}