/* extracted from rag/security.html */
.ug-sec-hero{background:linear-gradient(135deg,#0f172a,#1e3a8a 60%,#1e40af);border-radius:16px;color:#fff;padding:2.2rem;margin-bottom:2rem}
    .ug-sec-hero h3{font-size:1.3rem;margin-bottom:.5rem}
    .ug-sec-hero p{opacity:.92;line-height:1.8;max-width:820px}
    .ug-mask-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.8rem}
    .ug-mask{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.9rem 1rem;display:flex;align-items:center;gap:.7rem}
    .ug-mask .iconify{color:#dc2626;flex-shrink:0}
    .ug-mask strong{font-size:.9rem;display:block}
    .ug-mask span{font-size:.75rem;color:#475569}
    .ug-sec-block{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.8rem;margin-bottom:1.4rem}
    .ug-sec-block h3{display:flex;align-items:center;gap:.7rem;font-size:1.15rem;margin-bottom:.8rem}
    .ug-sec-block h3 .iconify{color:#1a56db}
    .ug-sec-block p{color:#475569;font-size:.94rem;line-height:1.85}
    .ug-flow{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;background:#0f172a;border-radius:10px;padding:1.1rem 1.3rem;color:#e2e8f0;font-size:.82rem;margin-top:1rem}
    .ug-flow b{background:rgba(59,130,246,.2);padding:.35rem .7rem;border-radius:6px;color:#93c5fd;font-weight:600}
    .ug-flow .ar{color:#475569}