body.hce-cctn26-target .cs-blog-editor > .cs-heading-sec,
body.hce-cctn26-target .cs-blog-editor > .cs-main-post,
body.hce-cctn26-target .cs-blog-editor > .date-time,
body.hce-cctn26-target .cs-blog-editor > .cs-post-panel > .cs-thumb-post {
  display: none !important;
}

body.hce-cctn26-target .cs-blog-editor > .cs-post-panel > .cs-thumb-post {
  width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body.hce-cctn26-target .cs-blog-editor {
  position: relative !important;
}

.hce-cctn26 {
  --cctn-ink: #14283a;
  --cctn-muted: #4f6677;
  --cctn-navy: #0d3652;
  --cctn-teal: #087b7f;
  --cctn-blue: #176da5;
  --cctn-coral: #d85f4a;
  --cctn-amber: #d89a2b;
  --cctn-aqua: #e6f6f4;
  --cctn-sky: #edf6fb;
  --cctn-sand: #fff7e8;
  --cctn-coral-pale: #fff0eb;
  --cctn-line: #c8dce5;
  --cctn-white: #ffffff;
  max-width: 1190px;
  margin: 0 auto;
  background: var(--cctn-white);
  color: var(--cctn-ink);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 1.68;
}

.hce-cctn26 * { box-sizing: border-box; }
.hce-cctn26 section { scroll-margin-top: 90px; }
.hce-cctn26 p { margin: 0 0 18px; color: var(--cctn-ink); }
.hce-cctn26 ul, .hce-cctn26 ol { margin: 0; padding: 0; }
.hce-cctn26 li { color: var(--cctn-ink); }
.hce-cctn26 h1, .hce-cctn26 h2, .hce-cctn26 h3, .hce-cctn26 h4 {
  margin: 0;
  color: var(--cctn-ink);
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.14;
}
.hce-cctn26 h2 { font-size: clamp(30px, 3.2vw, 44px); letter-spacing: -1px; }
.hce-cctn26 h3 { font-size: 23px; }
.hce-cctn26 a {
  color: #075f91;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.hce-cctn26 a:hover { color: #06456a; }
.hce-cctn26 a:focus-visible { outline: 3px solid #0a7180; outline-offset: 3px; }

@media (min-width: 992px) {
  .hce-cctn26 { width: calc(100% + 86px); max-width: none; margin-left: -86px; margin-right: 0; }
}

.cctn26-opening {
  overflow: hidden;
  margin-bottom: 18px;
  border: 1px solid var(--cctn-line);
  border-radius: 28px;
  background: var(--cctn-white);
  box-shadow: 0 22px 50px rgba(12, 51, 76, .14);
}
.cctn26-hero { margin: 0; background: #f4f8f9; }
.cctn26-hero img { display: block; width: 100%; height: auto; object-fit: contain; }
.cctn26-masthead {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(270px, .55fr);
  gap: 34px;
  align-items: end;
  padding: 40px 44px 42px;
  border-top: 6px solid var(--cctn-teal);
  background: radial-gradient(circle at 95% 8%, rgba(216, 95, 74, .10), transparent 30%), linear-gradient(145deg, #fff 0%, #f3fafb 74%, #fff7e8 100%);
}
.cctn26-eyebrow {
  margin-bottom: 11px;
  color: var(--cctn-teal);
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}
.cctn26-masthead h1 { max-width: 800px; margin-bottom: 14px; font-size: clamp(39px, 5vw, 64px); letter-spacing: -2px; }
.hce-cctn26 p.cctn26-deck { max-width: 790px; margin-bottom: 14px; color: #155c70; font-size: clamp(22px, 2.5vw, 30px); font-weight: 800; line-height: 1.32; }
.hce-cctn26 p.cctn26-byline { margin: 0; color: var(--cctn-muted); font-size: 16px; }
.cctn26-focus { padding: 21px; border: 1px solid #b9d8dc; border-radius: 18px; background: rgba(255,255,255,.86); box-shadow: 0 10px 24px rgba(14, 56, 78, .08); }
.cctn26-focus span, .cctn26-kicker { display: block; margin-bottom: 7px; color: var(--cctn-teal); font-size: 14px; font-weight: 900; letter-spacing: 1.15px; text-transform: uppercase; }
.cctn26-focus strong { display: block; color: var(--cctn-navy); font-size: 22px; line-height: 1.28; }
.cctn26-focus small { display: block; margin-top: 8px; color: var(--cctn-muted); font-size: 14px; line-height: 1.48; }

.cctn26-nav {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 32px;
  padding: 12px;
  border: 1px solid var(--cctn-line);
  border-radius: 18px;
  background: linear-gradient(145deg, #f7fbfc, #edf6f8);
}
.cctn26-nav a {
  display: flex;
  align-items: center;
  min-height: 58px;
  padding: 11px 13px;
  border: 1px solid #c7dce4;
  border-left: 5px solid var(--cctn-teal);
  border-radius: 11px;
  background: #fff;
  color: #123d56;
  text-decoration: none;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.3;
  box-shadow: 0 6px 14px rgba(9, 45, 68, .06);
}
.cctn26-nav a:nth-child(3n+2) { border-left-color: var(--cctn-blue); }
.cctn26-nav a:nth-child(3n) { border-left-color: var(--cctn-coral); }

.cctn26-section { padding: 46px 0; border-top: 1px solid var(--cctn-line); }
.cctn26-section-head { display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); gap: 30px; align-items: end; margin-bottom: 25px; }
.cctn26-section-head p { margin: 0; color: var(--cctn-muted); }
.cctn26-lede { color: #24475d; font-size: 20px; line-height: 1.6; }
.cctn26-priority { margin: 24px 0; padding: 19px 20px; border-left: 6px solid var(--cctn-coral); border-radius: 11px; background: var(--cctn-coral-pale); }
.cctn26-priority strong { display: block; margin-bottom: 6px; color: #8a382c; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; }
.cctn26-priority p { margin: 0; }

.cctn26-evidence-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(330px, .75fr); gap: 22px; }
.cctn26-card { padding: 26px; border: 1px solid var(--cctn-line); border-radius: 20px; background: linear-gradient(145deg, #fff, #f3fafb); box-shadow: 0 11px 26px rgba(12, 55, 79, .07); }
.cctn26-card h3 { margin-bottom: 12px; }
.cctn26-card ul { padding-left: 21px; }
.cctn26-card li { margin-bottom: 9px; }
.cctn26-facts { display: grid; gap: 12px; }
.cctn26-fact { padding: 21px; border: 1px solid #bed8df; border-radius: 17px; background: var(--cctn-aqua); }
.cctn26-fact:nth-child(2) { background: var(--cctn-sky); }
.cctn26-fact:nth-child(3) { background: var(--cctn-sand); }
.cctn26-fact small { color: var(--cctn-teal); font-size: 13px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; }
.cctn26-fact strong { display: block; margin: 8px 0 5px; color: var(--cctn-navy); font-size: 30px; line-height: 1.1; }
.cctn26-fact p { margin: 0; color: #3d5668; font-size: 14px; line-height: 1.48; }

.cctn26-photo { margin: 30px 0; }
.cctn26-photo img { display: block; width: 100%; height: auto; object-fit: contain; border-radius: 20px; box-shadow: 0 14px 34px rgba(12, 47, 69, .13); }
.cctn26-photo figcaption { margin-top: 10px; color: var(--cctn-muted); font-size: 14px; line-height: 1.55; }

.cctn26-figure { margin: 30px 0; padding: 26px; border: 1px solid var(--cctn-line); border-radius: 20px; background: #f7fbfc; box-shadow: 0 10px 25px rgba(13, 52, 74, .06); }
.cctn26-figure > figcaption { margin-top: 16px; color: var(--cctn-muted); font-size: 14px; line-height: 1.55; }
.cctn26-figure-title { margin-bottom: 7px; color: var(--cctn-teal); font-size: 14px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; }
.cctn26-figure h3 { margin-bottom: 16px; }
.cctn26-figure-note { margin-top: 15px; padding: 13px 15px; border-left: 5px solid var(--cctn-amber); background: var(--cctn-sand); color: #4e4024; font-size: 14px; line-height: 1.55; }

.cctn26-bars { display: grid; gap: 18px; margin-top: 18px; }
.cctn26-bar-row { display: grid; grid-template-columns: minmax(190px, .75fr) minmax(0, 1fr) 92px; gap: 13px; align-items: center; }
.cctn26-bar-label { color: #274a60; font-weight: 800; }
.cctn26-track { height: 30px; overflow: hidden; border: 1px solid #bad3dc; border-radius: 999px; background: #e7f0f3; }
.cctn26-fill { height: 100%; background: repeating-linear-gradient(135deg, #087b7f 0 10px, #1d9599 10px 20px); }
.cctn26-bar-row:nth-child(2) .cctn26-fill { background: repeating-linear-gradient(135deg, #d85f4a 0 10px, #eb806b 10px 20px); }
.cctn26-bar-row strong { color: var(--cctn-navy); white-space: nowrap; }

.cctn26-table-wrap, .cctn26-gantt-scroll { max-width: 100%; overflow-x: auto; border-radius: 15px; }
.cctn26-table-wrap:focus-visible, .cctn26-gantt-scroll:focus-visible { outline: 3px solid #0a7180; outline-offset: 3px; }
.cctn26-table { width: 100%; min-width: 860px; border-collapse: collapse; background: #fff; }
.cctn26-table th, .cctn26-table td { padding: 13px 14px; border: 1px solid #c9dce4; text-align: left; vertical-align: top; }
.cctn26-table th { background: #dff3f1; color: #153c4d; font-size: 13px; letter-spacing: .5px; text-transform: uppercase; }
.cctn26-table td { color: #243f52; font-size: 15px; line-height: 1.48; }
.cctn26-table tbody tr:nth-child(even) { background: #f5fafb; }

.cctn26-flow { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 11px; }
.cctn26-step { position: relative; min-height: 205px; padding: 19px 16px; border: 1px solid #c4d9e1; border-top: 6px solid var(--cctn-teal); border-radius: 14px; background: #fff; }
.cctn26-step:nth-child(2n) { border-top-color: var(--cctn-blue); }
.cctn26-step:nth-child(3) { border-top-color: var(--cctn-coral); }
.cctn26-step h4 { margin-bottom: 8px; font-size: 18px; }
.cctn26-step p { margin: 0; color: #415b6d; font-size: 14px; line-height: 1.48; }
.cctn26-owner { display: block; margin-top: 13px; padding-top: 10px; border-top: 1px solid #d9e6eb; color: #0d6670; font-size: 12px; font-weight: 900; letter-spacing: .7px; text-transform: uppercase; }

.cctn26-fishbone { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
.cctn26-bone { padding: 19px; border-left: 6px solid var(--cctn-amber); border-radius: 11px; background: #fff; box-shadow: 0 7px 18px rgba(14, 55, 77, .06); }
.cctn26-bone:nth-child(2n) { border-left-color: var(--cctn-coral); }
.cctn26-bone h4 { margin-bottom: 8px; font-size: 19px; }
.cctn26-bone p { margin: 0; color: #435b6c; font-size: 15px; line-height: 1.5; }

.cctn26-system { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
.cctn26-hub { grid-column: 1 / -1; padding: 24px; border: 2px solid #87c6c5; border-radius: 16px; background: var(--cctn-aqua); text-align: center; }
.cctn26-hub h4 { margin-bottom: 7px; font-size: 24px; }
.cctn26-hub p { max-width: 800px; margin: 0 auto; color: #355668; }
.cctn26-node { padding: 20px; border: 1px solid #c5dae2; border-radius: 14px; background: #fff; }
.cctn26-node h4 { margin-bottom: 8px; font-size: 19px; }
.cctn26-node p { margin: 0; color: #415b6c; font-size: 15px; line-height: 1.5; }

.cctn26-gantt { width: 100%; min-width: 900px; border-collapse: collapse; background: #fff; }
.cctn26-gantt th, .cctn26-gantt td { padding: 12px 13px; border: 1px solid #c7dbe3; text-align: left; vertical-align: top; font-size: 14px; }
.cctn26-gantt th { background: #dff3f1; color: #153c4d; }
.cctn26-active { background: #ccecea; color: #123e4d; font-weight: 800; text-align: center !important; }
.cctn26-review { background: #fff0eb; color: #7b3429; font-weight: 800; text-align: center !important; }

.cctn26-callout-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.cctn26-callout { padding: 24px; border: 1px solid var(--cctn-line); border-radius: 18px; background: linear-gradient(145deg, #fff, #f4fafb); }
.cctn26-callout h3 { margin-bottom: 10px; }
.cctn26-callout p:last-child { margin-bottom: 0; }

.cctn26-close { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(270px, .65fr); gap: 28px; align-items: center; padding: 38px; margin: 44px 0 22px; border: 1px solid #bdd8de; border-radius: 24px; background: linear-gradient(135deg, #eaf8f6, #fff7e8); box-shadow: 0 13px 30px rgba(12, 50, 72, .09); }
.cctn26-close h2 { margin-bottom: 13px; }
.cctn26-close p { margin: 0; }
.cctn26-close-action { padding: 21px; border: 1px solid #e2c47e; border-radius: 16px; background: #fffaf0; }
.cctn26-close-action span { display: block; margin-bottom: 7px; color: var(--cctn-teal); font-size: 13px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; }
.cctn26-close-action strong { color: #6f4b0c; font-size: 20px; line-height: 1.34; }

.cctn26-resources { padding: 31px; border: 1px solid var(--cctn-line); border-radius: 21px; background: linear-gradient(145deg, #f4fafb, #fff); }
.cctn26-resources h2 { margin-bottom: 16px; font-size: 32px; }
.cctn26-resources ul, .cctn26-refs { padding-left: 23px; }
.cctn26-resources li, .cctn26-refs li { margin-bottom: 11px; font-size: 15px; line-height: 1.55; }
.cctn26-note { margin-top: 19px !important; padding-top: 17px; border-top: 1px solid var(--cctn-line); color: var(--cctn-muted) !important; font-size: 13px; line-height: 1.56; }
.cctn26-cite a { font-weight: 800; text-decoration: none; }

@media (max-width: 1000px) {
  body.hce-cctn26-target .cs-blog-editor > .cs-post-panel { padding-left: 0 !important; }
  .hce-cctn26 { max-width: none; }
  .cctn26-masthead, .cctn26-evidence-grid { grid-template-columns: 1fr; }
  .cctn26-facts { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .cctn26-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cctn26-system { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
  .hce-cctn26 { font-size: 17px; line-height: 1.64; }
  .cctn26-opening { border-radius: 19px; }
  .cctn26-masthead { gap: 20px; padding: 25px 20px 24px; }
  .cctn26-masthead h1 { font-size: clamp(33px, 9.3vw, 42px); letter-spacing: -1.2px; }
  .hce-cctn26 p.cctn26-deck { font-size: 20px; }
  .cctn26-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 9px; }
  .cctn26-nav a { min-height: 62px; padding: 9px; font-size: 14px; }
  .cctn26-section { padding: 36px 0; }
  .cctn26-section-head { grid-template-columns: 1fr; gap: 12px; }
  .hce-cctn26 h2 { font-size: 31px; }
  .cctn26-facts, .cctn26-callout-grid, .cctn26-fishbone, .cctn26-system, .cctn26-flow { grid-template-columns: 1fr; }
  .cctn26-hub { grid-column: auto; }
  .cctn26-card, .cctn26-figure, .cctn26-resources { padding: 22px 18px; }
  .cctn26-bar-row { grid-template-columns: 1fr; gap: 7px; }
  .cctn26-close { grid-template-columns: 1fr; padding: 28px 21px; }
  .cctn26-photo img { border-radius: 14px; }
}

@media (max-width: 420px) {
  .cctn26-nav { grid-template-columns: 1fr; }
}