.rules-page{max-width:1050px;padding-block:58px 70px;min-height:65vh}
.rules-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;margin-bottom:35px}
.rules-heading h1{font-size:clamp(42px,6vw,70px);margin:0 0 18px;line-height:1.05}
.rules-heading .page-kicker{margin-bottom:14px}
.rules-heading>.button,.rules-heading>.text-link{flex-shrink:0;margin-top:24px}
.rules-intro{font-size:18px;margin-bottom:12px}
.rules-updated{font-size:12px;margin:0}
.rules-document{padding:36px 42px;background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:6px}
.rules-prose{line-height:1.85;overflow-wrap:anywhere;color:var(--text);min-width:0}
.rules-prose>:first-child{margin-top:0!important}
.rules-prose>:last-child{margin-bottom:0!important}
.rules-prose h1,.rules-prose h2,.rules-prose h3,.rules-prose h4,.rules-prose h5,.rules-prose h6{line-height:1.25;margin:1.5em 0 .65em;color:var(--text);scroll-margin-top:25px}
.rules-prose h1{font-size:35px}
.rules-prose h2{font-size:30px}
.rules-prose h3{font-size:23px}
.rules-prose h4,.rules-prose h5,.rules-prose h6{font-size:18px}
.rules-prose p,.rules-prose li{color:#d5dccf}
.rules-prose p{margin-bottom:1.1em}
.rules-prose strong{color:var(--text)}
.rules-prose em{font-style:italic;color:inherit}
.rules-prose a,.rules-field-hint a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.rules-prose a:hover,.rules-field-hint a:hover{color:var(--gold-light)}
.rules-prose ul,.rules-prose ol{padding-left:1.6em;margin:0 0 1.2em}
.rules-prose li+li{margin-top:.4em}
.rules-prose li>ul,.rules-prose li>ol{margin-block:.5em}
.rules-prose li::marker{color:var(--gold)}
.rules-prose blockquote{border-left:3px solid var(--gold);margin:1.4em 0;padding:.8em 1.3em;background:#252b1e}
.rules-prose blockquote>:last-child{margin-bottom:0}
.rules-prose code{font-family:Consolas,"Liberation Mono",monospace;font-size:.88em;background:#10160e;border:1px solid var(--line);border-radius:3px;padding:.15em .35em;white-space:pre-wrap}
.rules-prose pre{max-width:100%;overflow-x:auto;padding:18px;background:#10160e;border:1px solid var(--line);border-radius:5px;line-height:1.7}
.rules-prose pre code{border:0;padding:0;white-space:pre}
.rules-prose hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.rules-empty{padding:55px 30px;text-align:center;background:var(--surface);border:1px dashed #536047;border-radius:6px}
.rules-empty h2{font-size:32px;margin-bottom:14px}
.rules-empty p{max-width:520px;margin:0 auto 25px}
.rules-help{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:28px;margin-top:28px;border-top:1px solid var(--line)}
.rules-help h2{font-size:25px;margin:0 0 9px}
.rules-help p{font-size:14px;margin:0}
.rules-help .text-link{flex-shrink:0;font-size:14px}
.rules-editor-page .rules-heading h1{font-size:clamp(30px,4vw,48px)}
.rules-editor-page .rules-heading .text-link{font-size:13px}
.rules-conflict-title{font-size:20px;margin:0 0 12px}
.rules-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}
.rules-editor-grid>.mod-panel+.mod-panel{margin-top:0}
.rules-editor-panel .mod-field{margin-bottom:0}
.rules-field-hint{font-size:12px;line-height:1.7;margin:8px 0 12px}
.rules-toolbar{display:flex;flex-wrap:wrap;gap:5px;padding:8px;border:1px solid #536047;border-bottom:0;border-radius:4px 4px 0 0;background:var(--surface-raised)}
.rules-toolbar[hidden]{display:none}
.rules-toolbar button{border:1px solid transparent;border-radius:3px;background:transparent;color:var(--text);font-size:12px;padding:7px 10px;min-height:36px}
.rules-toolbar button:hover{background:#35412b;border-color:#526148}
.rules-toolbar em{font-style:italic;color:inherit}
.rules-editor-panel textarea{font-family:Consolas,"Liberation Mono",monospace;font-size:14px;line-height:1.75;min-height:440px;resize:vertical;tab-size:4}
.rules-toolbar:not([hidden])+textarea{border-top-left-radius:0;border-top-right-radius:0}
.rules-publish-note{border-left:3px solid var(--gold);padding-left:16px;margin-top:22px}
.rules-publish-note p{font-size:12px;margin-bottom:8px;line-height:1.75}
.rules-publish-note strong{color:var(--text);font-weight:600}
.rules-editor-actions{margin-bottom:0}
.rules-markdown-guide .mod-kicker{margin-bottom:10px}
.rules-markdown-guide h2{font-size:22px}
.rules-markdown-examples{margin:20px 0}
.rules-markdown-examples>div{border-top:1px solid var(--line);padding:13px 0}
.rules-markdown-examples dt{font-size:12px;font-weight:700;margin-bottom:7px}
.rules-markdown-examples dd{margin:0}
.rules-markdown-examples code{font-family:Consolas,"Liberation Mono",monospace;font-size:12px;color:#d8e0cf;overflow-wrap:anywhere;white-space:pre-wrap}
.rules-markdown-examples pre{margin:0;line-height:1.65;white-space:pre-wrap}
.rules-markdown-examples span{display:block;font-size:11px;line-height:1.6;color:var(--muted);margin-top:5px}
.rules-preview-panel{margin-top:26px}
.rules-preview-note{margin-top:0;margin-bottom:25px}
.rules-preview-panel .rules-prose{border-top:1px solid var(--line);padding-top:25px}
.rules-preview-empty{padding:25px;border:1px dashed var(--line);border-radius:4px;text-align:center;font-size:13px;margin-bottom:0}
@media(max-width:1000px){.rules-editor-grid{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.rules-editor-grid>.mod-panel{padding:20px}}
@media(max-width:800px){.rules-editor-grid{grid-template-columns:1fr}.rules-markdown-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.rules-heading{gap:18px}.rules-document{padding:28px}.rules-page{padding-block:40px 50px}}
@media(max-width:560px){.rules-heading{display:block;margin-bottom:25px}.rules-heading>.button,.rules-heading>.text-link{margin-top:0}.rules-intro{font-size:16px}.rules-document{padding:23px 20px}.rules-prose{font-size:15px}.rules-prose h1{font-size:29px}.rules-prose h2{font-size:26px}.rules-prose h3{font-size:21px}.rules-prose pre{padding:12px}.rules-empty{padding:35px 20px}.rules-empty h2{font-size:27px}.rules-help{align-items:flex-start;flex-direction:column;gap:14px}.rules-markdown-examples{grid-template-columns:1fr}.rules-editor-panel textarea{min-height:360px;font-size:16px}.rules-toolbar button{min-height:40px}.rules-editor-actions{align-items:stretch}.rules-editor-actions .button{flex:1}.rules-preview-panel .mod-section-title{flex-wrap:wrap;gap:10px}}
