/* ISOFT Corporate Website V2.9 — typography unification
   Baseline: /trien-khai/ implementation page.
   Goal: same visual voice across primary redesigned pages without changing layout. */

body.redesign-v26{
  font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

/* Use the same hierarchy as the implementation page:
   display headings 700, blue emphasis 500, body 400, kicker 800. */
body.redesign-v26 .v26-main :is(h1,h2,h3,h4,h5,h6){
  font-family:inherit;
  font-weight:700;
}
body.redesign-v26 .v26-main :is(p,li,small,span){
  font-family:inherit;
}
body.redesign-v26 .v26-main p,
body.redesign-v26 .v26-main li{
  font-weight:400;
}
body.redesign-v26 .v26-main :is(b,strong){
  font-weight:700;
}

/* Main display titles — mirror dp-hero / dp-section typography. */
body.redesign-v26 .v26-hero h1,
body.redesign-v26 .v26-title,
body.redesign-v26 .v26-section-head h2,
body.redesign-v26 .v26-section h2{
  font-weight:700;
  letter-spacing:-.03em;
}
body.redesign-v26 .v26-hero h1{
  letter-spacing:-.045em;
}
body.redesign-v26 .v26-hero h1 span,
body.redesign-v26 .v26-title span,
body.redesign-v26 .v26-section-head h2 span,
body.redesign-v26 .v26-section h2 span{
  font-weight:500;
}

/* Supporting copy follows the implementation page's calmer rhythm. */
body.redesign-v26 .v26-lead,
body.redesign-v26 .v26-hero-copy>p,
body.redesign-v26 .v26-section-head>p{
  font-weight:400;
  line-height:1.7;
}

/* Keep labels / CTA deliberate but not visually heavier than /trien-khai/. */
body.redesign-v26 .v26-kicker{
  font-weight:800;
  letter-spacing:.12em;
}
body.redesign-v26 .v26-btn{
  font-weight:800;
}
body.redesign-v26 .v26-chip,
body.redesign-v26 .v26-module-code,
body.redesign-v26 .v26-cap small{
  font-weight:700;
}

/* Cards and diagrams: remove the 800/900-heavy look introduced by redesign layers. */
body.redesign-v26 .v26-main :is(
  .v26-cap h3,
  .v26-stage h3,
  .v26-time-row h3,
  .v26-module-light h3,
  .v26-case h3,
  .v26-hub h3,
  .v26-board-head b,
  .v26-product-module b,
  .v26-map-module b,
  .v26-system b,
  .v26-client-name,
  .v26-project-title
){font-weight:700}

body.redesign-v26 .v26-main :is(
  .v26-stage-no,
  .v26-time-row time,
  .v26-stat strong,
  .v26-metric strong
){font-weight:700}

/* Header/footer use the same Arial stack as implementation page. */
body.redesign-v26 :is(.site-header,.site-footer,.nav,.footer-grid){
  font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
}

@media(max-width:700px){
  body.redesign-v26 .v26-hero h1,
  body.redesign-v26 .v26-title,
  body.redesign-v26 .v26-section-head h2,
  body.redesign-v26 .v26-section h2{
    letter-spacing:-.025em;
  }
}