/* ============================================
   MDS Vault — Security page styles
   Requires css/base.css to be loaded first.
   ============================================ */

.hero{padding:56px 0 44px;text-align:left;/*max-width:720px;*/}
h1{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.9rem);font-weight:700;letter-spacing:-0.02em;margin-bottom:16px;}
.hero p.sub{font-size:16.5px;color:var(--ink-mute);max-width:620px;}

.security-block{display:grid;grid-template-columns:56px 1fr;gap:24px;padding:36px 0;border-bottom:1px solid var(--border);}
.security-block.last{border-bottom:none;}
.num-badge{width:40px;height:40px;border-radius:10px;background:var(--teal-soft);color:var(--teal);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;font-size:14px;flex-shrink:0;}
.security-block h2{font-family:var(--font-display);font-size:19px;font-weight:700;margin-bottom:10px;}
.security-block p{font-size:15px;color:var(--ink-mute);margin-bottom:14px;max-width:680px;}
.security-block p:last-child{margin-bottom:0;}
.check-list{margin-top:4px;}
.check-list li{font-size:14.5px;color:var(--ink-mute);padding:8px 0 8px 24px;position:relative;max-width:680px;}
.check-list li::before{content:"✓";color:var(--teal);font-weight:700;position:absolute;left:0;top:8px;}
.check-list li strong{color:var(--ink);}
@media (max-width:600px){
  .security-block{grid-template-columns:1fr;gap:12px;}
}