/* secure-ai-governance — generated by convert.py from "Bitnet Secure - AI Governance.dc.html".
   Shared rules live in base.css; only page-specific rules belong here. */

.ph { font-family: var(--font-mono); font-size: .82em; color: var(--warning); background: var(--warning-bg); border-radius: var(--radius-xs); padding: 1px 7px; white-space: nowrap }
@media (max-width:900px) {
.two-col { grid-template-columns: 1fr!important }
.g3 { grid-template-columns: 1fr!important }
}
body { background: linear-gradient(168deg,#eaf2fb 0%,#d3e2f2 26%,#aecbe8 58%,#7fa9d6 100%) no-repeat fixed!important; background-attachment: fixed!important }
.card { background: rgba(255,255,255,.42)!important; backdrop-filter: blur(20px) saturate(1.25); -webkit-backdrop-filter: blur(20px) saturate(1.25); border: 1px solid rgba(255,255,255,.5)!important; box-shadow: 0 10px 34px rgba(48,65,81,.16)!important }
.card:hover { background: rgba(255,255,255,.55)!important; border-color: rgba(255,255,255,.72)!important }
[style*="background:#fff"] { background: rgba(255,255,255,.72)!important; backdrop-filter: blur(20px) saturate(1.3); -webkit-backdrop-filter: blur(20px) saturate(1.3); border: 1px solid rgba(255,255,255,.6) }
[style*="background:var(--neutral-50)"] { background: rgba(255,255,255,.22)!important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px) }
[style*="background:var(--azure-50)"] { background: rgba(96,159,210,.24)!important; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border: 1px solid rgba(255,255,255,.4) }
[style*="background:var(--azure-deep)"] { background: rgba(40,60,77,.5)!important; backdrop-filter: blur(22px) saturate(1.3); -webkit-backdrop-filter: blur(22px) saturate(1.3); border: 1px solid rgba(255,255,255,.22) }