/* TENGEN V7.1 — typography + interior column spacing refinement
   Keeps the overall content width, colors, imagery, section padding and 5-page navigation unchanged. */

/* More distinct display typography across Japanese / Chinese / English. */
html[lang="zh-Hant"] :is(.hero h1,.display-heading,.ab-hero h1,.ct-hero h1,.ab-manifesto-main h2,.vision-inner h2,.ab-end-inner h2,.ab-quote-inner h2,.ct-ending h2,.chapter-lead h2) {
  font-family: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
  font-weight: 400;
  letter-spacing: .012em;
}
/* Tighten line spacing *within titles*, not gaps between page sections. */
.hero h1 {line-height:1.19;}
.display-heading {line-height:1.24;}
.ab-hero h1 {line-height:1.22;}
.ct-hero h1 {line-height:1.24;}
.ab-manifesto-main h2,.vision-inner h2,.ab-quote-inner h2,.ab-end-inner h2,.ct-ending h2 {line-height:1.27;}
.chapter-lead h2 {line-height:1.25;}
html[lang="en"] .hero h1 {line-height:1.12;}
html[lang="en"] .display-heading {line-height:1.20;}
html[lang="ja"] .display-heading {line-height:1.30;letter-spacing:.015em;}

/* Pull text blocks closer without changing the global 1250px content container. */
@media (min-width:981px) {
  /* HOME: WHO WE ARE — avoid a large empty central gutter. */
  .split-layout {
    grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);
    column-gap:clamp(38px,3.3vw,55px);
  }
  .split-layout .display-heading {font-size:clamp(33px,3vw,46px);}
  /* Shared section headings with a supporting paragraph on the right. */
  .section-heading-row {justify-content:initial;gap:clamp(36px,3.8vw,60px);}
  .section-heading-row > :first-child {flex: 0 1 54%;min-width:0;}
  .section-heading-row > .heading-aside {flex:1 1 0;max-width:430px;margin-left:0;}
  /* SERVICES: detailed explanatory chapters and FAQ. */
  .chapter-shell {grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(38px,3.6vw,60px);}
  .faq-layout {grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(38px,3.7vw,62px);}
  /* ABOUT: image-free editorial text and corporate profile. */
  .ab-intro-grid {grid-template-columns:minmax(0,.9fr) minmax(0,1.10fr);gap:clamp(38px,3.4vw,56px);}
  .ab-intro-grid .display-heading {font-size:clamp(35px,2.9vw,43px);}
  .ab-profile-grid {grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(38px,3.8vw,62px);}
  .ab-values-heading {grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(35px,3.5vw,56px);}
  /* CONTACT: condense internal two-column blocks, not section heights. */
  .ct-section-heading {gap:clamp(30px,3vw,48px);}
  .ct-guidance-grid,.ct-form-layout,.ct-faq-grid {gap:clamp(30px,3.3vw,54px);}
  /* NEWS: newsroom intro and announcement columns. */
  .announcement-layout {gap:clamp(35px,3.8vw,60px);}
}
/* Tablet and phone stay single-column where already designed; adjust headline rhythm only. */
@media(max-width:980px) {
 .display-heading {line-height:1.27;}
 .hero h1,.ab-hero h1,.ct-hero h1 {line-height:1.26;}
}
@media(max-width:650px) {
 .display-heading {line-height:1.35;}
 .hero h1,.ab-hero h1,.ct-hero h1 {line-height:1.31;}
}