/* Page 10 v3 — Corporate news / publication governance with semantic title wrapping */
.news-page-v2 .corporate-hero.news {
  --hero-image: url("../images/news/news-hero.jpg");
}

.news-page-v2 .corporate-heading.stack { grid-template-columns: 1fr; }
.news-page-v2 .news-latest-section { overflow: hidden; }

/* Flagship update */
.news-flagship {
  display: grid;
  grid-template-columns: minmax(360px, .76fr) minmax(520px, 1.24fr);
  min-height: 620px;
  overflow: hidden;
  color: #fff;
  background: #07152f;
  border: 1px solid rgba(7, 21, 47, .08);
  border-radius: 24px;
  box-shadow: 0 30px 80px rgba(7, 21, 47, .16);
}

.news-flagship-copy {
  position: relative;
  z-index: 2;
  padding: 58px 52px 48px;
  background:
    radial-gradient(circle at 12% 94%, rgba(86, 201, 222, .13), transparent 33%),
    linear-gradient(145deg, #06132c 0%, #091f4d 100%);
}

.news-flagship-copy::after {
  content: "2026";
  position: absolute;
  right: -8px;
  bottom: -32px;
  color: rgba(255,255,255,.035);
  font-size: 126px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: -.08em;
  pointer-events: none;
}

.news-flagship-copy .news-meta { color: rgba(255,255,255,.62); }
.news-flagship-copy .news-meta .category { color: var(--cyan); }
.news-flagship-copy h2 {
  margin: 42px 0 0;
  font-size: clamp(35px, 3.2vw, 47px);
  line-height: 1.22;
  letter-spacing: -.035em;
}
.news-flagship-copy .title-line { display: block; white-space: nowrap; }
.news-flagship-copy p {
  max-width: 520px;
  margin: 26px 0 0;
  color: rgba(255,255,255,.74);
  font-size: 16px;
  line-height: 1.95;
}
.news-flagship-copy .text-link { position: relative; z-index: 1; color: #fff; }
.news-flagship-copy .text-link::after { color: var(--cyan); }

.renewal-index {
  position: relative;
  z-index: 1;
  margin: 32px 0 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid rgba(255,255,255,.16);
}
.renewal-index li {
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 14px;
  align-items: center;
  min-height: 55px;
  border-bottom: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.84);
  font-size: 13px;
  line-height: 1.55;
}
.renewal-index b { color: var(--cyan); font-size: 11px; letter-spacing: .12em; }

.site-preview-stage {
  position: relative;
  min-height: 620px;
  overflow: hidden;
  background:
    linear-gradient(rgba(19, 58, 128, .11) 1px, transparent 1px),
    linear-gradient(90deg, rgba(19, 58, 128, .11) 1px, transparent 1px),
    linear-gradient(145deg, #edf3fb 0%, #dce7f4 62%, #c8d7eb 100%);
  background-size: 34px 34px, 34px 34px, auto;
}
.site-preview-stage::before {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  right: -160px;
  top: -180px;
  border: 1px solid rgba(23,72,212,.17);
  border-radius: 50%;
  box-shadow: 0 0 0 52px rgba(23,72,212,.035), 0 0 0 108px rgba(23,72,212,.025);
}

.preview-caption {
  position: absolute;
  z-index: 3;
  left: 42px;
  top: 32px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  color: var(--ink);
}
.preview-caption span { color: var(--blue); font-size: 10px; font-weight: 900; letter-spacing: .16em; }
.preview-caption b { font-size: 12px; letter-spacing: .08em; }

.desktop-browser {
  position: absolute;
  z-index: 1;
  left: 42px;
  top: 100px;
  width: min(680px, calc(100% - 90px));
  height: 430px;
  margin: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(14, 40, 82, .22);
  border-radius: 13px;
  box-shadow: 0 30px 62px rgba(20, 45, 89, .24);
  transform: perspective(1200px) rotateY(-2.5deg) rotateX(1deg);
}
.browser-bar {
  height: 32px;
  padding: 0 13px;
  display: flex;
  align-items: center;
  gap: 6px;
  color: #728098;
  background: #f8fafd;
  border-bottom: 1px solid #e0e5ed;
  font-size: 8px;
}
.browser-bar i { width: 7px; height: 7px; border-radius: 50%; background: #c8ced8; }
.browser-bar i:first-child { background: #ee7a7a; }
.browser-bar i:nth-child(2) { background: #e8bb5a; }
.browser-bar i:nth-child(3) { background: #68c49a; }
.browser-bar span { margin-left: 9px; padding: 3px 18px; background: #edf1f7; border-radius: 999px; }
.desktop-browser > img { width: 100%; height: calc(100% - 32px); object-fit: cover; object-position: top; }

.mobile-browser {
  position: absolute;
  z-index: 2;
  right: 28px;
  bottom: 28px;
  width: 178px;
  height: 360px;
  margin: 0;
  overflow: hidden;
  background: #fff;
  border: 7px solid #07152f;
  border-radius: 24px;
  box-shadow: 0 26px 56px rgba(9, 31, 70, .34);
}
.mobile-browser img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.mobile-speaker { position: absolute; z-index: 2; left: 50%; top: 8px; width: 52px; height: 4px; transform: translateX(-50%); border-radius: 4px; background: rgba(255,255,255,.62); }
.preview-status {
  position: absolute;
  left: 44px;
  bottom: 28px;
  display: flex;
  align-items: center;
  gap: 9px;
  color: #4b5a72;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .13em;
}
.preview-status span { width: 8px; height: 8px; border-radius: 50%; background: #20a879; box-shadow: 0 0 0 4px rgba(32,168,121,.13); }

/* Website guide */
.news-guide-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.news-guide-item {
  position: relative;
  min-height: 205px;
  display: grid;
  grid-template-columns: 190px 1fr 28px;
  gap: 26px;
  align-items: center;
  padding: 18px 22px 18px 18px;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  box-shadow: 0 10px 28px rgba(7,21,47,.065);
  transition: transform .22s, box-shadow .22s, border-color .22s;
}
.news-guide-item:hover { transform: translateY(-4px); border-color: rgba(23,72,212,.36); box-shadow: var(--shadow-soft); }
.guide-visual { height: 168px; overflow: hidden; background: var(--ink); border-radius: 9px; }
.guide-visual img { width: 100%; height: 100%; object-fit: cover; opacity: .92; transition: transform .35s; }
.news-guide-item:hover .guide-visual img { transform: scale(1.035); }
.guide-copy span { color: var(--blue); font-size: 10px; font-weight: 900; letter-spacing: .14em; }
.guide-copy h3 { margin: 18px 0 0; color: var(--ink); font-size: 21px; line-height: 1.45; }
.guide-title-chunk,.guide-heading-phrase { display:inline-block; white-space:nowrap; }
.guide-copy h3 .guide-title-chunk { color:inherit; font-size:inherit; font-weight:inherit; letter-spacing:inherit; }
.guide-copy p { margin: 10px 0 0; color: var(--muted); font-size: 12px; line-height: 1.75; }
.news-guide-item > b { color: var(--blue); font-size: 20px; font-weight: 500; }

/* Publication governance — a single editorial dossier, not a card/process grid */
.news-quality-section {
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 82% 18%, rgba(34, 92, 202, .28), transparent 31%),
    linear-gradient(rgba(86,201,222,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(86,201,222,.055) 1px, transparent 1px),
    #06142e;
  background-size: auto, 48px 48px, 48px 48px, auto;
}
.news-quality-section::after {
  content: "GOVERNANCE";
  position: absolute;
  right: -22px;
  top: 20px;
  color: rgba(255,255,255,.025);
  font-size: clamp(72px, 11vw, 164px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: -.06em;
  pointer-events: none;
}
.news-quality-section .corporate-heading { position: relative; z-index: 1; }
.news-quality-section .corporate-heading h2 { color: #fff; }
.news-quality-section .corporate-heading > p { color: rgba(255,255,255,.68); }

.publication-dossier {
  position: relative;
  z-index: 1;
  overflow: hidden;
  color: var(--text);
  background: #edf1f7;
  border: 1px solid rgba(255,255,255,.19);
  border-radius: 20px;
  box-shadow: 0 34px 90px rgba(0,0,0,.34);
}
.publication-dossier::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .4;
  background-image: linear-gradient(rgba(33,61,103,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(33,61,103,.045) 1px, transparent 1px);
  background-size: 24px 24px;
}
.dossier-topline {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 36px;
  align-items: center;
  min-height: 102px;
  padding: 20px 28px;
  color: #fff;
  background: linear-gradient(112deg, #0a1d40, #12336f 72%, #1748d4);
  border-bottom: 3px solid var(--cyan);
}
.dossier-title { display: flex; flex-direction: column; gap: 5px; }
.dossier-title span { color: var(--cyan); font-size: 10px; font-weight: 900; letter-spacing: .18em; }
.dossier-title strong { font-size: 22px; line-height: 1.35; letter-spacing: .02em; }
.dossier-meta { margin: 0; display: grid; grid-template-columns: repeat(3, auto); gap: 0; }
.dossier-meta > div { min-width: 126px; padding: 4px 17px; border-left: 1px solid rgba(255,255,255,.18); }
.dossier-meta dt { color: rgba(255,255,255,.48); font-size: 8px; font-weight: 900; letter-spacing: .12em; }
.dossier-meta dd { margin: 7px 0 0; color: rgba(255,255,255,.88); font-size: 10px; font-weight: 800; white-space: nowrap; }
.dossier-meta dd i { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: #54d7a5; box-shadow: 0 0 0 3px rgba(84,215,165,.13); }

.dossier-workspace {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.62fr) minmax(330px, .78fr);
  gap: 20px;
  padding: 26px;
}
.release-file {
  position: relative;
  min-width: 0;
  padding: 28px;
  background: #fff;
  border: 1px solid #d2d9e5;
  box-shadow: 0 14px 34px rgba(17,37,75,.10);
}
.release-file::before {
  content: "J-TECH CORPORATE PUBLICATION";
  position: absolute;
  right: 22px;
  top: 50%;
  color: rgba(20,56,126,.035);
  font-size: 48px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: -.04em;
  transform: rotate(-90deg) translateX(50%);
  transform-origin: right center;
  pointer-events: none;
}
.release-file-head { display: flex; justify-content: space-between; gap: 22px; padding-bottom: 20px; border-bottom: 2px solid #122e67; }
.release-file-head span { color: var(--blue); font-size: 9px; font-weight: 900; letter-spacing: .15em; }
.release-file-head h3 { margin: 8px 0 0; color: var(--ink); font-size: 22px; line-height: 1.45; }
.release-title-chunk { display: inline-block; }
.release-file-head h3 .release-title-chunk { color: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; letter-spacing: inherit; }
.release-title-chunk + .release-title-chunk { margin-left: .35em; }
.release-file-head time { flex: 0 0 auto; color: #718096; font-size: 9px; font-weight: 900; letter-spacing: .1em; }

.release-register { margin-top: 12px; border-top: 1px solid #dfe4ec; }
.register-row {
  position: relative;
  display: grid;
  grid-template-columns: 34px minmax(0,1fr) 86px;
  gap: 14px;
  align-items: center;
  min-height: 72px;
  padding: 11px 0;
  border-bottom: 1px solid #dfe4ec;
}
.register-no { color: #9ba7b8; font-size: 9px; font-weight: 900; letter-spacing: .08em; }
.register-row b { display: block; color: #10264f; font-size: 13px; }
.register-row p { margin: 3px 0 0; color: #657186; font-size: 11px; line-height: 1.55; }
.register-row em {
  justify-self: end;
  width: 82px;
  padding: 5px 4px;
  color: #0a795b;
  background: #e8f6f1;
  border: 1px solid #b9dfd3;
  border-radius: 999px;
  font-size: 7px;
  line-height: 1;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .08em;
  text-align: center;
}
.evidence-band { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: 20px; padding-right: 100px; }
.evidence-band > div { min-height: 76px; padding: 12px; background: #f2f5fa; border-top: 3px solid #2450c7; }
.evidence-band span { display: block; color: #768399; font-size: 7px; font-weight: 900; letter-spacing: .09em; }
.evidence-band b { display: block; margin-top: 7px; color: #142c5d; font-size: 10px; }
.evidence-band small { display: block; margin-top: 3px; color: #778297; font-size: 8px; }
.approval-seal {
  position: absolute;
  right: 26px;
  bottom: 29px;
  width: 95px;
  height: 95px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #0a8c67;
  background: rgba(235,250,245,.84);
  border: 2px solid #0a8c67;
  border-radius: 50%;
  transform: rotate(-8deg);
  box-shadow: inset 0 0 0 4px rgba(10,140,103,.10);
}
.approval-seal span { font-size: 10px; line-height: 1; font-weight: 900; letter-spacing: .08em; }
.approval-seal b { margin-top: 5px; font-size: 7px; line-height: 1.2; }
.approval-seal small { margin-top: 5px; font-size: 6px; font-weight: 800; }

.disclosure-boundary {
  min-width: 0;
  padding: 26px;
  color: #fff;
  background: linear-gradient(155deg, #0b1e41, #102f68);
  border: 1px solid rgba(13,45,103,.25);
  box-shadow: 0 14px 34px rgba(17,37,75,.12);
}
.boundary-head span { color: var(--cyan); font-size: 9px; font-weight: 900; letter-spacing: .14em; }
.boundary-head h3 { margin: 9px 0 0; font-size: 20px; line-height: 1.45; }
.boundary-head p { margin: 10px 0 0; color: rgba(255,255,255,.61); font-size: 10px; line-height: 1.7; }
.boundary-levels { margin-top: 20px; border-top: 1px solid rgba(255,255,255,.16); }
.boundary-level {
  display: grid;
  grid-template-columns: 28px minmax(0,1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 76px;
  padding: 11px 0;
  border-bottom: 1px solid rgba(255,255,255,.13);
}
.boundary-level > span { display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid rgba(255,255,255,.22); border-radius: 50%; color: rgba(255,255,255,.54); font-size: 8px; font-weight: 900; }
.boundary-level b { display: block; font-size: 13px; }
.boundary-level p { margin: 3px 0 0; color: rgba(255,255,255,.56); font-size: 9px; line-height: 1.5; }
.boundary-level em { font-size: 7px; font-style: normal; font-weight: 900; letter-spacing: .08em; }
.boundary-level.open em { color: #5fe1b7; }
.boundary-level.note em { color: #f2c468; }
.boundary-level.closed em { color: #9aa8bc; }
.redaction-proof { margin-top: 22px; padding: 16px; background: rgba(0,0,0,.16); border: 1px solid rgba(255,255,255,.12); }
.redaction-label { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.redaction-label span { color: rgba(255,255,255,.48); font-size: 7px; font-weight: 900; letter-spacing: .09em; }
.redaction-label b { font-size: 10px; }
.redaction-line { min-height: 28px; display: flex; align-items: center; gap: 7px; border-bottom: 1px solid rgba(255,255,255,.08); }
.redaction-line i { display: block; height: 7px; background: #020813; }
.redaction-line.safe i { background: var(--cyan); opacity: .7; }
.redaction-line.safe span { color: var(--cyan); font-size: 7px; font-weight: 900; letter-spacing: .08em; }

.dossier-decision {
  position: relative;
  display: grid;
  grid-template-columns: 180px minmax(360px, .75fr) minmax(300px, 1fr);
  gap: 24px;
  align-items: center;
  min-height: 96px;
  padding: 16px 28px;
  color: #fff;
  background: #0a1c3c;
  border-top: 1px solid rgba(255,255,255,.13);
}
.decision-state { display: grid; grid-template-columns: 12px 1fr; column-gap: 9px; align-items: center; }
.decision-state i { grid-row: 1 / 3; width: 10px; height: 10px; border-radius: 50%; background: #52d5a2; box-shadow: 0 0 0 5px rgba(82,213,162,.12); }
.decision-state span { color: rgba(255,255,255,.46); font-size: 7px; font-weight: 900; letter-spacing: .11em; }
.decision-state strong { color: #5ee0b5; font-size: 20px; line-height: 1.2; letter-spacing: .04em; }
.dossier-decision dl { margin: 0; display: grid; grid-template-columns: repeat(4,1fr); }
.dossier-decision dl > div { padding: 2px 14px; border-left: 1px solid rgba(255,255,255,.15); }
.dossier-decision dt { color: var(--cyan); font-size: 7px; font-weight: 900; letter-spacing: .1em; }
.dossier-decision dd { margin: 5px 0 0; color: rgba(255,255,255,.82); font-size: 10px; font-weight: 800; white-space: nowrap; }
.dossier-decision > p { margin: 0; color: rgba(255,255,255,.53); font-size: 9px; line-height: 1.65; }

@media (max-width: 1100px) {
  .news-flagship { grid-template-columns: .86fr 1.14fr; }
  .news-flagship-copy { padding: 48px 38px 42px; }
  .desktop-browser { left: 30px; width: calc(100% - 58px); }
  .mobile-browser { width: 150px; height: 304px; right: 20px; }
  .news-guide-item { grid-template-columns: 150px 1fr 24px; gap: 18px; }
  .guide-visual { height: 150px; }
  .dossier-topline { grid-template-columns: 1fr; gap: 16px; }
  .dossier-meta { grid-template-columns: repeat(3,1fr); }
  .dossier-meta > div { padding-left: 14px; }
  .dossier-workspace { grid-template-columns: 1.42fr .8fr; }
  .register-row { grid-template-columns: 28px minmax(0,1fr); }
  .register-row em { justify-self: start; grid-column: 2; }
  .evidence-band { padding-right: 0; }
  .approval-seal { display: none; }
  .dossier-decision { grid-template-columns: 150px 1fr; }
  .dossier-decision > p { grid-column: 1 / -1; padding-top: 10px; border-top: 1px solid rgba(255,255,255,.12); }
}

@media (max-width: 860px) {
  .news-page-v2 .global-nav.is-open { height: calc(100dvh - 70px); min-height: calc(100svh - 70px); }
  .news-flagship { grid-template-columns: 1fr; }
  .site-preview-stage { min-height: 560px; }
  .desktop-browser { height: 390px; }
  .news-guide-grid { grid-template-columns: 1fr; }
  .news-guide-item { grid-template-columns: 190px 1fr 28px; }
  .dossier-workspace { grid-template-columns: 1fr; }
  .release-file::before { display: none; }
  .dossier-decision { grid-template-columns: 150px 1fr; }
}

@media (max-width: 600px) {
  .news-flagship { min-height: 0; border-radius: 17px; }
  .news-flagship-copy { padding: 34px 24px 32px; }
  .news-flagship-copy h2 { margin-top: 30px; font-size: 34px; }
  .news-flagship-copy p { font-size: 14px; }
  .site-preview-stage { min-height: 430px; }
  .preview-caption { left: 20px; top: 20px; }
  .preview-caption b { max-width: 220px; font-size: 9px; }
  .desktop-browser { left: 20px; top: 78px; width: calc(100% - 40px); height: 268px; border-radius: 9px; transform: none; }
  .mobile-browser { width: 102px; height: 205px; right: 15px; bottom: 16px; border-width: 4px; border-radius: 14px; }
  .browser-bar { height: 23px; padding-inline: 8px; }
  .browser-bar i { width: 5px; height: 5px; }
  .browser-bar span { overflow: hidden; white-space: nowrap; }
  .desktop-browser > img { height: calc(100% - 23px); }
  .preview-status { left: 20px; bottom: 25px; max-width: 145px; font-size: 8px; }
  .news-guide-item { grid-template-columns: 1fr 22px; gap: 14px; padding: 14px; }
  .guide-visual { grid-column: 1 / -1; height: 178px; }
  .guide-copy h3 { margin-top: 13px; font-size: 19px; }
  .guide-copy p { font-size: 12px; }
  .publication-dossier { border-radius: 13px; }
  .dossier-topline { padding: 20px; }
  .dossier-title strong { font-size: 19px; }
  .dossier-meta { grid-template-columns: 1fr; }
  .dossier-meta > div { display: grid; grid-template-columns: 110px 1fr; gap: 10px; min-width: 0; padding: 9px 0; border-left: 0; border-top: 1px solid rgba(255,255,255,.12); }
  .dossier-meta dd { margin: 0; white-space: normal; }
  .dossier-workspace { gap: 14px; padding: 14px; }
  .release-file, .disclosure-boundary { padding: 20px 17px; }
  .release-file-head { display: block; }
  .release-file-head h3 { font-size: 18px; }
  .release-file-head time { display: block; margin-top: 10px; }
  .register-row { min-height: 84px; grid-template-columns: 24px minmax(0,1fr); gap: 9px; }
  .register-row p { font-size: 11px; line-height: 1.6; }
  .register-row em { font-size: 8px; }
  .evidence-band { grid-template-columns: 1fr; }
  .evidence-band > div { min-height: 62px; }
  .evidence-band span { font-size: 8px; }
  .evidence-band small { font-size: 9px; }
  .boundary-level { grid-template-columns: 27px minmax(0,1fr); }
  .boundary-level p { font-size: 10px; line-height: 1.6; }
  .boundary-level em { grid-column: 2; justify-self: start; }
  .dossier-decision { grid-template-columns: 1fr; gap: 18px; padding: 22px 20px; }
  .dossier-decision dl { grid-template-columns: 1fr 1fr; gap: 12px 0; }
  .dossier-decision dl > div { min-height: 42px; padding-left: 12px; }
  .dossier-decision > p { grid-column: auto; }
}

@media (max-width: 350px) {
  .news-flagship-copy h2 { font-size: 30px; }
  .news-guide-section .corporate-heading h2 { font-size:31px; }
  .site-preview-stage { min-height: 395px; }
  .desktop-browser { height: 240px; }
  .mobile-browser { width: 90px; height: 181px; }
  .preview-status { max-width: 125px; }
}

@media (prefers-reduced-motion: reduce) {
  .news-guide-item,
  .guide-visual img { transition: none; }
}