.security-hero{
  padding-block:var(--md-space-8);
  color:var(--md-ink);
  background:var(--md-lilac-soft);
}

.security-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);
  gap:var(--md-space-6);
  align-items:center;
}

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

.security-hero__copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--md-space-2);
}

.security-hero__copy h1{
  max-width:780px;
  margin-inline:0;
}

.security-hero__copy>p{
  max-width:720px;
  margin-inline:0;
  font-size:var(--md-fs-lg);
}

.security-hero__actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:var(--md-space-2);
}

.security-model{
  display:flex;
  flex-direction:column;
  gap:var(--md-space-2);
}

.security-model__metric{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  gap:var(--md-space-2);
  align-items:center;
  padding-block:var(--md-space-5);
  border-top:1px solid var(--md-line);
  border-bottom:1px solid var(--md-line);
}

.security-model__metric strong{
  font-size:var(--md-fs-xl);
  line-height:var(--md-leading-heading);
}

.security-model__metric span{
  color:var(--md-amber);
  font-size:var(--md-fs-sm);
  font-weight:700;
}

.security-model__layers{
  display:flex;
  flex-direction:column;
  gap:var(--md-space-2);
}

.security-model__layers>div{
  display:flex;
  align-items:center;
  gap:var(--md-space-2);
  min-width:0;
}

.security-model__layers svg{
  flex:0 0 auto;
  color:var(--md-amber);
}

.page-section__head>div{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--md-space-2);
  min-width:0;
}

.page-section__head>p{
  max-width:520px;
  margin-inline:0;
}

.security-layer-grid,
.security-principles,
.security-boundary{
  align-items:start;
  gap:var(--md-space-6);
}
.security-principles{
  margin-top:var(--md-space-6);
}

.security-layer-grid article,
.security-principles article,
.security-boundary article,
.security-step,
.security-signal,
.security-channel{
  display:flex;
  flex-direction:column;
  gap:var(--md-space-2);
}

.security-card__icon{
  width:fit-content;
  padding:var(--md-space-2);
  color:var(--md-ink);
  background:var(--md-amber);
  border:1px solid var(--md-line);
  border-radius:var(--md-radius-sm);
}

.security-list{
  display:flex;
  flex-direction:column;
  gap:var(--md-space-2);
  padding-top:var(--md-space-2);
  border-top:1px solid var(--md-line);
}

.security-list li{
  position:relative;
  padding-left:var(--md-space-5);
  color:var(--md-ink);
}

.security-list li::before{
  content:"";
  position:absolute;
  top:.65em;
  left:0;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--md-orange);
}

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

.security-callout>div{
  display:flex;
  flex-direction:column;
  gap:var(--md-space-2);
  min-width:0;
}

.security-step-grid{
  align-items:start;
}

.security-step__number{
  width:fit-content;
  align-self:flex-start;
  padding:.3rem .55rem;
  color:var(--md-ink);
  background:var(--md-amber);
  border:1px solid var(--md-line);
  border-radius:var(--md-radius-sm);
  font-size:var(--md-fs-xs);
  font-weight:750;
  line-height:1.2;
}

.security-review{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:var(--md-space-5);
  align-items:start;
  margin-top:var(--md-space-4);
}

.security-review>div{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--md-space-2);
  min-width:0;
}

.security-review__items{
  display:flex;
  flex-direction:column;
  gap:var(--md-space-2);
  min-width:0;
}

.security-review__items li{
  display:flex;
  justify-content:space-between;
  gap:var(--md-space-4);
  padding-bottom:var(--md-space-2);
  border-bottom:1px solid var(--md-line);
}

.security-review__items li:last-child{
  padding-bottom:0;
  border-bottom:0;
}

.security-review__items strong{
  text-align:right;
}

.security-table th,
.security-table td{
  vertical-align:top;
}

.security-note{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--md-space-2);
  margin-top:var(--md-space-4);
}

.security-lifecycle{
  display:flex;
  flex-direction:column;
  gap:var(--md-space-4);
}

.security-phase{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--md-space-4);
  align-items:start;
  padding:var(--md-space-5);
  color:var(--md-ink);
  background:var(--md-white);
  border:1px solid var(--md-line);
  border-radius:var(--md-radius-md);
}

.security-phase__marker{
  width:fit-content;
  padding:.45rem .65rem;
  color:var(--md-ink);
  background:var(--md-amber);
  border:1px solid var(--md-line);
  border-radius:var(--md-radius-sm);
  font-size:var(--md-fs-sm);
  font-weight:750;
}

.security-phase>div{
  display:flex;
  flex-direction:column;
  gap:var(--md-space-2);
  min-width:0;
}

.security-signal-grid{
  align-items:start;
}

.security-signal>strong{
  padding-top:var(--md-space-2);
  border-top:1px solid var(--md-line);
  font-size:var(--md-fs-sm);
}

.security-diagnostic{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--md-space-3);
  margin-top:var(--md-space-4);
}

.security-diagnostic>div{
  display:flex;
  flex:1 1 0;
  flex-direction:column;
  gap:var(--md-space-2);
  min-width:0;
}

.security-diagnostic span{
  font-size:var(--md-fs-lg);
  font-weight:750;
}

.security-diagnostic small{
  color:var(--md-muted);
  font-size:var(--md-fs-xs);
}

.security-diagnostic>svg{
  flex:0 0 auto;
  color:var(--md-orange);
}

.security-reporting{
  align-items:stretch;
}

.security-reporting__main{
  display:flex;
  flex-direction:column;
  gap:var(--md-space-2);
}

.security-report-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--md-space-3);
  margin-top:var(--md-space-2);
}

.security-report-grid>div{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--md-space-2);
  align-items:start;
  padding:var(--md-space-4);
  color:var(--md-ink);
  background:var(--md-cream);
  border:1px solid var(--md-line);
  border-radius:var(--md-radius-sm);
}

.security-report-grid span{
  grid-row:1 / span 2;
  width:fit-content;
  color:var(--md-orange);
  font-size:var(--md-fs-sm);
  font-weight:750;
}

.security-report-grid p{
  grid-column:2;
}

.security-channel .c-btn{
  align-self:flex-start;
  margin-top:auto;
}

.security-email{
  overflow-wrap:anywhere;
}

.security-boundary__list{
  display:flex;
  flex-direction:column;
  gap:var(--md-space-4);
  margin-top:var(--md-space-2);
}

.security-boundary__list li{
  display:flex;
  flex-direction:column;
  gap:var(--md-space-2);
  padding-top:var(--md-space-4);
  border-top:1px solid var(--md-line);
}

.security-decision{
  display:grid;
  grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);
  gap:var(--md-space-5);
  align-items:start;
  margin-top:var(--md-space-4);
}

.security-decision>div{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--md-space-2);
  min-width:0;
}

.security-decision__grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--md-space-3)!important;
}

.security-decision__grid>div{
  display:flex;
  flex-direction:column;
  gap:var(--md-space-2);
  min-width:0;
  padding:var(--md-space-4);
  color:var(--md-ink);
  background:var(--md-white);
  border:1px solid var(--md-line);
  border-radius:var(--md-radius-sm);
}

.security-closing__copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--md-space-2);
  max-width:760px;
}

.security-closing__copy h2{
  margin-inline:0;
}

.security-closing__actions{
  display:flex;
  flex:0 0 auto;
  flex-direction:column;
  align-items:stretch;
  gap:var(--md-space-2);
}

.security-closing__outline{
  color:var(--md-white);
  background:var(--md-ink);
  border-color:var(--md-white);
}

.security-closing__outline:hover{
  color:var(--md-ink);
  background:var(--md-white);
  border-color:var(--md-white);
}

@media(max-width:900px){
  .security-hero__grid{
    grid-template-columns:1fr;
  }

  .security-review,
  .security-decision{
    grid-template-columns:1fr;
  }

  .security-diagnostic{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  }

  .security-diagnostic>svg:nth-of-type(2){
    display:none;
  }

  .security-diagnostic>div:nth-of-type(3){
    grid-column:1;
  }
}

@media(max-width:760px){
  .security-report-grid,
  .security-decision__grid{
    grid-template-columns:1fr;
  }

  .security-diagnostic{
    grid-template-columns:1fr;
  }

  .security-diagnostic>svg{
    transform:rotate(90deg);
  }

  .security-diagnostic>svg:nth-of-type(2){
    display:block;
  }

  .security-diagnostic>div:nth-of-type(3){
    grid-column:auto;
  }

  .security-closing__actions{
    width:100%;
  }

  .security-closing__actions .c-btn{
    width:100%;
  }
}

@media(max-width:640px){
  .security-hero{
    padding-block:var(--md-space-7);
  }

  .security-hero__actions{
    width:100%;
  }

  .security-hero__actions .c-btn{
    width:100%;
    white-space:normal;
  }

  .security-model__metric{
    grid-template-columns:1fr;
  }

  .security-phase{
    grid-template-columns:1fr;
  }

  .security-review__items li{
    align-items:flex-start;
    flex-direction:column;
    gap:var(--md-space-2);
  }

  .security-review__items strong{
    text-align:left;
  }

  .security-report-grid>div{
    grid-template-columns:auto minmax(0,1fr);
  }

  .security-channel .c-btn{
    width:100%;
    white-space:normal;
  }
}

.security-hero__copy .c-breadcrumb{margin-bottom:calc(var(--md-space-5) - var(--md-space-2))}
