/* Shared component styles for content pages (policies, FAQ). */
body { background: #080b14; color: #f8fafc; font-family: 'Inter', system-ui, sans-serif; }
.panel-box { background: rgba(16, 21, 34, 0.8); border: 1px solid rgba(255, 255, 255, 0.08); }
.btn-primary { background: linear-gradient(135deg, #7c6cff, #5d4de0); }
.btn-secondary { background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.10); }
.skeleton { background: linear-gradient(90deg, rgba(255,255,255,.04), rgba(255,255,255,.1), rgba(255,255,255,.04)); background-size: 200% 100%; animation: sh 1.3s infinite; }
@keyframes sh { to { background-position: -200% 0; } }
.rich { color: #cbd5e1; font-size: .95rem; line-height: 1.75; }
.rich p { margin: .85rem 0; }
.rich ul { list-style: disc; padding-left: 1.25rem; margin: .85rem 0; }
.rich ol { list-style: decimal; padding-left: 1.25rem; margin: .85rem 0; }
.rich h2, .rich h3, .rich h4 { font-weight: 700; color: #fff; margin: 1.5rem 0 .5rem; }
.rich h2 { font-size: 1.25rem; } .rich h3 { font-size: 1.1rem; }
.rich a { color: #a78bfa; text-decoration: underline; }
.rich table { width: 100%; border-collapse: collapse; display: block; overflow-x: auto; }
.rich td, .rich th { border: 1px solid rgba(255,255,255,.1); padding: .5rem .75rem; text-align: left; }
details > summary { cursor: pointer; list-style: none; }
details > summary::-webkit-details-marker { display: none; }
details[open] .chev { transform: rotate(180deg); }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }