.security-hero{
  padding-block:var(--space-5) var(--space-7);
  color:var(--c-ink);
  background:var(--c-light)
}

.security-breadcrumb{
  margin-bottom:var(--space-4)
}

.security-hero-layout{
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  align-items:center;
  gap:var(--space-5)
}

.security-hero-copy{
  display:grid;
  gap:var(--space-3);
  min-width:0
}

.security-heading{
  display:grid;
  gap:var(--space-1);
  min-width:0
}

.security-heading h1{
  max-width:min(36rem,100%);
  margin-inline:0
}

.security-heading p{
  max-width:62ch;
  margin-inline:0;
  color:var(--c-ink-soft);
  font-size:var(--fs-3)
}

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

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

.security-inline-stats div{
  display:grid;
  gap:var(--space-1);
  min-width:0
}

.security-inline-stats strong{
  color:var(--c-ink);
  font-size:var(--fs-3);
  font-weight:650
}

.security-inline-stats span{
  color:var(--c-muted);
  font-size:var(--fs-1)
}

.security-ledger{
  min-width:0;
  overflow:hidden;
  border-radius:var(--radius-lg);
  color:#eef7ee;
  background:var(--c-dark);
  box-shadow:var(--shadow-raised)
}

.security-ledger-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--space-2);
  padding:var(--space-3);
  color:#eef7ee;
  background:var(--c-dark-2)
}

.security-ledger-head>div{
  display:grid;
  gap:var(--space-1);
  min-width:0
}

.security-ledger-head>div>span{
  color:#aac0b0;
  font-size:var(--fs-0);
  letter-spacing:.04em
}

.security-ledger-head strong{
  color:#f2f8ef;
  font-size:var(--fs-1);
  overflow-wrap:anywhere
}

.security-ledger-state{
  display:inline-flex;
  align-items:center;
  gap:var(--space-1);
  width:fit-content;
  max-width:100%;
  padding:.35rem .7rem;
  border-radius:999px;
  color:#102a1a;
  background:#b9f5a8;
  font-weight:700;
  white-space:nowrap
}

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

.security-ledger-grid div{
  display:grid;
  gap:var(--space-1);
  min-width:0;
  padding:var(--space-2);
  border-radius:var(--radius-sm);
  color:#eef7ee;
  background:rgba(255,255,255,.06)
}

.security-ledger-grid dt{
  color:#9fb8a4;
  font-size:var(--fs-0)
}

.security-ledger-grid dd{
  color:#f2f8ef;
  font-size:var(--fs-1);
  font-weight:600
}

.security-ledger-note{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:var(--space-1);
  padding:var(--space-3);
  color:#d8ead7;
  background:var(--c-dark-2)
}

.security-ledger-note svg{
  color:var(--c-accent)
}

.security-ledger-note p{
  color:#d8ead7;
  font-size:var(--fs-1)
}

.security-model-grid{
  align-items:start
}

.security-model-card{
  display:grid;
  gap:var(--space-1)
}

.security-card-title{
  display:flex;
  align-items:center;
  gap:var(--space-1);
  min-width:0
}

.security-card-title svg{
  flex:0 0 auto
}

.security-model-card p{
  color:inherit
}

.security-model-notice{
  margin-top:var(--space-3)
}

.security-account{
  color:var(--c-ink);
  background:var(--c-surface)
}

.security-account-paired{
  align-items:stretch
}

.security-access-board{
  min-width:0;
  overflow:hidden;
  border-radius:var(--radius-md);
  color:var(--c-ink);
  background:var(--c-white);
  box-shadow:var(--shadow-soft)
}

.security-access-board-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--space-2);
  padding:var(--space-3);
  color:#174d3e;
  background:var(--c-mint)
}

.security-access-board-head>div{
  display:grid;
  gap:var(--space-1);
  min-width:0
}

.security-access-board-head h3{
  color:#174d3e
}

.security-access-board-head svg{
  flex:0 0 auto;
  color:var(--c-primary)
}

.security-check-list{
  display:grid;
  gap:0;
  margin:0;
  padding:0;
  list-style:none
}

.security-check-list li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:var(--space-1);
  padding:var(--space-3);
  color:var(--c-ink);
  background:var(--c-white)
}

.security-check-list li+li{
  border-top:1px solid var(--c-line)
}

.security-check-list svg{
  color:var(--c-primary)
}

.security-check-list div{
  display:grid;
  gap:var(--space-1);
  min-width:0
}

.security-check-list strong{
  color:var(--c-ink)
}

.security-check-list span{
  color:var(--c-muted)
}

.security-account-side{
  align-items:stretch
}

.security-side-card{
  gap:var(--space-1);
  color:var(--c-ink);
  background:var(--c-white);
  box-shadow:var(--shadow-soft)
}

.security-side-card p{
  color:var(--c-muted)
}

.security-side-card .c-btn{
  margin-top:auto
}

.security-control-steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:start;
  gap:var(--space-3);
  margin:0;
  padding:0;
  list-style:none
}

.security-control-steps li{
  display:grid;
  gap:var(--space-2);
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  color:var(--c-ink);
  background:var(--c-light)
}

.security-step-index{
  display:grid;
  place-items:center;
  width:2.5rem;
  height:2.5rem;
  border-radius:50%;
  color:#fff;
  background:var(--c-primary)
}

.security-control-steps li>div{
  display:grid;
  gap:var(--space-1);
  min-width:0
}

.security-control-steps p{
  color:var(--c-muted)
}

.security-device-foot{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-3);
  margin-top:var(--space-3);
  padding:var(--space-3);
  border-radius:var(--radius-md);
  color:#174d3e;
  background:var(--c-mint)
}

.security-device-foot div{
  display:grid;
  gap:var(--space-1);
  min-width:0
}

.security-device-foot strong{
  color:#174d3e
}

.security-device-foot span{
  color:#315f50
}

.security-data{
  color:var(--c-ink);
  background:var(--c-light)
}

.security-data-grid{
  align-items:start
}

.security-data-card{
  display:grid;
  gap:var(--space-1);
  color:var(--c-ink);
  background:var(--c-white);
  box-shadow:var(--shadow-soft)
}

.security-data-card p{
  color:var(--c-muted)
}

.security-data-tag{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  padding:.3rem .65rem;
  border-radius:999px;
  color:var(--c-primary-hover);
  background:var(--c-surface);
  font-size:var(--fs-0);
  font-weight:700
}

.security-data-table{
  margin-top:var(--space-4);
  border:1px solid var(--c-line)
}

.security-data-table table{
  min-width:760px
}

.security-data-table caption{
  padding:var(--space-2);
  color:var(--c-ink);
  background:var(--c-white);
  font-weight:650;
  text-align:left
}

.security-ci-board{
  overflow:hidden;
  border-radius:var(--radius-lg);
  color:var(--c-ink);
  background:var(--c-surface)
}

.security-ci-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-2);
  padding:var(--space-3);
  color:#eef7ee;
  background:var(--c-dark)
}

.security-ci-head>div{
  display:grid;
  gap:var(--space-1);
  min-width:0
}

.security-ci-head span{
  color:#aac0b0;
  font-size:var(--fs-1)
}

.security-ci-head strong{
  color:#f2f8ef;
  font-size:var(--fs-3)
}

.security-ci-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-3);
  padding:var(--space-3);
  color:var(--c-ink);
  background:var(--c-surface)
}

.security-ci-grid article{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:var(--space-2);
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  color:var(--c-ink);
  background:var(--c-white)
}

.security-ci-grid article>span{
  display:grid;
  place-items:center;
  width:2.25rem;
  height:2.25rem;
  border-radius:50%;
  color:#fff;
  background:var(--c-primary);
  font-weight:700
}

.security-ci-grid article>div{
  display:grid;
  gap:var(--space-1);
  min-width:0
}

.security-ci-grid p{
  color:var(--c-muted)
}

.security-monitoring{
  color:#eaf4e9;
  background:var(--c-dark)
}

.security-monitoring .eyebrow{
  color:#d8ead5
}

.security-monitor-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
  gap:var(--space-3)
}

.security-monitor-card{
  display:grid;
  gap:var(--space-1);
  min-width:0;
  padding:var(--space-4);
  border-radius:var(--radius-md);
  color:var(--c-ink);
  background:var(--c-white)
}

.security-monitor-card h3{
  color:var(--c-ink)
}

.security-monitor-label{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  padding:.3rem .65rem;
  border-radius:999px;
  color:#174d3e;
  background:var(--c-mint);
  font-size:var(--fs-0);
  font-weight:700
}

.security-monitor-card ul{
  display:grid;
  gap:var(--space-1);
  margin-top:var(--space-1);
  color:var(--c-ink-soft)
}

.security-incident-flow{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:start;
  gap:var(--space-3);
  margin:var(--space-4) 0 0;
  padding:0;
  list-style:none
}

.security-incident-flow li{
  display:grid;
  gap:var(--space-2);
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  color:#eaf4e9;
  background:var(--c-dark-2)
}

.security-incident-flow li>span{
  color:var(--c-accent);
  font-weight:700
}

.security-incident-flow li>div{
  display:grid;
  gap:var(--space-1);
  min-width:0
}

.security-incident-flow h3{
  color:#f2f8ef
}

.security-incident-flow p{
  color:#aac0b0
}

.security-recycle-path{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:start;
  gap:var(--space-3)
}

.security-recycle-path article{
  display:grid;
  gap:var(--space-2);
  min-width:0
}

.security-recycle-index{
  display:grid;
  place-items:center;
  width:3rem;
  height:3rem;
  border-radius:50%;
  color:#183e25;
  background:var(--c-accent);
  font-weight:700
}

.security-recycle-path article>div{
  display:grid;
  gap:var(--space-1);
  min-width:0
}

.security-recycle-path p{
  color:var(--c-muted)
}

.security-recycle-notice{
  margin-top:var(--space-4)
}

.security-responsibility{
  color:var(--c-ink);
  background:var(--c-surface)
}

.security-responsibility-grid{
  align-items:start
}

.security-responsibility-card{
  display:grid;
  gap:var(--space-1);
  color:var(--c-ink);
  background:var(--c-white);
  box-shadow:var(--shadow-soft)
}

.security-responsibility-card p{
  color:var(--c-muted)
}

.security-report{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:var(--space-4);
  margin-top:var(--space-4);
  padding:var(--space-4);
  border-radius:var(--radius-lg);
  color:#eef7ee;
  background:var(--c-dark)
}

.security-report-copy{
  display:grid;
  gap:var(--space-1);
  min-width:0
}

.security-report-copy h3{
  color:#f2f8ef
}

.security-report-copy p{
  max-width:68ch;
  margin-inline:0;
  color:#aac0b0
}

.security-report-copy .c-badge{
  color:#183e25;
  background:var(--c-accent)
}

.security-report-actions{
  display:grid;
  gap:var(--space-1);
  min-width:0
}

.security-report-actions .c-btn-primary{
  color:var(--c-dark);
  background:var(--c-white);
  border-color:var(--c-white);
  box-shadow:none
}

.security-report-actions .c-btn-primary:hover{
  color:var(--c-dark);
  background:var(--c-light);
  border-color:var(--c-light)
}

.security-report-actions .c-btn-ghost{
  color:#eef7ee;
  background:transparent;
  border-color:var(--c-line-light);
  overflow-wrap:anywhere
}

.security-report-actions .c-btn-ghost:hover{
  color:var(--c-dark);
  background:var(--c-accent);
  border-color:var(--c-accent)
}

.security-closing{
  color:var(--c-ink);
  background:var(--c-white)
}

.security-closing-actions{
  display:grid;
  gap:var(--space-1);
  min-width:0
}

.security-closing-actions .c-btn-primary{
  color:var(--c-dark);
  background:var(--c-white);
  border-color:var(--c-white);
  box-shadow:none
}

.security-closing-actions .c-btn-primary:hover{
  color:var(--c-dark);
  background:var(--c-light);
  border-color:var(--c-light)
}

.security-closing-actions .c-btn-secondary{
  color:#183e25;
  background:var(--c-accent);
  border-color:var(--c-accent)
}

.security-closing-actions .c-btn-secondary:hover{
  color:#183e25;
  background:var(--c-mint);
  border-color:var(--c-mint)
}

@media (min-width:1440px){
  .security-hero{
    padding-block:var(--space-6)
  }
}

@media (max-width:980px){
  .security-hero-layout{
    grid-template-columns:1fr;
    gap:var(--space-4)
  }

  .security-heading h1{
    max-width:16ch
  }

  .security-control-steps,
  .security-incident-flow,
  .security-recycle-path{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .security-data-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .security-report{
    grid-template-columns:1fr
  }

  .security-report-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}

@media (max-width:768px){
  .security-hero{
    padding-block:var(--space-4) var(--space-5)
  }

  .security-breadcrumb{
    margin-bottom:var(--space-3)
  }

  .security-inline-stats{
    grid-template-columns:1fr
  }

  .security-ledger-head,
  .security-ci-head{
    align-items:flex-start;
    flex-direction:column
  }

  .security-ledger-state{
    white-space:normal
  }

  .security-ledger-grid,
  .security-ci-grid,
  .security-monitor-grid,
  .security-device-foot{
    grid-template-columns:1fr
  }

  .security-report-actions{
    grid-template-columns:1fr
  }

  .security-report-actions .c-btn,
  .security-closing-actions .c-btn{
    width:100%
  }
}

@media (max-width:390px){
  .security-heading h1{
    max-width:100%
  }

  .security-hero-actions{
    display:grid;
    grid-template-columns:1fr
  }

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

  .security-ledger-grid,
  .security-control-steps,
  .security-data-grid,
  .security-incident-flow,
  .security-recycle-path{
    grid-template-columns:1fr
  }

  .security-ledger-head,
  .security-access-board-head,
  .security-ci-head{
    gap:var(--space-1)
  }

  .security-access-board-head svg{
    width:24px;
    height:24px
  }

  .security-ci-grid article{
    grid-template-columns:1fr
  }

  .security-report{
    padding:var(--space-3)
  }
}

.page-hero.security-hero{
  padding-top:var(--space-5)
}