/* Security response service and the two process guides. */
.security-incident-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 26px;
  color: #146f79;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.7;
}

.security-incident {
  background: linear-gradient(145deg, rgba(228, 248, 245, .84), rgba(237, 242, 255, .86));
}

.security-incident-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 48px;
  align-items: center;
  margin-bottom: 38px;
}

.security-incident-heading h2,
.security-guide-intro h1 {
  margin: 0 0 24px;
  color: var(--security-navy);
  font-size: clamp(30px, 4vw, 46px);
  font-weight: 800;
  line-height: 1.45;
  letter-spacing: -.035em;
}

.security-incident-heading h2 em,
.security-guide-intro h1 em {
  color: #167e83;
  font-style: normal;
}

.security-incident-heading > div > p:last-child,
.security-guide-lead {
  max-width: 800px;
  margin-bottom: 0;
  color: #4e687c;
  font-size: 16px;
  line-height: 1.95;
}

.security-incident-price {
  display: grid;
  gap: 8px;
  padding: 32px 22px;
  border: 1px solid rgba(30, 133, 146, .16);
  border-radius: 24px;
  background: rgba(255, 255, 255, .78);
  text-align: center;
}

.security-incident-price span {
  color: #42677b;
  font-size: 12px;
  font-weight: 700;
}

.security-incident-price strong {
  color: var(--security-navy);
  font-family: "Nunito", sans-serif;
  font-size: 55px;
  font-weight: 900;
  line-height: 1.2;
}

.security-incident-price small { color: #526c7d; font-size: 12px; }

.security-incident-cards,
.security-preparation-grid,
.security-process-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.security-incident-cards article,
.security-preparation-grid article,
.security-process-links > a {
  padding: 32px;
  border: 1px solid rgba(40, 110, 151, .13);
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(237, 252, 248, .9));
  box-shadow: 0 16px 44px rgba(13, 56, 86, .045);
}

.security-incident-cards article:nth-child(2),
.security-preparation-grid article:nth-child(2),
.security-process-links > a:nth-child(2) {
  background: linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(235, 243, 255, .92));
}

.security-incident-cards article:nth-child(3) {
  background: linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(243, 238, 255, .9));
}

.security-incident-cards article > i {
  display: inline-block;
  margin-bottom: 20px;
  color: #167e83;
  font-size: 32px;
}

.security-incident-cards h3,
.security-preparation-grid h3,
.security-process-links h3 {
  margin-bottom: 13px;
  color: var(--security-navy);
  font-size: 21px;
  font-weight: 800;
  line-height: 1.5;
}

.security-incident-cards p,
.security-process-links p,
.security-preparation-grid p {
  margin: 0;
  color: #526b7c;
  font-size: 14px;
  line-height: 1.9;
}

.security-incident-sequence {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
  justify-content: center;
  margin: 32px 0 14px;
  color: #245e77;
  font-size: 14px;
  font-weight: 700;
}

.security-incident-sequence-note,
.security-guide-caption,
.security-guide-source {
  margin: 16px 0 0;
  color: #536d7f;
  font-size: 12px;
  line-height: 1.9;
}

.security-care-note {
  display: flex;
  gap: 16px;
  margin-top: 30px;
  padding: 26px 28px;
  border: 1px solid rgba(190, 137, 57, .25);
  border-radius: 20px;
  background: #fffaf0;
}

.security-care-note > i {
  flex: 0 0 auto;
  color: #98702b;
  font-size: 27px;
}

.security-care-note h3,
.security-incident-limits h3 {
  margin-bottom: 9px;
  color: #4e4b3d;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.6;
}

.security-care-note p,
.security-incident-limits p {
  margin: 0;
  color: #5c665f;
  font-size: 13px;
  line-height: 1.9;
}

.security-incident-limits {
  margin: 28px 0;
  padding: 28px;
  border: 1px solid rgba(68, 106, 133, .18);
  border-radius: 20px;
  background: rgba(255, 255, 255, .84);
}

.security-incident-limits p + p { margin-top: 14px; }

.security-process-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
}

.security-process-links {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 40px;
}

.security-process-links > a { transition: transform .2s, box-shadow .2s; }
.security-process-links > a:hover { transform: translateY(-3px); box-shadow: 0 22px 48px rgba(13, 56, 86, .1); }
.security-process-links > a > span {
  display: block;
  margin-bottom: 14px;
  color: #176d88;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .16em;
}
.security-process-links > a > i { display: inline-block; margin-top: 22px; color: #176d88; font-size: 22px; }
#security-diagnostic-fields[hidden] { display: none; }

.security-guide-page .security-guide-intro { padding: 94px 0 60px; }
.security-guide-intro h1 { font-size: clamp(35px, 4.4vw, 56px); }
.security-guide-badges { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
.security-guide-badges span { padding: 8px 14px; border: 1px solid rgba(22, 126, 131, .17); border-radius: 30px; background: rgba(255, 255, 255, .8); color: #285f79; font-size: 12px; font-weight: 700; }
.security-guide-jump { display: flex; flex-wrap: wrap; gap: 12px 26px; margin-top: 36px; }
.security-guide-jump a { padding-bottom: 4px; border-bottom: 1px solid #8cbdc7; color: #236b83; font-size: 14px; font-weight: 700; }
.security-guide-page .security-guide-section { padding: 60px 0; }
.security-guide-section[id], .security-procedure-step[id] { scroll-margin-top: 120px; }
.security-guide-page .security-section-heading { max-width: 850px; margin-left: 0; text-align: left; }
.security-preparation-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.security-preparation-grid h3 i { margin-right: 8px; color: #167e83; }
.security-preparation-grid ul { margin: 0; padding-left: 20px; color: #4e687c; font-size: 14px; line-height: 1.9; }
.security-preparation-grid li + li { margin-top: 8px; }
.security-preparation-grid p { margin-top: 16px; }
.security-guide-source a { color: #176988; text-decoration: underline; text-underline-offset: 3px; }

.security-procedure { display: grid; gap: 22px; margin: 0; padding: 0; list-style: none; }
.security-procedure-step {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 26px;
  padding: 38px;
  border: 1px solid rgba(29, 107, 147, .15);
  border-radius: 26px;
  background: linear-gradient(130deg, rgba(255, 255, 255, .97), rgba(240, 250, 250, .92));
}
.security-procedure-step:nth-child(even) { background: linear-gradient(130deg, rgba(255, 255, 255, .97), rgba(239, 245, 255, .94)); }
.security-procedure-number { display: grid; width: 58px; height: 58px; place-items: center; border-radius: 19px; background: linear-gradient(135deg, #e3f8f3, #e4eeff); color: #176b83; font-family: "Nunito", sans-serif; font-size: 25px; font-weight: 900; }
.security-procedure-phase { margin: 0 0 7px; color: #167e83; font-size: 12px; font-weight: 800; letter-spacing: .07em; }
.security-procedure-step h3 { margin: 0 0 20px; color: var(--security-navy); font-size: 24px; font-weight: 800; line-height: 1.6; }
.security-procedure-step h3 ~ p { margin: 0 0 15px; color: #4e687c; font-size: 14px; line-height: 2; }
.security-procedure-gate { margin-top: 24px; padding: 17px 20px; border-left: 3px solid #38b1ad; border-radius: 0 12px 12px 0; background: rgba(219, 239, 242, .48); color: #28576e; font-size: 13px; line-height: 1.9; }

.security-guide-panel { padding: 44px; border: 1px solid rgba(32, 107, 147, .18); border-radius: 28px; background: rgba(255, 255, 255, .9); }
.security-guide-panel--limits { border-color: rgba(190, 137, 57, .25); background: linear-gradient(130deg, #fffaf0, rgba(255, 255, 255, .97)); }
.security-guide-panel h2, .security-guide-contact h2 { color: var(--security-navy); font-size: clamp(25px, 3vw, 34px); font-weight: 800; line-height: 1.5; }
.security-guide-panel > p:not(.security-eyebrow) { color: #526b7c; font-size: 14px; line-height: 1.9; }
.security-guide-list { display: grid; gap: 24px; margin: 28px 0 0; padding: 0; list-style: none; }
.security-guide-list li { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 24px; padding-bottom: 24px; border-bottom: 1px solid rgba(32, 107, 147, .12); }
.security-guide-list li:last-child { padding-bottom: 0; border-bottom: 0; }
.security-guide-list strong { color: #27566c; font-size: 15px; line-height: 1.8; }
.security-guide-list span { color: #526b7c; font-size: 14px; line-height: 1.9; }
.security-guide-contact { margin: 60px 0 30px; padding: 44px; border-radius: 26px; background: linear-gradient(135deg, #e2f6f1, #e7eeff); }
.security-guide-contact p { max-width: 760px; color: #4e687c; font-size: 14px; line-height: 1.9; }
.security-guide-contact .security-primary-button { margin-top: 16px; }
.security-guide-page .security-primary-button { max-width: 100%; white-space: normal; }

@media (max-width: 991px) {
  .security-incident-heading { grid-template-columns: 1fr; gap: 22px; }
  .security-incident-price { max-width: 360px; }
  .security-incident-cards { grid-template-columns: 1fr; }
  .security-guide-list li { grid-template-columns: 1fr; gap: 8px; }
}

@media (max-width: 767px) {
  .security-incident-heading h2 br { display: none; }
  .security-incident-heading > div > p:last-child, .security-guide-lead { font-size: 15px; }
  .security-incident-cards article, .security-preparation-grid article, .security-process-links > a { padding: 26px 23px; }
  .security-preparation-grid, .security-process-links { grid-template-columns: 1fr; }
  .security-incident-sequence { display: grid; grid-template-columns: 1fr; justify-items: start; gap: 8px; }
  .security-incident-sequence i { transform: rotate(90deg); }
  .security-care-note { padding: 22px; gap: 12px; }
  .security-care-note > i { font-size: 23px; }
  .security-incident-limits { padding: 23px; }
  .security-process-actions { align-items: flex-start; flex-direction: column; }
  .security-process-actions .security-primary-button { white-space: normal; font-size: 13px; }
  .security-guide-page .security-guide-intro { padding: 70px 0 36px; }
  .security-guide-page .security-guide-section { padding: 38px 0; }
  .security-procedure-step { grid-template-columns: 1fr; gap: 20px; padding: 26px 23px; }
  .security-procedure-step h3 { font-size: 21px; }
  .security-procedure-number { width: 48px; height: 48px; font-size: 22px; }
  .security-procedure-gate { padding: 15px; }
  .security-guide-panel, .security-guide-contact { padding: 28px 23px; }
}