/* Born from Blood — Rule Book styles */
.rules-wrap { max-width: 1100px; margin: 0 auto; padding: 20px 18px 90px; display: grid; grid-template-columns: 220px 1fr; gap: 26px; }
@media (max-width: 760px) { .rules-wrap { grid-template-columns: 1fr; } .rules-toc { position: static !important; } }

/* table of contents */
.rules-toc { position: sticky; top: 16px; align-self: start; background: linear-gradient(160deg, rgba(40,12,18,.55), rgba(12,6,9,.6)); border: 1px solid rgba(150,40,55,.3); border-radius: 12px; padding: 14px; }
.toc-title { font-family: "Cinzel", serif; font-weight: 900; color: #ffcf6e; margin-bottom: 8px; font-size: 15px; }
.rules-toc a { display: block; color: #d7b9bf; text-decoration: none; padding: 6px 8px; border-radius: 7px; font-size: 14px; border-left: 2px solid transparent; }
.rules-toc a:hover { background: rgba(150,40,55,.18); color: #f3d9b0; }
.rules-toc a.active { color: #ffcf6e; border-left-color: #b8413f; background: rgba(150,40,55,.22); }

/* body */
.rules-body { min-width: 0; }
.rule-sec { background: linear-gradient(160deg, rgba(30,10,14,.5), rgba(12,6,9,.55)); border: 1px solid rgba(120,40,50,.3); border-radius: 12px; padding: 18px 22px; margin-bottom: 18px; scroll-margin-top: 16px; }
.rule-sec h2 { font-family: "Cinzel", serif; color: #ffcf6e; margin: 0 0 12px; font-size: 22px; border-bottom: 1px solid rgba(150,40,55,.35); padding-bottom: 8px; }
.rule-sec h3 { font-family: "Cinzel", serif; color: #e2a0a8; margin: 16px 0 8px; font-size: 17px; }
.rule-sec p, .rule-sec li { color: #e8d4d8; line-height: 1.7; font-size: 15px; }
.rule-sec ul, .rule-sec ol { margin: 8px 0; padding-left: 22px; }
.rule-sec li { margin: 5px 0; }
.rule-sec b { color: #ffcf6e; }
.muted { color: #a98b92 !important; font-size: 13px !important; }

.phase-list li { margin: 8px 0; }
.phase-list b { color: #ffd98a; }

.rule-table { width: 100%; border-collapse: collapse; margin: 10px 0; }
.rule-table th, .rule-table td { text-align: left; padding: 9px 12px; border: 1px solid rgba(120,40,50,.3); font-size: 14px; color: #e8d4d8; vertical-align: top; }
.rule-table th { background: rgba(150,40,55,.22); color: #ffcf6e; font-family: "Cinzel", serif; }
.rule-table tr:nth-child(even) td { background: rgba(255,255,255,.02); }

.rule-todo { color: #ffb454 !important; background: rgba(255,180,84,.08); border-left: 3px solid #e0a23c; padding: 6px 10px; border-radius: 4px; font-style: italic; }
.rule-warn { color: #ff9aa7 !important; background: rgba(184,65,63,.14); border-left: 3px solid #b8413f; padding: 8px 12px; border-radius: 4px; font-weight: 700; }
.rule-note { color: #d7c0a0 !important; background: rgba(224,162,60,.10); border-left: 3px solid #e0a23c; padding: 8px 12px; border-radius: 4px; }
.rule-foot { margin-top: 24px; color: #b78b93; font-size: 14px; text-align: center; }