body[data-page="dioses"] { --page-accent: #d9b86d; --page-accent-soft: rgba(217, 184, 109, .2); --page-glow: rgba(108, 170, 255, .16); }
.divine-rules { margin-top: 2rem; }.divine-filter { display:flex; flex-wrap:wrap; gap:.6rem; margin: 2rem 0; }.divine-filter button { border:1px solid var(--line); border-radius:6px; padding:.6rem .9rem; color:var(--muted); background:var(--panel-strong); cursor:pointer; }.divine-filter button.is-active { color:#14110a; background:var(--gold); border-color:var(--gold); }.divine-grid { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:1rem; }.divine-card { border:1px solid var(--line); border-radius:8px; padding:1.2rem; background:rgba(9,13,27,.78); }.divine-card__top { display:flex; align-items:baseline; justify-content:space-between; gap:1rem; }.divine-card h3 { margin:0; font-family:var(--font-heading); font-size:1.32rem; }.divine-card small { color:var(--page-accent); font-family:var(--font-body); }.divine-card > p { color:var(--muted); line-height:1.55; min-height:3rem; }.divine-card ol { margin:1rem 0 0; padding:0; list-style:none; display:grid; gap:.8rem; }.divine-card li { border-top:1px solid var(--line); padding-top:.75rem; color:var(--muted); line-height:1.45; font-size:.92rem; }.divine-card li strong { color:var(--text); display:block; }.divine-card li span { color:#cabf9a; font-size:.8rem; }.divine-card__meta { color:#8e9ab3; font-size:.75rem; font-family:"DM Mono", monospace; margin-top:1rem; }
@media (max-width:900px){.divine-grid{grid-template-columns:repeat(2,minmax(0,1fr));}} @media (max-width:560px){.divine-grid{grid-template-columns:1fr;}.divine-card > p{min-height:0;}}