/* News / Projects shared CSS. Page-specific rules live in business-news.css and projects.css. */
/* Projects legacy background/card refinements moved from global CSS */

/* News / Company Activities pages: 2026 PDF layout */

body:is(.page-id-220, .page-id-118) .page-content {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #ffffff !important;
}

body:is(.page-id-220, .page-id-118) .page-content > .news-pdf-page {
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: 0 !important;
  padding-right: 0 !important;
  color: #000000;
  background: #ffffff;
}

.news-pdf-hero {
  position: relative;
  width: 100%;
  min-height: 270px;
  display: grid;
  place-items: center;
  overflow: hidden;
  background:
    linear-gradient(rgba(0, 120, 103, 0.45), rgba(0, 120, 103, 0.45)),
    var(--news-hero-image) center 60% / cover no-repeat;
  color: #ffffff;
}

.news-pdf-hero__label {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #ffffff;
  font-size: 35px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-align: center;
}

.news-pdf-hero__en {
  position: absolute;
  z-index: 1;
  right: max(90px, calc((100vw - 1160px) / 2));
  bottom: 22px;
  margin: 0;
  color: rgba(255, 255, 255, 0.62);
  font-family: "DIN Condensed", Impact, "Arial Narrow", sans-serif;
  font-size: 120px;
  font-weight: 700;
  line-height: 0.82;
  letter-spacing: 0.03em;
  white-space: nowrap;
}

body:is(.page-id-220, .page-id-118) .page-content .news-pdf-hero__label {
  color: #ffffff !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  font-variation-settings: "wght" 900;
}

body:is(.page-id-220, .page-id-118) .page-content .news-pdf-hero__en {
  color: rgba(255, 255, 255, 0.62) !important;
  font-weight: 700 !important;
  line-height: 0.82 !important;
  font-variation-settings: "wght" 700;
}

@media (max-width: 1023px) {
  .news-pdf-hero {
      min-height: 210px;
  
  }

  .news-pdf-hero__label {
      font-size: 26px;
  
  }

  .news-pdf-hero__en {
      left: 50%;
      right: auto;
      transform: translateX(-50%);
      font-size: clamp(52px, 12vw, 82px);
  
  }
}

/* PDF strict pass: business-news / projects */

body:is(.page-id-220, .page-id-118) .page-content > .news-pdf-page {
  --news-pdf-blue: #0079c4;
  --news-pdf-pale: #dcecf3;
  --news-pdf-text: #000000;
  color: var(--news-pdf-text);
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

body:is(.page-id-220, .page-id-118) .page-content > .news-pdf-page * {
  box-sizing: border-box;
}

body:is(.page-id-220, .page-id-118) .page-content .news-pdf-hero {
  margin-top: 0;
  height: calc(var(--header-h, 110px) + 300px) !important;
  min-height: calc(var(--header-h, 110px) + 300px) !important;
  background:
    linear-gradient(rgba(0, 118, 150, 0.54), rgba(0, 118, 150, 0.54)),
    var(--news-hero-image) center center / cover no-repeat;
}

body:is(.page-id-220, .page-id-118) .page-content .news-pdf-hero__label {
  font-size: 36px;
  letter-spacing: 0.03em;
}

body:is(.page-id-220, .page-id-118) .page-content .news-pdf-hero__en {
  right: max(60px, calc((100vw - 1160px) / 2 + 44px));
  bottom: -2px;
  color: rgba(255, 255, 255, 0.56) !important;
  font-size: 130px;
  letter-spacing: 0.02em;
}

@media (max-width: 1023px) {
  body:is(.page-id-220, .page-id-118) .page-content .news-pdf-hero {
      margin-top: 0;
      height: calc(var(--header-h, 110px) + 220px) !important;
      min-height: calc(var(--header-h, 110px) + 220px) !important;
  
  }

  body:is(.page-id-220, .page-id-118) .page-content .news-pdf-hero__label {
      font-size: 26px;
  
  }

  body:is(.page-id-220, .page-id-118) .page-content .news-pdf-hero__en {
      left: 50%;
      right: auto;
      bottom: 0;
      transform: translateX(-50%);
      font-size: clamp(54px, 13vw, 90px);
  
  }
}

/* Business news: category label trapezoid */

/* News / Projects: match the products hero height. */

body:is(.page-id-220, .page-id-118) .page-content .news-pdf-hero {
  height: calc(var(--header-h, 110px) + 385px) !important;
  min-height: calc(var(--header-h, 110px) + 385px) !important;
}

/* News / Projects: keep English hero text inside the lower hero area. */

body:is(.page-id-220, .page-id-118) .page-content .news-pdf-hero__en {
  bottom: -40px !important;
}

@media (max-width: 1023px) {
  body:is(.page-id-220, .page-id-118) .page-content .news-pdf-hero {
      height: calc(var(--header-h, 110px) + 170px) !important;
      min-height: calc(var(--header-h, 110px) + 170px) !important;
  
  }
}

/* Projects page: heading text should be thin */

/* Projects page: remove background graphics and content frame lines */

/* Projects page: remove all button shadows */

/* Projects mobile background refinements moved from global CSS */