/* Styles for `rules.html`, loaded after `app.css` so the shared tokens and
 * components are already in scope. Rules written the same way in three or
 * more pages belong in `app.css` instead: `tests/test_shared_styles.py`
 * fails when one is copied that far.
 */
.rules-wrap {
    max-width: 900px;
    margin: 18px auto 0 auto;
    padding: 0 12px;
}
.rules-card {
    background: #12151b;
    border: 1px solid #252a35;
    border-radius: 2px;
    padding: 18px 16px;
    line-height: 1.65;
}
body.light-mode .rules-card {
    background: #ffffff;
    border-color: #d7dce6;
}
.rules-headline {
    margin: 0 0 10px 0;
    font-size: 1.45rem;
    text-align: center;
}
.rules-source {
    margin: 0 0 16px 0;
    text-align: center;
    color: #9aa2af;
    font-size: 0.84rem;
}
body.light-mode .rules-source { color: #6b7280; }
.rules-content .toc { background: #1a1e26; border: 1px solid #252a35; padding: 15px 20px; margin-bottom: 30px; border-radius: 4px; }
body.light-mode .rules-content .toc { background: #f8faff; border-color: #d7dce6; }
.rules-content .toc ul { list-style-type: none; padding-left: 20px; }
.rules-content .toc > ul { padding-left: 0; }
.rules-content .toc a { color: #d4a54a; text-decoration: none; }
.rules-content .toc a:hover { text-decoration: underline; }
body.light-mode .rules-content .toc a { color: #4338ca; }