/* Numerish Community360 Enterprise AI — Security assurance R8
   2026-11-03: balanced four-stage policy controls, exact existing content,
   responsive and dark-mode-safe. Scoped to #security only. */
#security .c360p-security-grid{
  width:min(calc(100% - 120px),1380px);
  max-width:none;
  margin-inline:auto;
  grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);
  gap:clamp(30px,3.6vw,64px);
  align-items:stretch;
  min-width:0;
}
#security .c360p-security-grid>div:first-child{
  min-width:0;
  align-self:start;
}
#security .c360p-security-grid h2{
  font-size:clamp(32px,2.95vw,43px);
  font-weight:850;
  line-height:1.14;
  letter-spacing:-.04em;
  max-width:690px;
  text-wrap:balance;
}
#security .c360p-security-grid>div:first-child>p:not(.c360p-eyebrow){
  max-width:675px;
  color:var(--c360-muted);
  font-size:clamp(14px,1.12vw,16px);
  line-height:1.67;
  margin-top:19px;
}
#security .c360p-check-list{
  display:grid;
  gap:12px;
  margin-top:22px;
  max-width:690px;
}
#security .c360p-check-list li{
  font-size:clamp(13px,.96vw,15px);
  line-height:1.6;
  overflow-wrap:break-word;
}
#security .c360p-security-cards{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:repeat(4,minmax(0,1fr));
  gap:11px;
  min-width:0;
  min-height:100%;
  align-self:stretch;
  align-items:stretch;
  padding:0;
}
#security .c360p-security-cards article{
  display:grid;
  grid-template-columns:clamp(87px,7.3vw,118px) minmax(0,1fr);
  grid-template-rows:auto auto;
  align-content:center;
  align-items:center;
  column-gap:clamp(13px,1.2vw,22px);
  row-gap:6px;
  min-width:0;
  min-height:0;
  border:1px solid var(--c360-border);
  border-radius:14px;
  background:var(--c360-soft);
  padding:clamp(13px,1.18vw,21px) clamp(17px,1.5vw,26px);
  box-shadow:0 5px 16px rgba(18,39,59,.025);
  position:relative;
  isolation:isolate;
  transition:border-color .18s ease,box-shadow .18s ease;
}
#security .c360p-security-cards article::before{
  content:"";
  width:3px;
  position:absolute;
  top:13px;
  bottom:13px;
  left:0;
  border-radius:0 3px 3px 0;
  background:#e50064;
}
#security .c360p-security-cards article:hover{
  border-color:#eb9fbf;
  box-shadow:0 9px 24px rgba(18,39,59,.075);
}
#security .c360p-security-cards article>.c360p-small-tag{
  grid-column:1;
  grid-row:1 / span 2;
  display:flex;
  align-items:center;
  min-width:0;
  height:100%;
  padding-right:clamp(9px,1vw,18px);
  margin:0;
  border-right:1px solid var(--c360-border);
  color:#b40b50;
  font-size:clamp(10px,.82vw,13px);
  font-weight:890;
  letter-spacing:.07em;
  line-height:1.45;
}
#security .c360p-security-cards article>b{
  grid-column:2;
  grid-row:1;
  display:block;
  align-self:end;
  min-width:0;
  margin:0;
  color:var(--c360-ink);
  font-size:clamp(16px,1.1vw,19px);
  font-weight:840;
  letter-spacing:-.01em;
  line-height:1.3;
  overflow-wrap:break-word;
}
#security .c360p-security-cards article>p{
  grid-column:2;
  grid-row:2;
  min-width:0;
  align-self:start;
  margin:0!important;
  color:var(--c360-muted);
  font-size:clamp(12px,.94vw,14px);
  line-height:1.55;
  overflow-wrap:break-word;
}
html[data-theme="dark"] #security .c360p-security-cards article>.c360p-small-tag{
  color:#ffadd0;
}
html[data-theme="dark"] #security .c360p-security-cards article::before{
  background:#ff6fa5;
}
html[data-theme="dark"] #security .c360p-security-cards article:hover{
  box-shadow:0 9px 24px rgba(0,0,0,.20);
}
/* Tablet: role controls sit beneath the intro as compact 2x2 cards. */
@media(max-width:980px){
  #security .c360p-security-grid{
    width:calc(100% - 48px);
    grid-template-columns:minmax(0,1fr);
    gap:26px;
  }
  #security .c360p-security-grid h2{
    max-width:790px;
    font-size:clamp(29px,4.4vw,40px);
  }
  #security .c360p-check-list{
    margin-top:20px;
    gap:11px;
  }
  #security .c360p-security-cards{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:repeat(2,minmax(0,1fr));
    min-height:0;
    gap:13px;
  }
  #security .c360p-security-cards article{
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto auto auto;
    min-height:160px;
    gap:7px;
    padding:20px;
  }
  #security .c360p-security-cards article>.c360p-small-tag{
    grid-column:1;
    grid-row:1;
    border:0;
    height:auto;
    padding:0;
  }
  #security .c360p-security-cards article>b{
    grid-column:1;
    grid-row:2;
    margin:2px 0 0;
  }
  #security .c360p-security-cards article>p{
    grid-column:1;
    grid-row:3;
  }
}
@media(max-width:600px){
  #security .c360p-security-grid{width:calc(100% - 32px);}
  #security .c360p-security-cards{
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:none;
    gap:11px;
  }
  #security .c360p-security-cards article{
    grid-template-columns:110px minmax(0,1fr);
    grid-template-rows:auto auto;
    min-height:126px;
    gap:5px 14px;
    padding:16px;
  }
  #security .c360p-security-cards article>.c360p-small-tag{
    grid-column:1;
    grid-row:1 / span 2;
    border-right:1px solid var(--c360-border);
    padding-right:11px;
    align-self:stretch;
    display:flex;
    align-items:center;
  }
  #security .c360p-security-cards article>b{
    grid-column:2;
    grid-row:1;
    margin:0;
    font-size:16px;
  }
  #security .c360p-security-cards article>p{
    grid-column:2;
    grid-row:2;
    font-size:12px;
  }
}
@media(max-width:420px){
  #security .c360p-security-grid{width:calc(100% - 28px);}
  #security .c360p-security-cards article{
    grid-template-columns:83px minmax(0,1fr);
    gap:5px 9px;
    padding:14px 12px;
    min-height:130px;
  }
  #security .c360p-security-cards article>.c360p-small-tag{
    font-size:10px;
    padding-right:8px;
  }
  #security .c360p-security-cards article>b{font-size:15px;}
  #security .c360p-security-cards article>p{font-size:11.5px;line-height:1.5;}
}
@media(prefers-reduced-motion:reduce){
  #security .c360p-security-cards article{transition:none!important;}
}