body.concept-b { background: #ffffff; }
.concept-b h1, .concept-b h2, .concept-b h3, .concept-b .brandmark, .concept-b .footer-brand { font-family: Pretendard, "Noto Sans KR", sans-serif; }
.concept-b .site-header { background: rgba(255,255,255,.97); }
.hero-b { padding: 72px 0 68px; }
.hero-b-grid { display: grid; grid-template-columns: minmax(0,1.04fr) minmax(440px,.96fr); gap: 76px; align-items: center; }
.hero-b-copy h1 { max-width: 700px; margin-bottom: 25px; font-size: 56px; font-weight: 760; }
.hero-b-copy > p:not(.eyebrow) { max-width: 610px; margin-bottom: 32px; color: var(--tr-muted); font-size: 18px; }
.decision-panel { padding: 30px; border: 1px solid var(--tr-line); background: var(--tr-bg); }
.decision-head { display: grid; grid-template-columns: 1fr auto; padding-bottom: 22px; border-bottom: 1px solid var(--tr-line); }
.decision-head .eyebrow { grid-column: 1/-1; margin-bottom: 8px; }
.decision-head h2 { margin-bottom: 0; font-size: 23px; }
.decision-head > span { font-weight: 750; }
.decision-panel .fact-grid { grid-template-columns: 1fr 1fr; border-top: 0; }
.decision-panel .fact-item { min-height: 92px; padding: 17px 12px; border-top: 1px solid var(--tr-line); }
.decision-panel .fact-item:nth-child(odd) { border-left: 0; }
.decision-panel .fact-item:nth-child(-n+2) { border-top: 0; }
.decision-panel .fact-item:last-child { grid-column: 1/-1; border-left: 0; }
.decision-panel .fact-item strong { font-size: 15px; }
.decision-panel .fact-label { margin-bottom: 7px; }
.decision-panel .fact-note { font-size: 11px; }
.decision-panel .text-link { margin-top: 18px; }
.route-b { padding: 54px 0; }
.route-grid { display: grid; grid-template-columns: 1.2fr repeat(3,1fr); gap: 0; }
.route-grid > * { padding: 8px 27px; border-left: 1px solid rgba(255,255,255,.2); }
.route-grid h2 { padding-left: 0; border-left: 0; margin-bottom: 0; font-size: 29px; }
.route-grid article > span { display: block; margin-bottom: 12px; color: #e7c36a; font-size: 13px; }
.route-grid h3 { margin-bottom: 9px; font-size: 18px; }
.route-grid p { margin-bottom: 0; color: #dce5df; font-size: 14px; }
.program-scene-b { background: #edf0ed; }
.concept-b .section-head h2 { font-size: 40px; }
.concept-b .principle-grid { border-top-width: 2px; }
.concept-b .timeline-section { background: #ffffff; }
.concept-b .timeline-item { grid-template-columns: 130px 110px minmax(0,1fr); }
.concept-b .archive-section, .concept-b .archive-page, .concept-b .story-section { background: #f3f5f3; }
.concept-b .archive-media { border-radius: 0; }
.concept-b .page-hero { background: #ffffff; border-bottom-width: 2px; }
.concept-b .page-hero h1 { font-size: 54px; font-weight: 750; }
.concept-b .host-reverse .host-media { order: 2; }

@media (max-width: 900px) {
  .hero-b-grid { grid-template-columns: 1fr; gap: 44px; }
  .route-grid { grid-template-columns: 1fr 1fr; }
  .route-grid h2 { grid-column: 1/-1; padding-bottom: 28px; }
  .route-grid > article { padding: 24px 16px 10px 0; border-left: 0; border-top: 1px solid rgba(255,255,255,.2); }
  .route-grid > article + article { padding-left: 18px; border-left: 1px solid rgba(255,255,255,.2); }
  .route-grid > article:last-child { grid-column: 1/-1; padding-left: 0; border-left: 0; }
}

@media (max-width: 768px) {
  .hero-b { padding: 50px 0 58px; }
  .hero-b-copy h1 { font-size: 38px; }
  .decision-panel { padding: 22px; }
  .concept-b .section-head h2 { font-size: 30px; }
  .concept-b .timeline-item { grid-template-columns: 72px 1fr; }
  .concept-b .page-hero h1 { font-size: 38px; }
  .concept-b .host-reverse .host-media { order: 0; }
}