/* Hancheng interior template system V3. Homepage remains isolated. */

body.inner-route {
  --inner-display: "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif;
  --inner-ease: cubic-bezier(.16, 1, .3, 1);
}

body.inner-route main { font-family: var(--inner-display); }
body.inner-route main h1,
body.inner-route main h2,
body.inner-route main h3 { text-wrap: balance; }

/* Template A: split-media heroes for solution overview pages. */
body.inner-route[data-route="operating-planning"] { --inner-hero-image: url("./images/products-planning-workshop-v1.jpg"); }
body.inner-route[data-route="organization-effectiveness"] { --inner-hero-image: url("./images/products-organization-workshop-v1.jpg"); }
body.inner-route[data-route="services"] { --inner-hero-image: url("./images/products-method-field-v1.jpg"); }
body.inner-route[data-route="ai-innovation"] { --inner-hero-image: url("./images/hero-glass-bg-v2.png"); }

body.inner-route:is(
  [data-route="operating-planning"],
  [data-route="organization-effectiveness"],
  [data-route="services"],
  [data-route="ai-innovation"]
) .page-hero {
  position: relative;
  isolation: isolate;
  min-height: 540px;
  padding-block: 54px 72px;
  overflow: hidden;
  background: #f1f4f8;
}

body.inner-route:is(
  [data-route="operating-planning"],
  [data-route="organization-effectiveness"],
  [data-route="services"],
  [data-route="ai-innovation"]
) .page-hero::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 0 0 0 52%;
  background: var(--inner-hero-image) center / cover no-repeat;
}
body.inner-route:is(
  [data-route="operating-planning"],
  [data-route="organization-effectiveness"],
  [data-route="services"],
  [data-route="ai-innovation"]
) .page-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  display: block;
  background: linear-gradient(90deg, #f1f4f8 0%, #f1f4f8 45%, rgba(241,244,248,.92) 52%, rgba(10,50,101,.12) 72%, rgba(10,50,101,.22));
  pointer-events: none;
}
body.inner-route:is(
  [data-route="operating-planning"],
  [data-route="organization-effectiveness"],
  [data-route="services"],
  [data-route="ai-innovation"]
) .page-hero-grid {
  min-height: 390px;
  grid-template-columns: minmax(0, 48%) 1fr;
  align-items: center;
}
body.inner-route:is(
  [data-route="operating-planning"],
  [data-route="organization-effectiveness"],
  [data-route="services"],
  [data-route="ai-innovation"]
) .page-hero h1 { margin-top: 42px; font-size: clamp(48px, 4.2vw, 66px); }
body.inner-route:is(
  [data-route="operating-planning"],
  [data-route="organization-effectiveness"],
  [data-route="services"],
  [data-route="ai-innovation"]
) .page-symbol { display: none; }

/* Shared product pages use editorial bands instead of repeated floating boards. */
body.inner-route :where(.methodology-model,.product-positioning,.product-theme-visual,.about-method-chain) {
  border-radius: 2px;
  box-shadow: none;
}
body.inner-route :where(.methodology-model,.product-positioning) {
  border-top: 2px solid var(--inner-ink);
}
body.inner-route .product-detail-v2 .content-shell > section:nth-child(odd),
body.inner-route .ip-page .content-shell > section:nth-child(odd) { position: relative; }
body.inner-route .product-detail-v2 .content-shell > section:nth-child(3n)::before,
body.inner-route .ip-page .content-shell > section:nth-child(3n)::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc((100vw - 100%) / -2);
  right: calc((100vw - 100%) / -2);
  z-index: -1;
  background: #f5f7fa;
}

/* Products V2.16: stronger consulting hierarchy for problem-to-solution boards. */
body.inner-route[data-route="products"] .product-system-page .solution-insight-board {
  border-color: #bdcee4;
  background: #f5f8fc;
}
body.inner-route[data-route="products"] .product-system-page .solution-symptom-column {
  background: #f8fafc;
  border-right-color: #bdcee4;
}
body.inner-route[data-route="products"] .product-system-page .solution-pathway-column { background: #f1f6fc; }
body.inner-route[data-route="products"] .product-system-page .solution-symptom-column > header,
body.inner-route[data-route="products"] .product-system-page .solution-pathway-column > header {
  position: relative;
  min-height: 116px;
  overflow: hidden;
  padding: 23px 82px 20px 30px;
  border-bottom-color: #c9d8ea;
}
body.inner-route[data-route="products"] .product-system-page .solution-symptom-column > header {
  border-top: 4px solid #7e93ad;
  background: #edf1f6;
}
body.inner-route[data-route="products"] .product-system-page .solution-pathway-column > header {
  border-top: 4px solid #1767f2;
  background: #e8f1fd;
}
body.inner-route[data-route="products"] .product-system-page .solution-symptom-column > header::after,
body.inner-route[data-route="products"] .product-system-page .solution-pathway-column > header::after {
  position: absolute;
  right: 25px;
  top: 17px;
  color: rgba(9,39,81,.09);
  font-size: 56px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.06em;
}
body.inner-route[data-route="products"] .product-system-page .solution-symptom-column > header::after { content: "01"; }
body.inner-route[data-route="products"] .product-system-page .solution-pathway-column > header::after { content: "02"; color: rgba(23,103,242,.12); }
body.inner-route[data-route="products"] .product-system-page .solution-symptom-column header > span,
body.inner-route[data-route="products"] .product-system-page .solution-pathway-column header > span {
  display: inline-block;
  padding-bottom: 7px;
  border-bottom: 1px solid currentColor;
}
body.inner-route[data-route="products"] .product-system-page .solution-symptom-column h3,
body.inner-route[data-route="products"] .product-system-page .solution-pathway-column h3 {
  margin-top: 12px;
  font-size: 22px;
  letter-spacing: -.025em;
}
body.inner-route[data-route="products"] .product-system-page .symptom-chain {
  position: relative;
  display: grid;
  gap: 8px;
  padding: 16px 20px 18px 24px;
}
body.inner-route[data-route="products"] .product-system-page .symptom-chain::before {
  content: "";
  position: absolute;
  top: 31px;
  bottom: 31px;
  left: 38px;
  width: 1px;
  background: #9fb8d7;
}
body.inner-route[data-route="products"] .product-system-page .symptom-chain article {
  grid-template-columns: 42px 1fr;
  gap: 11px;
  min-height: 64px;
  align-items: center;
  padding: 10px 15px 10px 0;
  border: 0;
  border-right: 3px solid transparent;
  background: #fff;
}
body.inner-route[data-route="products"] .product-system-page .symptom-chain article:nth-child(even) { background: #f1f5fa; }
body.inner-route[data-route="products"] .product-system-page .symptom-chain article:hover { border-right-color: #1767f2; }
body.inner-route[data-route="products"] .product-system-page .symptom-chain article > b {
  position: relative;
  z-index: 1;
  width: 29px;
  height: 29px;
  color: #0d5bd2;
  border-color: #91b7eb;
  background: #f8fbff;
}
body.inner-route[data-route="products"] .product-system-page .symptom-chain.is-causal article:not(:last-child)::after {
  bottom: -7px;
  left: 11px;
  background: #f8fafc;
}
body.inner-route[data-route="products"] .product-system-page .solution-pathway-column .planning-conversion-flow {
  gap: 1px;
  margin: 16px 20px 14px;
  padding: 1px;
  background: #cad9eb;
}
body.inner-route[data-route="products"] .product-system-page .solution-pathway-column .planning-conversion-flow article {
  min-height: 116px;
  border: 0;
  background: #f8fbff;
}
body.inner-route[data-route="products"] .product-system-page .solution-pathway-column .planning-conversion-flow article:nth-child(-n+3) { background: #edf4fe; }
body.inner-route[data-route="products"] .product-system-page .solution-pathway-column .planning-conversion-flow article:nth-child(n+4) { background: #eef8fa; }
body.inner-route[data-route="products"] .product-system-page .solution-pathway-column .planning-conversion-flow article:not(:last-child)::after {
  z-index: 3;
  background: inherit;
}
body.inner-route[data-route="products"] .product-system-page .solution-pathway-column .planning-conversion-flow article > span {
  border-radius: 12px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 7px 18px rgba(31,79,145,.08);
}
body.inner-route[data-route="products"] .product-system-page .organization-insight-board .organization-cascade-map {
  overflow: hidden;
  border-color: #c5d6ea;
  background: #f7faff;
}
body.inner-route[data-route="products"] .product-system-page .organization-insight-board .organization-cascade-flow article:nth-child(odd) { background: #edf4fe; }
body.inner-route[data-route="products"] .product-system-page .organization-insight-board .organization-cascade-flow article:nth-child(even) { background: #f5f8fc; }
body.inner-route[data-route="products"] .product-system-page .organization-insight-board .solution-pathway-column footer {
  border-color: #bfd5ef;
  background: linear-gradient(90deg,#e8f1ff 0%,#f3f7fd 52%,#eaf8f8 100%);
}

@media (max-width: 760px) {
  body.inner-route[data-route="products"] .product-system-page .solution-symptom-column > header,
  body.inner-route[data-route="products"] .product-system-page .solution-pathway-column > header {
    min-height: 105px;
    padding: 20px 70px 17px 20px;
  }
  body.inner-route[data-route="products"] .product-system-page .solution-symptom-column > header::after,
  body.inner-route[data-route="products"] .product-system-page .solution-pathway-column > header::after {
    right: 18px;
    font-size: 46px;
  }
  body.inner-route[data-route="products"] .product-system-page .symptom-chain { padding-inline: 14px; }
  body.inner-route[data-route="products"] .product-system-page .symptom-chain::before { left: 28px; }
  body.inner-route[data-route="products"] .product-system-page .solution-pathway-column .planning-conversion-flow {
    margin: 12px 14px;
    padding: 8px 14px 8px 48px;
    background: #edf4fe;
  }
  body.inner-route[data-route="products"] .product-system-page .solution-pathway-column .planning-conversion-flow article,
  body.inner-route[data-route="products"] .product-system-page .solution-pathway-column .planning-conversion-flow article:nth-child(n) {
    min-height: 72px;
    background: transparent;
  }
}

/* Annual planning V2.17: clearer planning ledger and readable execution table. */
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-example-ledger {
  overflow: hidden;
  border: 1px solid #b8cbe1;
  border-top: 0;
  background: #f6f9fc;
}
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-example-goal {
  grid-template-columns: 128px 280px minmax(0,1fr);
  min-height: 86px;
  padding-inline: 26px;
  background: linear-gradient(90deg,#082f65 0%,#0c427f 58%,#125393 100%);
}
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-example-goal strong {
  letter-spacing: -.025em;
}
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-example-row {
  grid-template-columns: 62px 252px minmax(0,1fr);
  min-height: 72px;
  border-bottom-color: #c8d7e8;
  background: #fff;
}
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-example-row:nth-child(odd) {
  background: #f2f6fb;
}
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-example-row > b {
  justify-content: center;
  padding: 0;
  color: #fff;
  background: #1764a8;
  font-size: 12px;
  letter-spacing: .08em;
}
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-example-row h3 {
  padding: 13px 20px;
  border-left: 0;
  border-right: 1px solid #c8d7e8;
  color: #102b4c;
  background: rgba(226,236,248,.58);
  font-size: 16px;
}
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-example-row > div {
  display: grid;
  grid-template-columns: repeat(4,minmax(104px,1fr));
  gap: 0;
  padding: 0;
  border-left: 0;
  background: rgba(255,255,255,.72);
}
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-example-row > div span {
  display: flex;
  min-height: 36px;
  align-items: center;
  padding: 10px 14px;
  border-right: 1px solid #d5e0ed;
  border-bottom: 1px solid #e4ebf3;
  color: #214b79;
  font-size: 12px;
  line-height: 1.45;
}
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-example-row > div span:nth-child(4n) {
  border-right: 0;
}
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-sheet-table > div b,
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-sheet-table > article > * {
  justify-content: center;
  text-align: center;
}
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-sheet-table > article > * {
  line-height: 1.6;
}
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-focus-outcome > .content-shell > header h2,
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-focus-outcome > .content-shell > header h2 *,
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-focus-outcome > .content-shell > header > div > h2 {
  color: #fff !important;
}
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-focus-outcome > .content-shell > header > p {
  color: #d4e0ed !important;
}

@media (max-width: 940px) and (min-width: 621px) {
  body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-example-ledger {
    overflow-x: auto;
  }
  body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-example-goal,
  body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-example-row {
    min-width: 900px;
  }
}

@media (max-width: 620px) {
  body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-example-goal {
    grid-template-columns: 1fr;
  }
  body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-example-row {
    grid-template-columns: 46px minmax(0,1fr);
  }
  body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-example-row > div {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-example-row > div span:nth-child(2n) {
    border-right: 0;
  }
}

/* Compensation workshop V2.21: two-day course-outline presentation. */
body.inner-route[data-route="compensation-performance-workshop"] .pay-workshop-page .pw-hero > img {
  object-position: center 46%;
}
body.inner-route[data-route="compensation-performance-workshop"] .pay-workshop-page .pw-heading {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(320px,520px);
  align-items: end;
  gap: 36px;
}
body.inner-route[data-route="compensation-performance-workshop"] .pay-workshop-page .pw-heading small,
body.inner-route[data-route="compensation-performance-workshop"] .pay-workshop-page .pw-heading h2 {
  grid-column: 1;
}
body.inner-route[data-route="compensation-performance-workshop"] .pay-workshop-page .pw-heading h2 {
  margin-top: -24px;
}
body.inner-route[data-route="compensation-performance-workshop"] .pay-workshop-page .pw-heading > p {
  grid-column: 2;
  grid-row: 1 / span 2;
  margin: 0;
  color: #607287;
  font-size: 14px;
  line-height: 1.9;
}
.pw-course-overview-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  border-top: 3px solid #0c3263;
  border-bottom: 1px solid #c5d4e4;
}
.pw-course-overview-grid article {
  min-height: 190px;
  padding: 28px 24px;
  border-right: 1px solid #c5d4e4;
  background: linear-gradient(145deg,#fff 0%,#f5f8fc 100%);
}
.pw-course-overview-grid article:last-child { border-right: 0; }
.pw-course-overview-grid span { color: #1768b7; font-size: 12px; letter-spacing: .08em; }
.pw-course-overview-grid h3 { margin: 26px 0 10px; color: #102c4e; font-size: 22px; }
.pw-course-overview-grid p { margin: 0; color: #607287; font-size: 13px; line-height: 1.85; }
.pw-course-facts {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  margin-top: 22px;
  padding: 18px 0;
  background: #0c3263;
  color: #d5e4f2;
}
.pw-course-facts span { padding: 0 24px; border-right: 1px solid rgba(255,255,255,.18); font-size: 12px; }
.pw-course-facts span:last-child { border-right: 0; }
.pw-course-facts b { display: block; margin-bottom: 5px; color: #fff; font-size: 22px; }
.pw-course-agenda { background: #f1f5f9 !important; }
.pw-course-days { display: grid; gap: 28px; }
.pw-course-day { overflow: hidden; border: 1px solid #bdcfe1; background: #fff; }
.pw-course-day > header {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(280px,400px);
  align-items: center;
  gap: 28px;
  padding: 24px 28px;
  background: linear-gradient(90deg,#0b3264 0%,#174f8b 100%);
  color: #fff;
}
.pw-course-day > header > div { display: flex; align-items: center; gap: 22px; }
.pw-course-day > header span { padding: 8px 11px; border: 1px solid rgba(255,255,255,.4); color: #c9e0f5; font-size: 11px; letter-spacing: .12em; }
.pw-course-day > header h3 { margin: 0; color: #fff; font-size: 26px; }
.pw-course-day > header p { margin: 0; color: #d6e4f2; font-size: 13px; line-height: 1.75; }
.pw-course-session {
  display: grid;
  grid-template-columns: 180px minmax(0,1fr) 265px;
  min-height: 210px;
  border-bottom: 1px solid #cbd8e6;
}
.pw-course-session:last-child { border-bottom: 0; }
.pw-session-time { padding: 28px 22px; background: #e9f1f9; }
.pw-session-time span { display: block; margin-bottom: 12px; color: #1768b7; font-size: 11px; letter-spacing: .08em; }
.pw-session-time strong { color: #163a61; font-size: 14px; line-height: 1.6; }
.pw-session-content { padding: 27px 30px; }
.pw-session-content h4 { margin: 0 0 16px; color: #102c4e; font-size: 21px; }
.pw-session-content ul { margin: 0; padding-left: 18px; color: #536a81; font-size: 13px; line-height: 2; }
.pw-session-output {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 13px;
  padding: 26px 24px;
  border-left: 1px solid #d4dfeb;
  background: #f8fafc;
}
.pw-session-output span { color: #61758b; font-size: 12px; line-height: 1.75; }
.pw-session-output strong { padding-top: 13px; border-top: 1px solid #bfd0e2; color: #1768b7; font-size: 14px; line-height: 1.65; }
.pw-course-experience-grid { display: grid; grid-template-columns: 42% minmax(0,1fr); gap: 28px; }
.pw-course-experience-grid figure { position: relative; min-height: 410px; margin: 0; overflow: hidden; background: #0c3263; }
.pw-course-experience-grid figure img { width: 100%; height: 100%; object-fit: cover; }
.pw-course-experience-grid figcaption { position: absolute; inset: auto 0 0; padding: 55px 24px 20px; color: #fff; background: linear-gradient(transparent,rgba(5,32,64,.9)); font-size: 12px; line-height: 1.7; }
.pw-course-methods { display: grid; grid-template-columns: 1fr 1fr; border-top: 3px solid #0c3263; }
.pw-course-methods article { min-height: 202px; padding: 26px 24px; border-right: 1px solid #c8d7e7; border-bottom: 1px solid #c8d7e7; background: #f7f9fc; }
.pw-course-methods article:nth-child(even) { border-right: 0; }
.pw-course-methods span { color: #1768b7; font-size: 25px; font-weight: 700; }
.pw-course-methods h3 { margin: 20px 0 8px; color: #102c4e; font-size: 19px; }
.pw-course-methods p { margin: 0; color: #607287; font-size: 12px; line-height: 1.75; }
.pw-course-flow { display: grid; grid-template-columns: repeat(6,1fr); margin-top: 24px; border: 1px solid #c4d4e5; }
.pw-course-flow span { position: relative; padding: 17px 12px; border-right: 1px solid #c4d4e5; color: #244e78; font-size: 12px; text-align: center; }
.pw-course-flow span:last-child { border-right: 0; }
.pw-course-flow span:not(:last-child)::after { content: '→'; position: absolute; right: -8px; z-index: 1; color: #1768b7; background: #fff; }
.pw-course-flow b { margin-right: 8px; color: #7d98b3; font-size: 10px; }
.pw-course-results { background: #0c3263 !important; color: #fff; }
.pw-course-results .pw-heading small,
.pw-course-results .pw-heading > p { color: #a8c9e8 !important; }
.pw-course-results .pw-heading h2 { color: #fff; }
.pw-course-takeaways { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid #517092; }
.pw-course-takeaways article { min-height: 135px; padding: 25px 22px; border-right: 1px solid #517092; border-bottom: 1px solid #517092; }
.pw-course-takeaways article:nth-child(3n) { border-right: 0; }
.pw-course-takeaways span { color: #8fc0ec; font-size: 11px; }
.pw-course-takeaways h3 { margin: 20px 0 0; color: #fff; font-size: 19px; }
.pw-course-boundary { display: flex; gap: 28px; margin-top: 24px; padding: 20px 22px; background: rgba(255,255,255,.08); font-size: 13px; line-height: 1.8; }
.pw-course-boundary strong { flex: 0 0 auto; color: #fff; }
.pw-course-boundary p { margin: 0; color: #c6d9eb; }

@media (max-width: 940px) {
  body.inner-route[data-route="compensation-performance-workshop"] .pay-workshop-page .pw-heading { grid-template-columns: 1fr; gap: 14px; }
  body.inner-route[data-route="compensation-performance-workshop"] .pay-workshop-page .pw-heading h2 { margin-top: -10px; }
  body.inner-route[data-route="compensation-performance-workshop"] .pay-workshop-page .pw-heading > p { grid-column: 1; grid-row: auto; }
  .pw-course-overview-grid { grid-template-columns: 1fr 1fr; }
  .pw-course-overview-grid article:nth-child(2) { border-right: 0; }
  .pw-course-overview-grid article { border-bottom: 1px solid #c5d4e4; }
  .pw-course-day > header { grid-template-columns: 1fr; gap: 12px; }
  .pw-course-session { grid-template-columns: 145px minmax(0,1fr); }
  .pw-session-output { grid-column: 1 / -1; border-top: 1px solid #d4dfeb; border-left: 0; }
  .pw-course-experience-grid { grid-template-columns: 1fr; }
  .pw-course-experience-grid figure { min-height: 320px; }
}

@media (max-width: 620px) {
  .pw-course-overview-grid,
  .pw-course-facts,
  .pw-course-takeaways { grid-template-columns: 1fr 1fr; }
  .pw-course-overview-grid article { min-height: 158px; padding: 22px 18px; }
  .pw-course-overview-grid article:nth-child(even) { border-right: 0; }
  .pw-course-overview-grid h3 { margin-top: 18px; font-size: 19px; }
  .pw-course-facts span { padding: 14px 16px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.15); }
  .pw-course-facts b { font-size: 19px; }
  .pw-course-day > header { padding: 20px 18px; }
  .pw-course-day > header > div { display: block; }
  .pw-course-day > header h3 { margin-top: 14px; font-size: 22px; }
  .pw-course-session { grid-template-columns: 1fr; }
  .pw-session-time { padding: 17px 18px; }
  .pw-session-time span { display: inline-block; margin: 0 12px 0 0; }
  .pw-session-content { padding: 21px 18px; }
  .pw-session-content h4 { font-size: 19px; }
  .pw-session-output { grid-column: 1; padding: 18px; }
  .pw-course-experience-grid figure { min-height: 250px; }
  .pw-course-methods article { min-height: 175px; padding: 20px 16px; }
  .pw-course-methods span { font-size: 21px; }
  .pw-course-flow { grid-template-columns: 1fr 1fr; }
  .pw-course-flow span { border-bottom: 1px solid #c4d4e5; }
  .pw-course-flow span:nth-child(even) { border-right: 0; }
  .pw-course-flow span:not(:last-child)::after { display: none; }
  .pw-course-takeaways article { min-height: 112px; padding: 20px 15px; }
  .pw-course-takeaways article:nth-child(n) { border-right: 1px solid #517092; }
  .pw-course-takeaways article:nth-child(even) { border-right: 0; }
  .pw-course-takeaways h3 { margin-top: 14px; font-size: 16px; }
  .pw-course-boundary { display: block; padding: 18px; }
  .pw-course-boundary strong { display: block; margin-bottom: 8px; }
}

/* Annual planning V2.18: decision model, authentic workshop image and compact answer tags. */
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-intelligence-model {
  min-height: 364px;
  grid-template-columns: 174px minmax(0,1fr);
  border: 1px solid #b8cbe1;
  border-top: 3px solid #082f65;
  background: #fff;
}
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-intelligence-model > .annual-model-core {
  display: flex;
  min-height: 0;
  align-items: flex-start;
  justify-content: center;
  padding: 28px 22px;
  border: 0;
  color: #fff;
  background: linear-gradient(160deg,#082f65 0%,#0d4c91 100%);
}
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-model-core small {
  color: #9fd2ff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
}
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-model-core strong {
  margin: 19px 0 15px;
  color: #fff;
  font-size: 24px;
  line-height: 1.35;
}
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-model-core span {
  padding-top: 15px;
  border-top: 1px solid rgba(255,255,255,.28);
  color: #d7e6f4;
  font-size: 12px;
  line-height: 1.8;
}
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-model-stages {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(3,minmax(0,1fr));
  grid-template-rows: repeat(2,1fr);
  background: #f7f9fc;
}
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-model-stages article {
  position: relative;
  display: grid;
  min-width: 0;
  grid-template-columns: 38px minmax(0,1fr);
  gap: 10px;
  align-items: start;
  padding: 24px 17px;
  border-right: 1px solid #c8d7e8;
  border-bottom: 1px solid #c8d7e8;
  background: #fff;
}
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-model-stages article:nth-child(2),
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-model-stages article:nth-child(5) {
  background: #eef5fc;
}
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-model-stages article:nth-child(3),
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-model-stages article:nth-child(6) {
  border-right: 0;
}
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-model-stages article:nth-child(n+4) {
  border-bottom: 0;
}
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-model-stages article:nth-child(4) { grid-column: 3; grid-row: 2; }
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-model-stages article:nth-child(5) { grid-column: 2; grid-row: 2; }
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-model-stages article:nth-child(6) { grid-column: 1; grid-row: 2; }
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-model-stages article > b {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  color: #fff;
  background: #1764a8;
  font-size: 10px;
  letter-spacing: .06em;
}
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-model-stages article strong {
  display: block;
  margin: 2px 0 8px;
  color: #102b4c;
  font-size: 17px;
  line-height: 1.35;
}
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-model-stages article span {
  color: #5e7086;
  font-size: 11px;
  line-height: 1.55;
}
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-example-photo img {
  object-position: center 48%;
}
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-example-row > div {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  gap: 7px;
  padding: 12px 16px;
  background: rgba(255,255,255,.72);
}
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-example-row > div span {
  display: inline-flex;
  min-height: 0;
  align-items: center;
  padding: 7px 12px;
  border: 1px solid #bfd3e9;
  border-radius: 3px;
  color: #164a7f;
  background: #edf5fd;
  font-size: 12px;
  line-height: 1.2;
  white-space: nowrap;
}
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-example-row:nth-child(even) > div span {
  background: #f7fafc;
}

@media (max-width: 940px) {
  body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-intelligence-model {
    min-height: 364px;
    grid-template-columns: 150px minmax(0,1fr);
  }
  body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-model-stages article {
    padding: 20px 12px;
  }
}

@media (max-width: 620px) {
  body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-intelligence-model {
    display: block;
    min-height: 0;
  }
  body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-intelligence-model > .annual-model-core {
    min-height: 170px;
    padding: 24px 20px;
  }
  body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-model-stages {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }
  body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-model-stages article,
  body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-model-stages article:nth-child(n) {
    grid-column: auto;
    grid-row: auto;
    min-height: 136px;
    padding: 18px 13px;
    border-right: 1px solid #c8d7e8;
    border-bottom: 1px solid #c8d7e8;
  }
  body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-model-stages article:nth-child(even) {
    border-right: 0;
  }
  body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-model-stages article:nth-child(n+5) {
    border-bottom: 0;
  }
  body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-example-row > div {
    display: flex;
    grid-column: 1 / -1;
    gap: 7px;
    padding: 12px;
  }
  body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-example-row > div span,
  body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-example-row > div span:nth-child(n) {
    min-height: 0;
    padding: 7px 10px;
    border: 1px solid #bfd3e9;
  }
}

/* Diagnosis V7: restore the original layered pyramid and keep mobile readable. */
@media (max-width: 760px) {
  body.inner-route[data-route="business-diagnosis"] .diagnosis-method-grid {
    grid-template-columns: minmax(0,1fr);
    gap: 28px;
    align-items: start;
  }
  body.inner-route[data-route="business-diagnosis"] .diagnosis-layer-stack {
    width: 100%;
    padding-right: 0;
  }
  body.inner-route[data-route="business-diagnosis"] .diagnosis-layer-stack article,
  body.inner-route[data-route="business-diagnosis"] .diagnosis-layer-stack article:nth-child(n) {
    width: 100%;
    min-height: 64px;
    grid-template-columns: 34px 108px minmax(0,1fr);
    margin-bottom: 7px;
    padding: 0 14px;
  }
  body.inner-route[data-route="business-diagnosis"] .diagnosis-layer-stack article p {
    font-size: 12px;
    line-height: 1.45;
  }
  body.inner-route[data-route="business-diagnosis"] .diagnosis-layer-stack aside {
    display: none;
  }
}

/* Template B: project evidence as an editorial case magazine. */
body.inner-route[data-route="cases"] .case-archive-hero {
  position: relative;
  isolation: isolate;
  width: 100%;
  min-height: 500px;
  grid-template-columns: minmax(0, 1.3fr) minmax(380px, .7fr);
  align-items: end;
  padding: 110px max(48px, calc((100% - 1320px) / 2)) 72px;
  color: #fff;
  border: 0;
  background:
    linear-gradient(90deg, rgba(4,24,52,.98), rgba(4,34,72,.86) 46%, rgba(4,34,72,.2)),
    url("./images/cases-hero-architecture-ai-v2.png") center 52% / cover no-repeat;
}
body.inner-route[data-route="cases"] .case-archive-hero > div,
body.inner-route[data-route="cases"] .case-archive-hero > aside { position: relative; z-index: 1; }
body.inner-route[data-route="cases"] .case-archive-hero > div > span { color: #8dbdff; }
body.inner-route[data-route="cases"] .case-archive-hero h1 { max-width: 760px; color: #fff; font-size: clamp(50px, 4.5vw, 70px); }
body.inner-route[data-route="cases"] .case-archive-hero > div > p { max-width: 680px; color: rgba(232,240,251,.82); }
body.inner-route[data-route="cases"] .case-archive-hero aside {
  align-self: end;
  border-color: rgba(255,255,255,.28);
  border-radius: 2px;
  background: rgba(4,24,52,.68);
  backdrop-filter: blur(14px);
}
body.inner-route[data-route="cases"] .case-archive-hero aside article { border-color: rgba(255,255,255,.18); }
body.inner-route[data-route="cases"] .case-archive-hero aside strong { color: #fff; }
body.inner-route[data-route="cases"] .case-archive-hero aside span { color: #b8c9df; }
body.inner-route[data-route="cases"] .case-archive-shell { width: min(1320px, calc(100% - 80px)); }
body.inner-route[data-route="cases"] .case-archive-page .case-archive-shell { padding-block: 88px; }
body.inner-route[data-route="cases"] .case-archive-section-head {
  grid-template-columns: minmax(0, 1fr) minmax(340px, .42fr);
  margin-bottom: 42px;
}
body.inner-route[data-route="cases"] .case-archive-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: stretch; }
body.inner-route[data-route="cases"] .case-archive-card {
  display: grid;
  grid-template-columns: minmax(220px, .78fr) minmax(0, 1.22fr);
  border-radius: 2px;
  box-shadow: none;
}
body.inner-route[data-route="cases"] .case-archive-cover {
  min-height: 100%;
  border-radius: 0;
  background: #0a3265;
}
body.inner-route[data-route="cases"] .case-archive-body { height: 100%; background: #fff; }
body.inner-route[data-route="cases"] .case-archive-cover > span,
body.inner-route[data-route="cases"] .case-archive-carriers li,
body.inner-route[data-route="cases"] .case-archive-intervention b,
body.inner-route[data-route="cases"] .case-archive-key-change { border-radius: 2px; }
body.inner-route[data-route="cases"] .case-archive-body .case-archive-key-change { background: #f1f5fa; }
body.inner-route[data-route="cases"] .case-outline-section { background: #eef2f6; }
body.inner-route[data-route="cases"] .case-outline-section .case-archive-shell { padding-block: 58px 64px; }
body.inner-route[data-route="cases"] .case-outline-section .case-archive-section-head {
  grid-template-columns: minmax(0, 1fr) minmax(340px, .48fr);
  align-items: center;
  margin-bottom: 26px;
  padding-bottom: 22px;
  border-bottom: 1px solid #c9d6e6;
}
body.inner-route[data-route="cases"] .case-outline-section .case-archive-section-head > p {
  padding-left: 24px;
  border-left: 2px solid #1767f2;
}
body.inner-route[data-route="cases"] .case-outline-columns { display: none; }
body.inner-route[data-route="cases"] .case-outline-list {
  gap: 1px;
  border: 1px solid #c8d6e7;
  background: #c8d6e7;
}
body.inner-route[data-route="cases"] .case-outline-item {
  position: relative;
  min-height: 112px;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  grid-template-rows: auto 1fr;
  gap: 7px 15px;
  align-items: start;
  padding: 20px 22px 18px;
  border: 0;
  background: #fff;
  transition: background-color .25s ease, transform .25s ease;
}
body.inner-route[data-route="cases"] .case-outline-item:hover {
  z-index: 1;
  background: #f7faff;
  transform: translateY(-1px);
}
body.inner-route[data-route="cases"] .case-outline-index {
  grid-column: 1;
  grid-row: 1 / span 2;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  color: #1767f2;
  font-size: 11px;
  letter-spacing: .08em;
  border: 1px solid #a9c7f1;
  font-weight: 800;
}
body.inner-route[data-route="cases"] .case-outline-item > span {
  grid-column: 2;
  grid-row: 1;
  color: #718099;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
}
body.inner-route[data-route="cases"] .case-outline-item h3 {
  grid-column: 2;
  grid-row: 2;
  max-width: 360px;
  color: #082756;
  font-size: 14px;
  line-height: 1.55;
}
body.inner-route[data-route="cases"] .case-outline-item strong,
body.inner-route[data-route="cases"] .case-outline-item em {
  justify-self: end;
  padding: 5px 8px;
  font-size: 9px;
  line-height: 1.35;
  border-radius: 2px;
}
body.inner-route[data-route="cases"] .case-outline-item strong {
  grid-column: 3;
  grid-row: 1;
  color: #0f5ed4;
  background: #eaf2ff;
}
body.inner-route[data-route="cases"] .case-outline-item em {
  grid-column: 3;
  grid-row: 2;
  color: #4f6078;
  background: #f0f3f7;
}
body.inner-route[data-route="cases"] .case-proof-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
body.inner-route[data-route="cases"] .case-proof-photo {
  aspect-ratio: 16 / 9;
  border: 1px solid #d7e2f0;
  border-radius: 2px;
  background: #edf2f7;
}
body.inner-route[data-route="cases"] .case-proof-photo img {
  object-position: center center;
}
body.inner-route[data-route="cases"] .case-proof-photo-featured {
  grid-column: span 2;
  aspect-ratio: 16 / 7.8;
}
body.inner-route[data-route="cases"] .case-proof-photo figcaption {
  position: absolute;
  inset: auto 0 0;
  padding: 48px 22px 18px;
  color: #fff;
  background: linear-gradient(180deg, transparent, rgba(4, 25, 56, .86));
  font-size: 14px;
  font-weight: 650;
  letter-spacing: .02em;
}
body.inner-route[data-route="cases"] .case-proof-logo-wall { border-radius: 2px; }
body.inner-route[data-route="cases"] .case-proof-logo-wall > figure:nth-last-child(6):nth-child(8n + 1) {
  grid-column-start: 2;
}

@media (max-width: 760px) {
  body.inner-route[data-route="cases"] .case-outline-section .case-archive-shell { padding-block: 42px 48px; }
  body.inner-route[data-route="cases"] .case-outline-section .case-archive-section-head { padding-bottom: 18px; }
  body.inner-route[data-route="cases"] .case-outline-section .case-archive-section-head > p { padding-left: 0; border-left: 0; }
  body.inner-route[data-route="cases"] .case-outline-item { grid-template-columns: 40px 1fr; grid-template-rows: auto auto auto; min-height: 0; padding: 18px 16px; }
  body.inner-route[data-route="cases"] .case-outline-index { grid-column: 1; grid-row: 1 / span 3; }
  body.inner-route[data-route="cases"] .case-outline-item > span { grid-column: 2; grid-row: 1; display: block; }
  body.inner-route[data-route="cases"] .case-outline-item h3 { grid-column: 2; grid-row: 2; }
  body.inner-route[data-route="cases"] .case-outline-item strong,
  body.inner-route[data-route="cases"] .case-outline-item em { grid-row: 3; justify-self: start; }
  body.inner-route[data-route="cases"] .case-outline-item strong { grid-column: 2; }
  body.inner-route[data-route="cases"] .case-outline-item em { grid-column: 2; margin-left: 110px; }
}

/* Template C1: brand story. */
body.inner-route[data-route="about"] .page-hero,
body.inner-route[data-route="cooperation"] .page-hero,
body.inner-route[data-route="contact"] .page-hero {
  min-height: 540px;
  color: #fff;
  border: 0;
}
body.inner-route[data-route="about"] .page-hero {
  background:
    linear-gradient(90deg, rgba(4,24,52,.96), rgba(4,34,72,.76) 48%, rgba(4,34,72,.18)),
    url("./images/home-company-workshop-v2.jpg") center 45% / cover no-repeat;
}
body.inner-route[data-route="cooperation"] .page-hero {
  min-height: 500px;
  background:
    linear-gradient(90deg, rgba(4,24,52,.96), rgba(4,34,72,.72) 50%, rgba(4,34,72,.2)),
    url("./images/products-method-field-v1.jpg") center / cover no-repeat;
}
body.inner-route[data-route="contact"] .page-hero {
  background:
    linear-gradient(90deg, rgba(4,24,52,.97), rgba(4,34,72,.84) 50%, rgba(4,34,72,.34)),
    url("./images/products-hero-architecture-v1.jpg") center 55% / cover no-repeat;
}
body.inner-route[data-route="about"] .page-hero h1,
body.inner-route[data-route="cooperation"] .page-hero h1,
body.inner-route[data-route="contact"] .page-hero h1 { color: #fff; }
body.inner-route[data-route="about"] .page-hero p,
body.inner-route[data-route="cooperation"] .page-hero p,
body.inner-route[data-route="contact"] .page-hero p { color: rgba(232,240,251,.84); }
body.inner-route[data-route="about"] .page-hero .breadcrumbs,
body.inner-route[data-route="cooperation"] .page-hero .breadcrumbs,
body.inner-route[data-route="contact"] .page-hero .breadcrumbs { color: rgba(222,234,249,.7); }
body.inner-route[data-route="about"] .page-symbol,
body.inner-route[data-route="cooperation"] .page-symbol,
body.inner-route[data-route="contact"] .page-symbol { display: none; }

body.inner-route[data-route="about"] .about-intro { grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr); gap: 90px; }
body.inner-route[data-route="about"] .about-intro h2 { max-width: 760px; font-size: clamp(38px, 3.6vw, 54px); line-height: 1.16; letter-spacing: -.04em; }
body.inner-route[data-route="about"] .about-intro > div:first-child > p { max-width: 700px; font-size: 15px; line-height: 1.9; }
body.inner-route[data-route="about"] .about-intro blockquote { padding: 25px 0 0 28px; background: transparent; }
body.inner-route[data-route="about"] .culture-grid {
  gap: 0;
  border-top: 2px solid var(--inner-ink);
  border-bottom: 1px solid var(--inner-line);
}
body.inner-route[data-route="about"] .culture-grid article { padding: 26px 4px; border: 0; border-bottom: 1px solid var(--inner-line); border-radius: 0; }
body.inner-route[data-route="about"] .culture-grid article:last-child { border-bottom: 0; }
body.inner-route[data-route="about"] .proof-in-page { border-radius: 2px; }
body.inner-route[data-route="about"] .about-method-chain { grid-template-columns: 1.25fr .9fr 1.1fr .9fr 1.25fr; }
body.inner-route[data-route="about"] .about-method-chain article:nth-child(even) { background: #f3f6fa; }
body.inner-route[data-route="about"] .scene-grid { grid-template-columns: 1.4fr .8fr .8fr 1.2fr; align-items: end; gap: 8px; }
body.inner-route[data-route="about"] .scene-grid figure { border-radius: 2px; }
body.inner-route[data-route="about"] .scene-grid figure:nth-child(1) img,
body.inner-route[data-route="about"] .scene-grid figure:nth-child(4) img { height: 320px; }
body.inner-route[data-route="about"] .scene-grid figure:nth-child(2) img,
body.inner-route[data-route="about"] .scene-grid figure:nth-child(3) img { height: 250px; }

/* Template C2: three partnership tracks with one clear primary track. */
body.inner-route[data-route="cooperation"] .cooperation-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: auto auto;
  gap: 0;
  padding-top: 88px;
  border-top: 2px solid var(--inner-ink);
}
body.inner-route[data-route="cooperation"] .cooperation-grid > article {
  min-width: 0;
  min-height: 470px;
  display: flex;
  flex-direction: column;
  padding: 42px 38px;
  border-radius: 0;
  box-shadow: none;
}
body.inner-route[data-route="cooperation"] .cooperation-grid > article:first-child {
  grid-row: auto;
  color: #fff;
  border: 0;
  background: #0a3265;
}
body.inner-route[data-route="cooperation"] .cooperation-grid > article:first-child h2,
body.inner-route[data-route="cooperation"] .cooperation-grid > article:first-child > strong { color: #fff; }
body.inner-route[data-route="cooperation"] .cooperation-grid > article:first-child p,
body.inner-route[data-route="cooperation"] .cooperation-grid > article:first-child li { color: #c4d2e5; border-color: rgba(255,255,255,.15); }
body.inner-route[data-route="cooperation"] .cooperation-grid > article ul { width: 100%; margin-top: auto; }
body.inner-route[data-route="cooperation"] .cooperation-grid > article:nth-child(2),
body.inner-route[data-route="cooperation"] .cooperation-grid > article:nth-child(3) {
  border: 1px solid var(--inner-line);
  border-left: 0;
}
body.inner-route[data-route="cooperation"] .cooperation-grid > article h2 { font-size: 34px; }
body.inner-route[data-route="cooperation"] .cooperation-path {
  grid-column: 1 / -1;
  margin-top: 52px;
  padding: 36px 0 0;
  border-top: 2px solid var(--inner-ink);
}

/* Template C3: consultation panel with strong conversion focus. */
body.inner-route[data-route="contact"] .contact-layout {
  grid-template-columns: minmax(300px, .62fr) minmax(0, 1.38fr);
  gap: 88px;
  padding-block: 96px 112px;
}
body.inner-route[data-route="contact"] .contact-copy h2 { font-size: clamp(38px, 3.6vw, 54px); line-height: 1.15; letter-spacing: -.04em; }
body.inner-route[data-route="contact"] .contact-prompts { border-top: 2px solid var(--inner-ink); }
body.inner-route[data-route="contact"] .contact-prompts p { margin: 0; padding: 17px 0; border-bottom: 1px solid var(--inner-line); }
body.inner-route[data-route="contact"] .contact-channels {
  grid-template-columns: 1fr 220px;
  gap: 40px;
  padding: 52px;
  color: #fff;
  border: 0;
  border-radius: 2px;
  background: #0a3265;
  box-shadow: 0 28px 70px rgba(10,50,101,.18);
}
body.inner-route[data-route="contact"] .contact-channel-copy > span { color: #84b9ff; }
body.inner-route[data-route="contact"] .contact-channel-copy h2,
body.inner-route[data-route="contact"] .contact-detail a,
body.inner-route[data-route="contact"] .contact-detail > span { color: #fff; }
body.inner-route[data-route="contact"] .contact-channel-copy > p,
body.inner-route[data-route="contact"] .contact-detail small { color: #c3d0e2; }
body.inner-route[data-route="contact"] .contact-detail { border-color: rgba(255,255,255,.16); }
body.inner-route[data-route="contact"] .contact-qr img { padding: 10px; border: 0; border-radius: 2px; background: #fff; }

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  body.inner-route[data-route="cases"] .case-archive-card,
  body.inner-route[data-route="cooperation"] .cooperation-grid > article,
  body.inner-route[data-route="contact"] .contact-channels {
    transition: transform .35s var(--inner-ease), border-color .35s ease;
  }
  body.inner-route[data-route="cases"] .case-archive-card:hover,
  body.inner-route[data-route="cooperation"] .cooperation-grid > article:hover { transform: translateY(-4px); border-color: #9dbce8; }
}

@media (max-width: 980px) {
  body.inner-route:is(
    [data-route="operating-planning"],
    [data-route="organization-effectiveness"],
    [data-route="services"],
    [data-route="ai-innovation"]
  ) .page-hero::before { inset: 0 0 0 47%; }
  body.inner-route[data-route="cases"] .case-archive-hero { grid-template-columns: 1fr; gap: 42px; }
  body.inner-route[data-route="cases"] .case-archive-grid { grid-template-columns: 1fr; }
  body.inner-route[data-route="cases"] .case-archive-card { grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr); }
  body.inner-route[data-route="cases"] .case-proof-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.inner-route[data-route="cases"] .case-proof-photo-featured { grid-column: span 1; aspect-ratio: 16 / 9; }
  body.inner-route[data-route="cases"] .case-proof-logo-wall > figure:nth-last-child(6):nth-child(8n + 1) { grid-column-start: auto; }
  body.inner-route[data-route="cases"] .case-proof-logo-wall > figure:nth-last-child(4):nth-child(6n + 1) { grid-column-start: 2; }
  body.inner-route[data-route="about"] .about-intro { grid-template-columns: 1fr; gap: 48px; }
  body.inner-route[data-route="about"] .scene-grid { grid-template-columns: 1fr 1fr; }
  body.inner-route[data-route="about"] .scene-grid figure img { height: 260px !important; }
  body.inner-route[data-route="cooperation"] .cooperation-grid { grid-template-columns: 1fr; grid-template-rows: auto; }
  body.inner-route[data-route="cooperation"] .cooperation-grid > article { min-height: auto; }
  body.inner-route[data-route="cooperation"] .cooperation-grid > article:nth-child(2),
  body.inner-route[data-route="cooperation"] .cooperation-grid > article:nth-child(3) {
    border-left: 1px solid var(--inner-line);
    border-top: 0;
  }
  body.inner-route[data-route="contact"] .contact-layout { grid-template-columns: 1fr; gap: 54px; }
}

@media (max-width: 700px) {
  body.inner-route:is(
    [data-route="operating-planning"],
    [data-route="organization-effectiveness"],
    [data-route="services"],
    [data-route="ai-innovation"]
  ) .page-hero { min-height: 560px; padding-bottom: 0; }
  body.inner-route:is(
    [data-route="operating-planning"],
    [data-route="organization-effectiveness"],
    [data-route="services"],
    [data-route="ai-innovation"]
  ) .page-hero::before { inset: 55% 0 0; }
  body.inner-route:is(
    [data-route="operating-planning"],
    [data-route="organization-effectiveness"],
    [data-route="services"],
    [data-route="ai-innovation"]
  ) .page-hero::after { background: linear-gradient(180deg, #f1f4f8 0%, #f1f4f8 48%, rgba(241,244,248,.45) 66%, rgba(10,50,101,.12)); }
  body.inner-route:is(
    [data-route="operating-planning"],
    [data-route="organization-effectiveness"],
    [data-route="services"],
    [data-route="ai-innovation"]
  ) .page-hero-grid { min-height: 500px; grid-template-columns: 1fr; align-items: start; }
  body.inner-route[data-route="about"] .page-hero,
  body.inner-route[data-route="cooperation"] .page-hero,
  body.inner-route[data-route="contact"] .page-hero { min-height: 500px; background-position: 62% center; }
  body.inner-route[data-route="cases"] .case-archive-hero { min-height: 650px; padding: 78px 20px 42px; }
  body.inner-route[data-route="cases"] .case-archive-shell { width: calc(100% - 32px); }
  body.inner-route[data-route="cases"] .case-archive-card { grid-template-columns: 1fr; }
  body.inner-route[data-route="cases"] .case-proof-grid { grid-template-columns: 1fr; gap: 10px; }
  body.inner-route[data-route="cases"] .case-proof-photo figcaption { padding: 38px 15px 13px; font-size: 12px; }
  body.inner-route[data-route="cases"] .case-proof-logo-wall > figure:nth-last-child(4):nth-child(6n + 1) { grid-column-start: auto; }
  body.inner-route[data-route="cases"] .case-proof-logo-wall > figure:last-child { grid-column-start: 2; }
  body.inner-route[data-route="about"] .about-method-chain { grid-template-columns: 1fr; }
  body.inner-route[data-route="about"] .scene-grid { grid-template-columns: 1fr; }
  body.inner-route[data-route="about"] .scene-grid figure img { height: 240px !important; }
  body.inner-route[data-route="cooperation"] .cooperation-grid { padding-top: 58px; }
  body.inner-route[data-route="cooperation"] .cooperation-grid > article { padding: 34px 24px; }
  body.inner-route[data-route="contact"] .contact-layout { padding-block: 68px 82px; }
  body.inner-route[data-route="contact"] .contact-channels { grid-template-columns: 1fr; padding: 34px 24px; }
}

/* Annual planning V2.19: Chinese leadership hero and denser planning ledger. */
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-focus-hero img {
  object-position: center 48%;
}
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-example-goal {
  min-height: 70px;
  padding-inline: 22px;
}
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-example-row {
  grid-template-columns: 52px 230px minmax(0,1fr);
  min-height: 54px;
}
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-example-row h3 {
  padding: 8px 16px;
  font-size: 15px;
}
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-example-row > div {
  gap: 6px;
  padding: 8px 14px;
}
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-example-row > div span {
  padding: 5px 10px;
  font-size: 11px;
}
body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-focus-example blockquote {
  margin-top: 16px;
  padding: 14px 20px;
  font-size: 16px;
}

@media (max-width: 620px) {
  body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-example-goal {
    min-height: 0;
    padding: 15px 14px;
  }
  body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-example-row {
    min-height: 0;
  }
  body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-example-row h3 {
    padding: 9px 10px;
  }
  body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-example-row > div {
    gap: 6px;
    padding: 9px 10px;
  }
  body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-example-row > div span,
  body.inner-route[data-route="annual-planning"] .annual-focus-page .annual-example-row > div span:nth-child(n) {
    padding: 5px 8px;
    font-size: 10px;
  }
}