body:has(.rulebook-page){overflow:auto;background:#10191c}
.rulebook-page{max-width:1320px;margin:0 auto;padding:28px;color:#e8ece5;font:16px/1.65 'DM Sans',sans-serif;min-height:100dvh;box-sizing:border-box}
.rulebook-header{display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid #52645c;padding-bottom:20px}.rulebook-header small,.rulebook-kicker{font-size:12px;letter-spacing:.12em;color:#d7bd83}.rulebook-header h1{font:600 34px Cinzel,serif;margin:4px 0}
.rulebook-page button{min-height:44px;padding:10px 16px;border:1px solid #586b61;border-radius:6px;background:#1a292c;color:#e8ece5;font:500 14px/1.35 'DM Sans',sans-serif;cursor:pointer;text-align:left}.rulebook-page button:hover{background:#293c3d}.rulebook-page button:focus-visible{outline:3px solid #e7cf94;outline-offset:3px}
.rulebook-modes{display:flex;gap:12px;margin:24px 0}.rulebook-modes button{flex:1;font-size:19px;padding:16px 20px}.rulebook-modes small{display:block;font-size:13px;color:#bfcdc5;margin-top:4px}.rulebook-page [aria-current=page]{border-color:#d8bd7f;background:#34382b;color:#ffe5aa}
.rulebook-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:40px;align-items:start}.rulebook-toc{position:sticky;top:16px;display:flex;flex-direction:column;gap:3px}.rulebook-toc h2{font-size:14px;margin:0 0 10px;color:#bac8c0;text-transform:uppercase;letter-spacing:.12em}.rulebook-toc button{border:1px solid transparent;background:transparent;display:flex;gap:10px;padding:8px 10px}.rulebook-toc span{font-size:12px;color:#9eada4;min-width:20px}.rulebook-toc [aria-current=page]{border-left:3px solid #d8bd7f}
.rulebook-article{min-width:0;background:#172427;border:1px solid #3e514b;border-radius:10px;padding:32px;outline:none}.rulebook-article h2{font:600 30px/1.25 Cinzel,serif;margin:10px 0}.rulebook-summary{font-size:18px;color:#bfd0c7;border-bottom:1px solid #40514b;padding-bottom:22px}.rulebook-article p{margin:20px 0}.rulebook-article li{margin:10px 0;padding-left:5px}.rulebook-article strong{color:#f2d89e}.rulebook-article table{width:100%;border-collapse:collapse;margin:24px 0;font-size:15px;table-layout:fixed}.rulebook-article th,.rulebook-article td{padding:12px 14px;border-bottom:1px solid #43534f;text-align:left;vertical-align:top;overflow-wrap:anywhere}.rulebook-article th:first-child{width:30%}.rulebook-article thead{background:#263935;color:#ecd5a2}.rulebook-article tbody th{font-weight:600;color:#d6e0d8}.rulebook-pagination{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #43534f;padding-top:24px;margin-top:30px}.rulebook-pagination button{max-width:48%}
@media(max-width:1050px){.rulebook-page{padding:20px}.rulebook-layout{grid-template-columns:200px minmax(0,1fr);gap:20px}.rulebook-article{padding:24px}.rulebook-article th,.rulebook-article td{padding:10px}.rulebook-toc{position:static}}
@media(max-width:700px){.rulebook-layout{grid-template-columns:1fr}.rulebook-toc{display:grid;grid-template-columns:1fr 1fr}.rulebook-toc h2{grid-column:1/-1}.rulebook-header h1{font-size:25px}.rulebook-page{padding:12px}.rulebook-article{padding:18px}.rulebook-article h2{font-size:25px}}