.rules-public-page{margin:0;background:#090b0d;color:#f2eee8;font-family:Cairo,sans-serif;min-height:100svh;display:flex;flex-direction:column}
.rules-public-page *{box-sizing:border-box}
.rules-public-page :is(h1,h2,p){margin:0}
.rules-public-page a{color:inherit;text-decoration:none}
.rules-public-page button,.rules-public-page input{font:inherit}
.rules-public-page [hidden]{display:none!important}
.rules-site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:32px;padding:18px clamp(20px,5vw,72px);background:#090b0d;border-bottom:1px solid #2b3037}
.rules-brand{display:flex;align-items:center;gap:10px;flex-shrink:0}
.rules-brand img{object-fit:contain}
.rules-brand strong{font:600 24px/1.2 Oswald,sans-serif;letter-spacing:.03em}
.rules-brand strong span{font-size:14px;color:#ff8b4d;margin-inline-start:4px}
.rules-site-header nav{display:flex;align-items:center;gap:24px;flex:1;font-size:13px}
.rules-site-header nav a{display:flex;align-items:center;min-height:42px;color:#bec5ce}
.rules-site-header nav a[aria-current],.rules-site-header a:hover{color:#ffb18e}
.rules-language{width:44px;height:44px;background:#151a20;color:#f2eee8;border:1px solid #353d47;border-radius:6px;font:500 12px Oswald,sans-serif;cursor:pointer}
.rules-public-main{width:min(1280px,100%);margin-inline:auto;padding:56px clamp(20px,4vw,56px) 80px;flex:1;scroll-margin-top:110px}
.rules-page-heading{max-width:840px;margin-bottom:36px}
.rules-page-heading h1{font-size:clamp(34px,5vw,60px);line-height:1.5;overflow-wrap:anywhere;margin-top:16px;font-weight:800}
.rules-page-heading p{font-size:14px;color:#afb9c5;line-height:1.9;margin-top:14px}
.rules-back{font-size:12px;color:#ffb18e!important;text-decoration:underline!important;text-underline-offset:5px}
.rules-index-toolbar{display:flex;align-items:end;justify-content:space-between;gap:24px;border-block:1px solid #30363f;padding-block:22px;margin-bottom:28px}
.rules-index-toolbar label{display:grid;gap:10px;font-size:12px;color:#c0c9d3;width:min(460px,75%)}
.rules-index-toolbar input{width:100%;min-height:46px;border:1px solid #3c4551;background:#10151a;color:#f1f3f5;border-radius:8px;padding:11px 14px;font-size:13px}
.rules-index-toolbar p{font-size:12px;color:#c0c9d3;white-space:nowrap}
.rules-index-toolbar b{font-size:18px;color:#ffb18e;font-variant-numeric:tabular-nums}
.rules-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.rule-index-card{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:18px;padding:26px;border:1px solid #303944;border-radius:12px;background:#11161b;transition:background-color .15s,border-color .15s}
.rule-index-card:hover{background:#171d24;border-color:#8d583c}
.rule-index-number{font:500 20px/1.6 Oswald,sans-serif;color:#ff8b4d;min-width:28px;font-variant-numeric:tabular-nums}
.rule-index-card h2{font-size:19px;line-height:1.8;overflow-wrap:anywhere}
.rule-index-action{grid-column:2;display:flex;align-items:center;gap:8px;color:#b9c3cf;font-size:12px;padding-top:10px}
[dir=ltr] .rule-index-action svg{transform:rotate(180deg)}
.rules-reading-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:36px;align-items:start}
.rules-toc{position:sticky;top:106px;min-width:0;border-block-start:1px solid #353e48;padding-top:18px}
.rules-toc h2{font-size:14px;color:#bdc7d3;margin-bottom:18px}
.rules-toc nav{display:grid;gap:5px;max-height:65svh;overflow:auto;scrollbar-width:thin;padding:4px}
.rules-toc a{font-size:13px;line-height:1.8;padding:11px 12px;min-height:44px;border:1px solid transparent;border-radius:7px;overflow-wrap:anywhere}
.rules-toc a:hover{background:#161d24}
.rules-toc a[aria-current]{color:#ffb18e;border-color:#845038;background:#ff5a1f0a}
.rules-document{min-width:0;padding:32px;border:1px solid #303944;border-radius:12px;background:#10151a}
.rules-document-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:2.25;color:#e3e7ed;text-wrap:pretty}
.rules-document footer{padding-top:24px;margin-top:32px;border-top:1px solid #303944;font-size:12px;color:#aeb9c6;display:flex;gap:8px;flex-wrap:wrap}
.rules-translation-note{margin-bottom:24px!important;padding:12px 16px;border:1px solid #6f5333;border-radius:7px;color:#e7c898;font-size:12px;line-height:1.8}
.rules-empty{padding:48px 20px;text-align:center;border:1px dashed #434d59;border-radius:12px;color:#bec8d4;font-size:14px;line-height:1.9}
.rules-site-footer{padding:24px clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #2b3037;color:#aeb9c6;font-size:12px}
.rules-skip{position:fixed;top:8px;inset-inline-start:8px;z-index:30;padding:12px;background:#ff5a1f;color:#070809!important;transform:translateY(-160%)}
.rules-skip:focus{transform:none}
.rules-admin-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);gap:24px;max-width:1480px;margin-inline:auto;align-items:start}
.rules-editor,.rules-admin-directory{min-width:0;border:1px solid #303944;background:#10151a;padding:24px;border-radius:12px}
.rules-editor textarea{min-height:250px;line-height:1.9;font-size:14px}
.rules-english-fields{border-block:1px solid #303944;padding:14px 0}
.rules-english-fields summary{cursor:pointer;min-height:36px;color:#c4ceda;font-size:13px}
.rules-english-fields label{margin-block:12px}
.rules-admin-directory{position:sticky;top:24px}
.rule-admin-row{padding:18px;border:1px solid #303944;border-radius:9px;margin-bottom:12px;overflow-wrap:anywhere}
.rule-admin-row h3{font-size:14px;line-height:1.8}
.rule-admin-state{font-size:11px;border-radius:5px;background:#34301e;color:#edd49a;padding:3px 8px}
.rule-admin-state[data-published=true]{background:#1c3327;color:#a3d9b3}
.rule-admin-row .staff-actions{margin-top:16px}
.rules-admin-meta{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:10px;color:#aeb9c6;font-size:11px}
#rulePreviewHeading{margin-block:18px;font-size:20px;overflow-wrap:anywhere}
#rulePreviewBody{max-height:60svh;overflow:auto}
@media(max-width:1000px){.rules-admin-layout{grid-template-columns:minmax(0,1fr)}.rules-admin-directory{position:static}.rules-reading-layout{grid-template-columns:210px minmax(0,1fr);gap:24px}}
@media(max-width:760px){.rules-index{grid-template-columns:minmax(0,1fr)}.rules-reading-layout{grid-template-columns:minmax(0,1fr)}.rules-toc{position:static}.rules-toc nav{display:flex;max-height:none;gap:8px}.rules-toc a{flex-shrink:0;max-width:200px;border-color:#303944}.rules-document{padding:22px}.rules-public-main{padding-top:32px}.rules-editor,.rules-admin-directory{padding:18px}.rules-site-header{gap:16px;flex-wrap:wrap}.rules-site-header nav{order:3;flex-basis:100%;gap:20px}.rules-language{margin-inline-start:auto}.rules-page-heading{margin-bottom:24px}.rules-index-toolbar{align-items:start;flex-direction:column}.rules-index-toolbar label{width:100%}}
@media(prefers-reduced-motion:reduce){.rule-index-card{transition:none}}
@media print{.rules-site-header,.rules-site-footer,.rules-toc,.rules-skip{display:none}.rules-public-page,.rules-document{background:#fff;color:#111}.rules-document-body{color:#111}.rules-public-main{width:100%;padding:0}.rules-reading-layout{display:block}.rules-document{border:0;padding:0}}
/* Curated section index and focused senior editor. */
.rules-public-page .rules-page-heading h1{font-size:clamp(30px,4vw,46px);line-height:1.6}
.rules-public-page .rule-index-card{align-items:center;grid-template-columns:56px minmax(0,1fr);column-gap:18px;row-gap:4px;padding:24px}
.rule-section-image{object-fit:contain;border-radius:10px;background:#1a2027;flex-shrink:0}
.rules-public-page .rule-index-card>.rule-section-image{grid-row:1/3}
.rules-public-page .rule-index-card h2{font-size:18px}
.rules-public-page .rule-index-action{padding-top:4px}
.rules-document-heading{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #303944;font-size:13px;color:#b8c5d3}
.rules-rich-body{white-space:normal}
.rules-rich-body :is(p,div){margin-block:0 12px}
.rules-rich-body :is(ul,ol){padding-inline-start:26px;margin-block:14px 22px}
.rules-rich-body li{padding-block:5px}
.rules-rich-body :is(h2,h3){margin-block:26px 12px;font-size:21px;line-height:1.8}
.rules-rich-body a{color:#ffb18e!important;text-decoration:underline!important;text-underline-offset:4px}
.rules-rich-body blockquote{margin-block:18px;padding:12px 18px;border-inline-start:1px solid #a2714e;background:#ff5a1f08;color:#d5dce5}
.rules-admin-page .staff-main>*{max-width:1200px;margin-inline:auto}
.rules-admin-page .rules-admin-directory{position:static;padding:24px}
.rules-directory-toolbar{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}
.rules-directory-toolbar label{width:min(420px,100%)}
.rules-admin-link{font-size:12px;color:#ffb18e;text-underline-offset:4px}
.rules-admin-page .rule-admin-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px 16px;padding:18px 0;margin:0;border:0;border-bottom:1px solid #303944;border-radius:0}
.rule-admin-row>img{grid-row:1/3;border-radius:8px;object-fit:contain;background:#1b232c}
.rules-admin-page .rule-admin-row .rules-admin-meta{grid-column:2;grid-row:2;justify-content:start;margin:0;gap:14px}
.rules-admin-page .rule-admin-row .staff-actions{grid-column:3;grid-row:1/3;margin:0}
.rules-admin-page .rule-admin-row .staff-actions button{font-size:11px;min-height:36px;padding:7px 12px}
.rules-admin-page .rule-admin-row .staff-actions a{display:inline-flex;align-items:center;min-height:36px;font-size:11px;padding:7px 12px;border:1px solid #46515e;border-radius:7px;color:#d1dce9;text-decoration:none}
.rules-edit-dialog{width:min(800px,calc(100% - 32px));max-height:90svh;padding:24px}
.rules-edit-dialog .staff-dialog-heading{position:sticky;top:0;z-index:2;padding-block:8px 18px;background:#12171e;border-bottom:1px solid #303944}
.rules-edit-dialog .staff-form{gap:20px}
.rule-image-field{padding-block:14px;border-block:1px solid #303944}
.rule-image-field p{font-size:11px;margin-top:6px}
#ruleImagePreview{display:flex;align-items:center;gap:14px;margin-top:12px}
#ruleImageThumb{object-fit:contain;background:#1b232c;border-radius:8px}
.rule-format-toolbar{display:flex;flex-wrap:wrap;gap:4px;padding:8px;border:1px solid #3a424c;border-radius:8px 8px 0 0;background:#1b222a;margin-top:8px}
.rules-edit-dialog .rule-format-toolbar button{min-height:34px;padding:6px 10px;font-size:11px;background:transparent;border-color:transparent}
.rules-edit-dialog .rule-format-toolbar button:hover{background:#343e49;color:#ffb18e}
.rule-rich-input{min-height:240px;max-height:440px;overflow:auto;overscroll-behavior:contain;padding:18px;border:1px solid #3a424c;border-top:0;border-radius:0 0 8px 8px;background:#0c1014;color:#f1f3f5;font-size:14px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere}
.rule-rich-input :is(ul,ol){padding-inline-start:24px}
.rule-rich-input :is(h2,h3){margin-block:14px;font-size:19px}
.rule-rich-input a{color:#ffb18e}
.rule-rich-input:focus-visible{outline:2px solid #ff9b72;outline-offset:2px}
#ruleFormStatus{color:#ffb2b5}
@media(max-width:760px){.rules-directory-toolbar{align-items:stretch;flex-direction:column;gap:14px}.rules-directory-toolbar label{width:100%}.rules-directory-toolbar>button{align-self:start}.rules-admin-page .rule-admin-row{grid-template-columns:44px minmax(0,1fr)}.rules-admin-page .rule-admin-row .staff-actions{grid-column:1/-1;grid-row:3;margin-top:8px}.rules-edit-dialog{padding:20px}.rules-public-page .rule-index-card{padding:20px}.rules-public-page .rule-index-card h2{font-size:17px}}