/**
 * Cyber Insurance Advisory Guide | Page Styles | v1.0.0
 * Route: /pages/lob/cyber-insurance/
 * Scope: Loaded only by the Cyber Insurance Advisory Guide page.
 */

.page-cyber-guide {
  --nrm-red: var(--ndp-color-brand-red);
  --nrm-blue: var(--ndp-color-brand-blue);
  --nrm-blue-700: #11167f;
  --nrm-gold: var(--ndp-color-brand-gold);
  --nrm-taco-blue: var(--ndp-color-brand-cyan);
  --text: var(--ndp-color-brand-black);
  --muted: #5f6170;
  --surface: var(--ndp-color-neutral-0);
  --surface-soft: #f7f8fb;
  --surface-blue: #f2f4ff;
  --surface-gold: #fff9ee;
  --line: #d8d9e2;
  --line-strong: #bfc2d1;
  --focus: var(--ndp-color-brand-red);
  --shadow-small: 0 4px 14px rgba(2, 6, 111, 0.07);
  --shadow-medium: 0 14px 34px rgba(2, 6, 111, 0.11);
  --radius-small: 6px;
  --radius-medium: 10px;
  --radius-large: 14px;
  --container-max: 1200px;
  --font-heading: var(--ndp-font-heading);
  --font-body: var(--ndp-font-body);
  --transition-fast: 150ms ease;

  margin: 0;
  background: var(--surface);
  color: var(--text);
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.6;
}

.page-cyber-guide img { max-width: 100%; height: auto; }
.page-cyber-guide button { font: inherit; color: inherit; }
.page-cyber-guide a { color: inherit; }
.page-cyber-guide h1,
.page-cyber-guide h2,
.page-cyber-guide h3,
.page-cyber-guide h4,
.page-cyber-guide p { margin-top: 0; }
.page-cyber-guide h1,
.page-cyber-guide h2,
.page-cyber-guide h3,
.page-cyber-guide h4 { font-family: var(--font-heading); color: var(--nrm-blue); }
.page-cyber-guide h1 { font-size: clamp(2.25rem, 4.1vw, 3.5rem); line-height: 1.1; }
.page-cyber-guide h2 { font-size: clamp(1.75rem, 2.8vw, 2.3rem); line-height: 1.2; }
.page-cyber-guide h3 { font-size: clamp(1.2rem, 2vw, 1.55rem); line-height: 1.3; }
.page-cyber-guide h4 { font-size: 1.05rem; line-height: 1.35; }
.page-cyber-guide :focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; box-shadow: none; }
.page-cyber-guide ::selection { background: rgba(237, 21, 93, 0.2); }
.page-cyber-guide .l-container { width: min(calc(100% - 56px), var(--container-max)); margin-inline: auto; }

.page-cyber-guide .skip-link {
  position: fixed;
  top: 8px;
  left: 8px;
  z-index: 1000;
  transform: translateY(-150%);
  background: var(--surface);
  color: var(--nrm-blue);
  border: 2px solid var(--nrm-blue);
  border-radius: var(--radius-small);
  padding: 10px 14px;
  font-weight: 700;
  text-decoration: none;
}
.page-cyber-guide .skip-link:focus { transform: translateY(0); }

.page-cyber-guide .site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(255,255,255,0.98);
  border-bottom: 1px solid var(--line);
}
.page-cyber-guide .site-header__inner {
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.page-cyber-guide .site-brand { display: inline-flex; align-items: center; }
.page-cyber-guide .site-brand img { display: block; width: 142px; }
.page-cyber-guide .site-header__label {
  margin: 0;
  color: var(--nrm-blue);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.page-cyber-guide .eyebrow {
  margin-bottom: 12px;
  color: var(--nrm-gold);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.page-cyber-guide .eyebrow--blue { color: var(--nrm-blue); }
.page-cyber-guide .button {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-small);
  padding: 12px 22px;
  font-family: var(--font-heading);
  font-weight: 600;
  text-align: center;
  text-decoration: none;
}
.page-cyber-guide .button--primary { background: var(--nrm-red); color: #fff; }
.page-cyber-guide .button--primary:hover { color: #fff; filter: brightness(0.93); }

.page-cyber-guide .guide-hero {
  background: linear-gradient(135deg, var(--nrm-blue), var(--nrm-blue-700));
  color: #fff;
}
.page-cyber-guide .guide-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(290px, 0.65fr);
  gap: 58px;
  align-items: center;
  padding-block: 68px;
}
.page-cyber-guide .guide-hero h1 { max-width: 900px; margin-bottom: 20px; color: #fff; }
.page-cyber-guide .guide-hero__lede { max-width: 850px; margin-bottom: 24px; color: #e8e9f5; font-size: 1.05rem; }
.page-cyber-guide .guide-hero__principle { margin-bottom: 0; color: var(--nrm-taco-blue); font-family: var(--font-heading); font-weight: 600; }
.page-cyber-guide .guide-hero__objective { border-left: 2px solid rgba(255,255,255,0.28); padding: 10px 0 10px 28px; }
.page-cyber-guide .guide-hero__objective-label { margin-bottom: 8px; color: var(--nrm-gold); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; }
.page-cyber-guide .guide-hero__objective p:last-child { margin-bottom: 0; color: #f0f1f8; font-size: 0.94rem; }

.page-cyber-guide .guide-audience { background: var(--surface-soft); border-bottom: 1px solid var(--line); }
.page-cyber-guide .guide-audience__inner { display: grid; grid-template-columns: minmax(0,0.78fr) minmax(0,1.22fr); gap: 56px; align-items: center; padding-block: 46px; }
.page-cyber-guide .guide-audience h2 { max-width: 520px; margin-bottom: 0; font-size: clamp(1.45rem, 2.3vw, 1.9rem); }
.page-cyber-guide .guide-audience__list { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
.page-cyber-guide .guide-audience__list li { border: 1px solid var(--line); border-radius: 999px; background: #fff; padding: 8px 13px; color: var(--nrm-blue); font-size: 0.86rem; font-weight: 600; }

.page-cyber-guide .guide-content { padding-block: 62px 82px; }
.page-cyber-guide .guide-content__intro { max-width: 780px; margin-bottom: 28px; }
.page-cyber-guide .guide-content__intro h2 { margin-bottom: 8px; }
.page-cyber-guide .guide-content__intro p:last-child { margin-bottom: 0; color: var(--muted); }
.page-cyber-guide .guide-tabs { display: flex; gap: 6px; border-bottom: 2px solid var(--nrm-blue); overflow-x: auto; scrollbar-width: thin; }
.page-cyber-guide .guide-tabs__tab {
  position: relative;
  top: 2px;
  flex: 0 0 auto;
  min-height: 60px;
  max-width: 205px;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 9px;
  align-items: center;
  border: 1px solid var(--line);
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
  background: #f0f1f4;
  color: var(--nrm-blue);
  padding: 10px 13px;
  font-family: var(--font-heading);
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.25;
  text-align: left;
  cursor: pointer;
}
.page-cyber-guide .guide-tabs__tab > span { color: var(--nrm-red); font-size: 0.7rem; font-weight: 700; }
.page-cyber-guide .guide-tabs__tab:hover { background: #e8eaf4; }
.page-cyber-guide .guide-tabs__tab[aria-selected="true"] { border-color: var(--nrm-blue); background: #fff; box-shadow: inset 0 3px 0 var(--nrm-red); font-weight: 700; }

.page-cyber-guide .guide-panel { border: 1px solid var(--nrm-blue); border-top: 0; border-radius: 0 0 var(--radius-large) var(--radius-large); padding: 40px; }
.js .page-cyber-guide .guide-panel[hidden] { display: none; }
.page-cyber-guide .guide-panel__header { max-width: 900px; margin-bottom: 30px; }
.page-cyber-guide .guide-panel__number { margin-bottom: 7px; color: var(--nrm-red); font-size: 0.73rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; }
.page-cyber-guide .guide-panel__header h2 { margin-bottom: 10px; font-size: clamp(1.7rem, 2.6vw, 2.15rem); }
.page-cyber-guide .guide-panel__header p:last-child { margin-bottom: 0; color: var(--muted); }

.page-cyber-guide .guide-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; align-items: start; }
.page-cyber-guide .guide-card { border: 1px solid var(--line); border-radius: var(--radius-medium); background: #fff; box-shadow: var(--shadow-small); overflow: clip; scroll-margin-top: 112px; }
.page-cyber-guide .guide-card.is-open { border-color: #aeb4dc; background: var(--surface-blue); box-shadow: 0 10px 24px rgba(2,6,111,0.10); }
.page-cyber-guide .guide-card__heading { margin: 0; font-family: var(--font-body); font-size: inherit; }
.page-cyber-guide .guide-card__trigger { width: 100%; min-height: 100px; display: grid; grid-template-columns: 34px minmax(0,1fr) 28px; gap: 14px; align-items: center; border: 0; background: transparent; padding: 18px 20px; text-align: left; cursor: pointer; }
.page-cyber-guide .guide-card__trigger:hover { background: rgba(2,6,111,0.035); }
.page-cyber-guide .guide-card__number { align-self: start; color: var(--nrm-red); font-family: var(--font-heading); font-size: 0.74rem; font-weight: 700; letter-spacing: 0.04em; }
.page-cyber-guide .guide-card__trigger strong { display: block; color: var(--nrm-blue); font-family: var(--font-heading); font-size: 1rem; line-height: 1.35; }
.page-cyber-guide .guide-card__trigger small { display: block; margin-top: 6px; color: var(--muted); font-size: 0.84rem; font-weight: 400; line-height: 1.45; }
.page-cyber-guide .guide-card__indicator,
.page-cyber-guide .journey-stage__indicator { position: relative; width: 26px; height: 26px; border: 1px solid var(--line-strong); border-radius: 50%; background: #fff; }
.page-cyber-guide .guide-card__indicator::before,
.page-cyber-guide .guide-card__indicator::after,
.page-cyber-guide .journey-stage__indicator::before,
.page-cyber-guide .journey-stage__indicator::after { content: ""; position: absolute; top: 50%; left: 50%; width: 10px; height: 2px; background: var(--nrm-blue); transform: translate(-50%,-50%); transition: transform var(--transition-fast); }
.page-cyber-guide .guide-card__indicator::after,
.page-cyber-guide .journey-stage__indicator::after { transform: translate(-50%,-50%) rotate(90deg); }
.page-cyber-guide .guide-card.is-open .guide-card__indicator::after,
.page-cyber-guide .journey-stage.is-open .journey-stage__indicator::after { transform: translate(-50%,-50%) rotate(0deg); }
.page-cyber-guide .guide-card__answer { border-top: 1px solid var(--line); }
.js .page-cyber-guide .guide-card__answer[hidden],
.js .page-cyber-guide .journey-stage__answer[hidden] { display: none; }
.page-cyber-guide .guide-card__answer-inner { padding: 20px; color: #454650; }
.page-cyber-guide .guide-card__answer-inner > :last-child { margin-bottom: 0; }
.page-cyber-guide .guide-card__answer-inner ul { margin-bottom: 18px; }
.page-cyber-guide .guide-card__policy-link { border-left: 3px solid var(--nrm-gold); background: var(--surface-gold); padding: 12px 14px; color: #5b5340; font-size: 0.86rem; }
.page-cyber-guide .guide-card__takeaway { border-top: 1px solid var(--line); padding-top: 14px; color: var(--nrm-blue); font-size: 0.9rem; }

.page-cyber-guide .guide-takeaway { margin-top: 28px; border-left: 4px solid var(--nrm-red); border-radius: 0 var(--radius-medium) var(--radius-medium) 0; background: var(--surface-soft); padding: 22px 24px; }
.page-cyber-guide .guide-takeaway__label { margin-bottom: 6px; color: var(--nrm-red); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; }
.page-cyber-guide .guide-takeaway h3 { margin-bottom: 8px; font-size: 1.2rem; }
.page-cyber-guide .guide-takeaway p:last-child { margin-bottom: 0; }
.page-cyber-guide .guide-takeaway__note { margin-top: 14px; border-top: 1px solid var(--line); padding-top: 12px; color: var(--muted); font-size: 0.88rem; }
.page-cyber-guide .guide-policy-disclaimer { margin-top: 26px; border-left: 3px solid var(--nrm-gold); background: var(--surface-gold); padding: 16px 18px; color: #5b5340; font-size: 0.9rem; }

.page-cyber-guide .incident-journey { position: relative; display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: 12px; align-items: start; }
.page-cyber-guide .incident-journey::before { content: ""; position: absolute; top: 34px; left: 7%; right: 7%; height: 2px; background: #c9cce0; z-index: 0; }
.page-cyber-guide .journey-stage { position: relative; z-index: 1; min-width: 0; }
.page-cyber-guide .journey-stage h3 { margin: 0; font-family: var(--font-body); font-size: inherit; }
.page-cyber-guide .journey-stage__trigger { width: 100%; min-height: 118px; display: grid; grid-template-rows: auto 1fr auto; justify-items: center; gap: 8px; border: 1px solid var(--line); border-radius: var(--radius-medium); background: #fff; padding: 12px 10px; text-align: center; box-shadow: var(--shadow-small); cursor: pointer; }
.page-cyber-guide .journey-stage__trigger:hover { border-color: #aeb4dc; background: var(--surface-blue); }
.page-cyber-guide .journey-stage.is-open .journey-stage__trigger { border-color: var(--nrm-blue); background: var(--nrm-blue); box-shadow: var(--shadow-medium); }
.page-cyber-guide .journey-stage__number { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--nrm-blue); color: #fff; font-family: var(--font-heading); font-size: 0.8rem; font-weight: 700; }
.page-cyber-guide .journey-stage.is-open .journey-stage__number { background: var(--nrm-red); }
.page-cyber-guide .journey-stage__copy small { display: block; margin-bottom: 3px; color: var(--nrm-red); font-size: 0.68rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.page-cyber-guide .journey-stage__copy strong { display: block; color: var(--nrm-blue); font-family: var(--font-heading); font-size: 0.85rem; line-height: 1.3; }
.page-cyber-guide .journey-stage.is-open .journey-stage__copy small,
.page-cyber-guide .journey-stage.is-open .journey-stage__copy strong { color: #fff; }
.page-cyber-guide .journey-stage.is-open .journey-stage__indicator { border-color: rgba(255,255,255,0.5); background: transparent; }
.page-cyber-guide .journey-stage.is-open .journey-stage__indicator::before,
.page-cyber-guide .journey-stage.is-open .journey-stage__indicator::after { background: #fff; }
.page-cyber-guide .journey-stage__answer { grid-column: 1 / -1; margin-top: 12px; border: 1px solid #aeb4dc; border-radius: var(--radius-medium); background: var(--surface-blue); }
.page-cyber-guide .journey-stage__answer-inner { padding: 22px 24px; color: #454650; text-align: left; }
.page-cyber-guide .journey-stage__answer-inner > :last-child { margin-bottom: 0; }
.page-cyber-guide .journey-stage.is-open { grid-column: auto; }
.page-cyber-guide .journey-stage.is-open .journey-stage__answer { position: absolute; top: 100%; left: 0; width: calc(600% + 60px); }
.page-cyber-guide .journey-stage:nth-child(2).is-open .journey-stage__answer { left: calc(-100% - 12px); }
.page-cyber-guide .journey-stage:nth-child(3).is-open .journey-stage__answer { left: calc(-200% - 24px); }
.page-cyber-guide .journey-stage:nth-child(4).is-open .journey-stage__answer { left: calc(-300% - 36px); }
.page-cyber-guide .journey-stage:nth-child(5).is-open .journey-stage__answer { left: calc(-400% - 48px); }
.page-cyber-guide .journey-stage:nth-child(6).is-open .journey-stage__answer { left: calc(-500% - 60px); }
.page-cyber-guide .incident-journey:has(.journey-stage.is-open) { padding-bottom: 260px; }

.page-cyber-guide .guide-panel--advisory { padding-bottom: 0; overflow: hidden; }
.page-cyber-guide .advisory-intro { max-width: 860px; margin-bottom: 38px; }
.page-cyber-guide .advisory-intro h3 { margin-bottom: 12px; }
.page-cyber-guide .business-framework { max-width: 780px; margin: 0 auto 42px; text-align: center; }
.page-cyber-guide .business-framework figcaption { margin-bottom: 22px; color: var(--nrm-blue); font-family: var(--font-heading); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }
.page-cyber-guide .business-framework__start { display: inline-flex; border-radius: 999px; background: var(--nrm-blue); padding: 12px 24px; color: #fff; font-family: var(--font-heading); font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; }
.page-cyber-guide .business-framework__flow { position: relative; max-width: 600px; margin: 0 auto; padding: 26px 0; list-style: none; }
.page-cyber-guide .business-framework__flow::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 2px; background: #d5d7e6; transform: translateX(-50%); }
.page-cyber-guide .business-framework__flow li { position: relative; z-index: 1; width: min(100%, 520px); margin: 0 auto 14px; border: 1px solid var(--line); border-radius: 999px; background: #fff; padding: 10px 18px; color: var(--nrm-blue); font-weight: 600; box-shadow: var(--shadow-small); }
.page-cyber-guide .business-framework__flow li:last-child { margin-bottom: 0; border-color: var(--nrm-gold); background: var(--surface-gold); }
.page-cyber-guide .business-framework__outcome { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; color: var(--nrm-red); font-family: var(--font-heading); font-size: clamp(1.05rem,2.2vw,1.35rem); font-weight: 700; text-transform: uppercase; }
.page-cyber-guide .framework-application { max-width: 980px; margin: 0 auto 38px; }
.page-cyber-guide .framework-application > h3 { text-align: center; }
.page-cyber-guide .framework-application__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 34px; margin-top: 24px; }
.page-cyber-guide .framework-application__grid > div { position: relative; padding-top: 16px; }
.page-cyber-guide .framework-application__grid > div::before { content: ""; position: absolute; top: 0; left: 0; width: 42px; height: 3px; background: var(--nrm-red); }
.page-cyber-guide .framework-application__grid h4 { margin-bottom: 8px; }
.page-cyber-guide .framework-application__grid p { margin-bottom: 0; color: var(--muted); }
.page-cyber-guide .advisory-copy { max-width: 860px; margin: 0 auto 42px; }
.page-cyber-guide .advisory-copy h3 { margin-top: 26px; margin-bottom: 8px; }
.page-cyber-guide .business-review-cta { margin: 0 -40px; border-top: 3px solid var(--nrm-red); background: var(--nrm-blue); padding: 46px 40px; color: #fff; text-align: center; }
.page-cyber-guide .business-review-cta h3 { max-width: 760px; margin: 0 auto 12px; color: #fff; font-size: clamp(1.6rem,2.8vw,2.15rem); }
.page-cyber-guide .business-review-cta > p:not(.eyebrow) { max-width: 820px; margin-inline: auto; color: #e8e9f5; }
.page-cyber-guide .business-review-cta .button { margin-top: 12px; }
.page-cyber-guide .business-review-cta__support { margin-top: 10px; margin-bottom: 10px; font-size: 0.88rem; }
.page-cyber-guide .knowledge-centre-link { display: inline-flex; align-items: center; gap: 7px; margin-top: 6px; color: var(--nrm-taco-blue); font-weight: 700; text-underline-offset: 4px; }
.page-cyber-guide .knowledge-centre-link:hover { color: #fff; }
.page-cyber-guide .business-review-cta__closing { margin-top: 26px; margin-bottom: 0; border-top: 1px solid rgba(255,255,255,0.22); padding-top: 22px; font-family: var(--font-heading); font-size: 1.02rem; font-weight: 600; }

.page-cyber-guide .site-footer { background: #2d2d2d; color: #b9bac2; border-bottom: 3px solid var(--nrm-taco-blue); }
.page-cyber-guide .site-footer__inner { padding-block: 34px; text-align: center; }
.page-cyber-guide .site-footer__contact { margin-bottom: 20px; font-size: 0.77rem; line-height: 1.9; }
.page-cyber-guide .site-footer__contact a { color: #d6b874; }
.page-cyber-guide .site-footer__disclaimer { max-width: 900px; margin: 0 auto; font-size: 0.75rem; line-height: 1.8; }

.no-js .page-cyber-guide .guide-tabs { display: none; }
.no-js .page-cyber-guide .guide-panel { border-top: 1px solid var(--nrm-blue); margin-bottom: 28px; }
.no-js .page-cyber-guide .guide-card__indicator,
.no-js .page-cyber-guide .journey-stage__indicator { display: none; }
.no-js .page-cyber-guide .incident-journey { grid-template-columns: 1fr; }
.no-js .page-cyber-guide .incident-journey::before { display: none; }
.no-js .page-cyber-guide .journey-stage__answer { position: static; width: auto; }

@media (max-width: 1120px) {
  .page-cyber-guide .incident-journey { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .page-cyber-guide .incident-journey::before { display: none; }
  .page-cyber-guide .journey-stage.is-open .journey-stage__answer { position: static; width: auto; margin-top: 12px; }
  .page-cyber-guide .journey-stage.is-open { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
  .page-cyber-guide .journey-stage.is-open .journey-stage__trigger { grid-column: span 1; }
  .page-cyber-guide .journey-stage.is-open .journey-stage__answer { grid-column: 1 / -1; }
  .page-cyber-guide .incident-journey:has(.journey-stage.is-open) { padding-bottom: 0; }
}

@media (max-width: 1023px) {
  .page-cyber-guide .guide-hero__inner { grid-template-columns: 1fr; gap: 30px; padding-block: 54px; }
  .page-cyber-guide .guide-hero__objective { max-width: 780px; }
  .page-cyber-guide .guide-audience__inner { grid-template-columns: 1fr; gap: 24px; }
  .page-cyber-guide .guide-card-grid { grid-template-columns: repeat(2,minmax(280px,1fr)); }
}

@media (max-width: 820px) {
  .page-cyber-guide .guide-card-grid { grid-template-columns: 1fr; }
  .page-cyber-guide .incident-journey { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .page-cyber-guide .journey-stage.is-open { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .page-cyber-guide .framework-application__grid { grid-template-columns: 1fr; gap: 24px; }
}

@media (max-width: 767px) {
  .page-cyber-guide .l-container { width: min(calc(100% - 32px), var(--container-max)); }
  .page-cyber-guide .site-header__inner { min-height: 66px; }
  .page-cyber-guide .site-brand img { width: 118px; }
  .page-cyber-guide .site-header__label { display: none; }
  .page-cyber-guide .guide-hero__inner { padding-block: 42px; }
  .page-cyber-guide .guide-hero__objective { border-left: 0; border-top: 2px solid rgba(255,255,255,0.25); padding: 20px 0 0; }
  .page-cyber-guide .guide-audience__inner { padding-block: 38px; }
  .page-cyber-guide .guide-content { padding-block: 44px 58px; }
  .page-cyber-guide .guide-tabs { margin-right: -16px; padding-right: 16px; }
  .page-cyber-guide .guide-tabs__tab { min-height: 56px; max-width: 185px; padding-inline: 11px; }
  .page-cyber-guide .guide-panel { padding: 24px 16px 18px; }
  .page-cyber-guide .guide-card__trigger { min-height: 94px; grid-template-columns: 28px minmax(0,1fr) 26px; padding: 16px; }
  .page-cyber-guide .guide-card__answer-inner { padding: 17px 16px; }
  .page-cyber-guide .incident-journey { grid-template-columns: 1fr; gap: 10px; }
  .page-cyber-guide .journey-stage.is-open { display: block; grid-column: auto; }
  .page-cyber-guide .journey-stage__trigger { min-height: 82px; grid-template-columns: 44px minmax(0,1fr) 26px; grid-template-rows: auto; justify-items: stretch; align-items: center; text-align: left; padding: 12px 14px; }
  .page-cyber-guide .journey-stage__copy small,
  .page-cyber-guide .journey-stage__copy strong { text-align: left; }
  .page-cyber-guide .journey-stage__answer-inner { padding: 17px 16px; }
  .page-cyber-guide .business-framework__flow li { border-radius: var(--radius-medium); }
  .page-cyber-guide .business-review-cta { margin-inline: -16px; padding: 38px 18px; }
  .page-cyber-guide .business-review-cta .button { width: 100%; }
  .page-cyber-guide .guide-panel--advisory { padding-bottom: 0; }
}

@media (min-width: 1440px) {
  .page-cyber-guide .guide-panel { padding: 44px; }
  .page-cyber-guide .guide-card-grid { gap: 22px; }
  .page-cyber-guide .business-review-cta { margin-inline: -44px; padding-inline: 44px; }
}

@media (prefers-reduced-motion: reduce) {
  .page-cyber-guide,
  .page-cyber-guide *,
  .page-cyber-guide *::before,
  .page-cyber-guide *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* Stage 1 preview refinement: show all six tabs at desktop widths only. */
@media (min-width: 1024px) {
  .page-cyber-guide .guide-tabs {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    overflow-x: visible;
    scrollbar-width: auto;
  }

  .page-cyber-guide .guide-tabs__tab {
    width: 100%;
    min-width: 0;
    max-width: none;
  }
}

/* Stage 2 preview refinement: persistent Knowledge Centre access in the existing header. */
.page-cyber-guide .site-header__meta {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 18px;
}

.page-cyber-guide .site-header__knowledge-centre {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 7px 12px;
  color: var(--nrm-blue);
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: border-color var(--transition-fast), background-color var(--transition-fast);
}

.page-cyber-guide .site-header__knowledge-centre:hover {
  border-color: var(--nrm-blue);
  background: var(--surface-blue);
}

@media (max-width: 767px) {
  .page-cyber-guide .site-header__meta { gap: 0; }
  .page-cyber-guide .site-header__knowledge-centre {
    min-height: 34px;
    padding: 7px 10px;
    font-size: 0.7rem;
  }
}