.security-page{
  font-size:var(--fs-5);
  line-height:var(--lh-body);
}

.security-page [hidden]{
  display:none!important;
}

.security-page .security-hero{
  display:block;
  padding-block:var(--hero-pad);
  background:#E2F2EA;
  background-image:linear-gradient(120deg,var(--hero-blue) 0%,var(--mint) 48%,var(--hero-cream) 100%);
  color:#15142E;
}

.security-hero h1{
  max-width:100%;
  color:#15142E;
  font-size:var(--fs-1);
  line-height:var(--lh-display);
  letter-spacing:-.045em;
}

.security-hero .lede{
  max-width:48rem;
  color:#374C46;
  font-size:var(--fs-4);
  line-height:var(--lh-body);
}

.security-hero .security-hero-actions{
  justify-content:flex-start;
  margin-top:var(--space-3);
}

.security-hero-note{
  max-width:48rem;
  margin-top:var(--space-3);
  color:#374C46;
  font-size:var(--fs-6);
  line-height:var(--lh-body);
}

.security-facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-3);
  margin-top:var(--space-5);
  margin-bottom:var(--space-3);
  padding-top:var(--space-3);
  border-top:1px solid var(--line);
}

.security-facts>div{
  display:flex;
  flex-direction:column;
  gap:var(--field-gap);
  min-width:0;
}

.security-facts strong{
  color:#15142E;
  font-size:var(--fs-5);
  line-height:var(--lh-heading);
}

.security-facts span{
  color:#374C46;
  font-size:var(--fs-6);
  line-height:var(--lh-body);
  overflow-wrap:break-word;
}

.security-head{
  margin-bottom:var(--space-4);
  min-width:0;
}

.security-head h2{
  color:inherit;
  font-size:var(--fs-2);
  line-height:var(--lh-display);
}

.security-head>p{
  max-width:56rem;
  margin-top:var(--space-2);
  font-size:var(--fs-5);
  line-height:var(--lh-body);
  overflow-wrap:break-word;
}

.security-page .security-card-foot{
  padding-top:var(--space-2);
  border-top:1px solid var(--line);
  font-size:var(--fs-6);
  line-height:var(--lh-body);
}

.security-access{
  background:#FBFAF7;
  color:#15142E;
}

.security-steps{
  display:grid;
  gap:var(--space-3);
  list-style:none;
  margin:0;
  padding:0;
}

.security-steps>.security-step{
  display:grid;
  grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);
  align-items:start;
  gap:var(--space-3);
  padding:var(--space-4);
  border-radius:var(--r-lg);
  background:#FFFFFF;
  color:#15142E;
}

.security-step>*{
  min-width:0;
}

.security-step-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.5rem;
  height:2.5rem;
  border-radius:var(--pill);
  background:#ECE6FA;
  color:#2E2163;
  font-family:var(--mono);
  font-size:var(--fs-6);
  font-weight:700;
  line-height:1;
  font-variant-numeric:tabular-nums;
}

.security-step h3,
.security-copy h3,
.security-tunnel h3{
  font-size:var(--fs-3);
  line-height:var(--lh-heading);
}

.security-step-body,
.security-copy,
.security-tunnel{
  display:flex;
  flex-direction:column;
  gap:var(--field-gap);
  min-width:0;
}

.security-step-body p,
.security-copy p,
.security-tunnel p{
  font-size:var(--fs-5);
  line-height:var(--lh-body);
  overflow-wrap:break-word;
}

.security-code{
  position:relative;
  max-width:100%;
  overflow-x:auto;
  padding:var(--space-3);
  border-radius:var(--r-md);
  background:#15142E;
  color:#FBFAF7;
  font-size:var(--fs-6);
  line-height:var(--lh-code);
}

.security-code code{
  color:#FBFAF7;
  font-family:var(--mono);
  font-size:var(--fs-6);
  line-height:var(--lh-code);
  font-variant-numeric:tabular-nums;
}

.security-access-note,
.security-operations-note{
  margin-top:var(--space-3);
}

.security-page .security-access-note h3{
  color:#4F3C00;
}

.security-page .security-access-note p,
.security-page .security-operations-note p{
  color:#4F3C00;
  font-size:var(--fs-5);
  line-height:var(--lh-body);
}

.security-table{
  display:table;
  width:100%;
  background:#FFFFFF;
  color:#15142E;
}

.security-table caption{
  padding-bottom:var(--space-2);
  color:#5E5A78;
  font-size:var(--fs-6);
  line-height:var(--lh-body);
  text-align:left;
  caption-side:top;
}

.security-table th,
.security-table td{
  text-align:left;
}

.security-table th:first-child{
  width:24%;
}

.security-tunnel{
  margin-top:var(--space-4);
}

.security-erasure{
  background:#FDE7D6;
  color:#5A2E12;
}

.security-erasure .security-head p,
.security-erasure .security-section-note{
  color:#5A2E12;
}

.security-section-note{
  margin-top:var(--space-3);
  font-size:var(--fs-5);
  line-height:var(--lh-body);
}

.security-practice{
  background:#FBFAF7;
  color:#15142E;
}

.security-checklist{
  gap:var(--space-2);
}

.security-checklist>li{
  padding:var(--space-3);
  border-radius:var(--r-md);
  background:#E2F2EA;
  color:#1E4A33;
}

.security-checklist>li>div{
  display:grid;
  align-content:start;
  gap:var(--field-gap);
  min-width:0;
}

.security-checklist strong{
  font-size:var(--fs-5);
  line-height:var(--lh-heading);
}

.security-checklist p{
  max-width:62rem;
  color:#1E4A33;
  font-size:var(--fs-5);
  line-height:var(--lh-body);
}

.security-closing-section{
  padding-top:var(--space-7);
  padding-bottom:var(--space-close);
}

.security-page .security-closing{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);
  align-items:center;
  gap:var(--space-5);
  height:auto;
  padding:var(--space-6);
  border-radius:var(--r-lg);
  background:#15142E;
  color:#FBFAF7;
}

.security-closing-copy{
  min-width:0;
}

.security-closing-copy h2{
  color:#FBFAF7;
  font-size:var(--fs-2);
  line-height:var(--lh-display);
}

.security-closing-copy p{
  margin-top:var(--space-2);
  color:#B9B6D6;
  font-size:var(--fs-5);
  line-height:var(--lh-body);
}

.security-closing .security-closing-actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
  gap:var(--space-2);
  min-width:0;
  margin-top:0;
}

.security-closing .c-btn--ghost{
  background:transparent;
  color:#FBFAF7;
  border-color:color-mix(in srgb,currentColor 45%,transparent);
}

.security-closing .c-btn--ghost:hover{
  background:#2A2852;
  color:#FBFAF7;
}

.security-closing .c-btn--secondary:hover{
  background:#ECE6FA;
  color:#15142E;
}

@media(max-width:64rem){
  .security-page .security-closing{
    grid-template-columns:minmax(0,1fr);
    gap:var(--space-4);
    padding:var(--space-4);
  }

  .security-closing .security-closing-actions{
    align-items:flex-start;
  }
}

@media(max-width:42rem){
  .security-facts{
    grid-template-columns:minmax(0,1fr);
    gap:var(--space-3);
  }

  .security-steps>.security-step{
    grid-template-columns:2.25rem minmax(0,1fr);
    padding:var(--space-3);
    gap:var(--space-3);
  }

  .security-step>:nth-child(3){
    grid-column:2;
  }

  .security-step-number{
    width:2.25rem;
    height:2.25rem;
  }

  .security-code{
    padding:var(--space-2);
  }

  .security-page .security-closing{
    padding:var(--space-3);
  }

  .security-closing .security-closing-actions{
    align-items:stretch;
  }

  .security-hero-actions>.c-btn{
    width:100%;
  }
}