.rules-page{background:linear-gradient(180deg,#10171c,#090c0e 55%);}
.rules-topbar{height:64px;min-height:64px;}
.rules-main{padding-top:28px;max-width:1260px;}
.rules-head{border-bottom:1px solid #414a50;padding:0 0 14px;margin-bottom:19px;}
.rules-head h1{font:700 clamp(27px,3.2vw,43px) 'Cinzel',Georgia,serif;color:#f8efe6;margin:7px 0;}
.rules-head p{max-width:920px;color:#bdc9cd;font-size:15px;line-height:1.5;margin:0;}
.rules-searchbar{display:grid;gap:8px;padding:18px;background:#141b20;border:1px solid #414c53;border-radius:5px;}
.rules-searchbar label{font-size:13px;font-weight:700;color:#efdcbe;}
.rules-search-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,190px) auto;gap:9px;}
.rules-search-controls input,.rules-search-controls select{height:44px;width:100%;min-width:0;border:1px solid #586169;border-radius:3px;background:#0c1216;color:#eee;padding:0 12px;font:14px 'Roboto Condensed',Arial,sans-serif;}
.rules-search-controls input:focus,.rules-search-controls select:focus{outline:2px solid #a43d4c;outline-offset:1px;}
.rules-status{min-height:18px;margin:12px 0 4px;color:#b5c6cc;font-size:13px;}
.rules-status.error{color:#ee969c;}
.rules-meta{display:flex;justify-content:space-between;gap:15px;align-items:center;color:#9faeb6;font-size:12px;margin:11px 0;flex-wrap:wrap;}
.rules-meta #rulesCount{color:#f0ddc3;font-weight:800;font-size:14px;}
.rules-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
.rules-result{min-width:0;border:1px solid #354149;border-radius:3px;background:#141a1ecf;padding:0;}
.rules-result>summary{display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none;padding:12px 14px;min-height:47px;}
.rules-result>summary::-webkit-details-marker{display:none;}
.rules-result>summary:before{content:'▸';font-size:15px;line-height:1;color:#da9c78;}
.rules-result[open]>summary:before{content:'▾';}
.rules-result>summary:hover,.rules-result>summary:focus-visible{background:#273037;}
.rules-result-name{min-width:0;flex:1;font-weight:700;font-size:16px;color:#f4e6d6;overflow-wrap:anywhere;}
.rules-result-kind{color:#a7b9c5;font-size:11px;text-transform:uppercase;letter-spacing:.06em;}
.rules-result-page{color:#e0b878;font-weight:700;white-space:nowrap;font-size:12px;}
.rules-result-body{padding:0 15px 13px;border-top:1px solid #354047;color:#d0d8d9;font-size:14px;line-height:1.52;}
.rules-result-body p{margin:12px 0;}
.rules-result-detail{color:#bbc9cf;white-space:pre-line;}
.rules-result-source{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;color:#bca98d;font-size:12px;}
.rules-open-dialog{border:1px solid #576671;background:#26353b;color:#fff;padding:6px 10px;border-radius:3px;cursor:pointer;}
.rules-open-dialog:hover{border-color:#bf5362;background:#43252c;}
.rules-no-results{grid-column:1/-1;border:1px dashed #55626a;padding:25px;color:#bdc5c6;background:#131a1f;}
.rules-dialog{width:min(680px,calc(100vw - 26px));max-height:82vh;overflow:auto;color:#f0f2f3;background:#151d23;border:1px solid #67747c;border-radius:6px;padding:24px;box-shadow:0 25px 70px #000b;}
.rules-dialog::backdrop{background:rgba(0,0,0,.78);}
.rules-dialog-header{display:flex;align-items:start;justify-content:space-between;gap:16px;}
.rules-dialog-header h2{font:700 25px 'Cinzel',Georgia,serif;margin:0;}
.rules-dialog-page{color:#e2bd86;font-weight:700;}
.rules-dialog-text{font-size:16px;line-height:1.55;white-space:pre-wrap;}
.rules-dialog-caution{border-top:1px solid #46535a;padding-top:12px;color:#adb7bb;font-size:12px;}
@media(max-width:760px){.rules-search-controls{grid-template-columns:minmax(0,1fr)}.rules-results{grid-template-columns:1fr}.rules-main{padding:16px 12px 30px}.rules-result-kind{display:none}}

/* 0.83.32 — Sélection alphabétique A à Z. */
.rules-topbar{height:72px;min-height:72px;}
.rules-topbar .suite-nav{min-width:0;}
.rules-alphabet{display:flex;align-items:center;justify-content:flex-start;gap:5px;flex-wrap:wrap;
  padding:13px 0 4px;margin:5px 0 0;}
.rules-letter{height:36px;min-width:35px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid #526068;border-radius:4px;background:#172128;color:#e0e7ea;cursor:pointer;
  font:700 14px 'Roboto Condensed',Arial,sans-serif;transition:background .15s,border-color .15s;}
.rules-letter:first-child{min-width:64px;padding:0 12px;margin-right:8px;}
.rules-letter:hover{background:#2c3a43;border-color:#c4a67c;color:#fff;}
.rules-letter:focus-visible{outline:2px solid #efbb79;outline-offset:2px;}
.rules-letter.is-active{background:#7d273a;border-color:#df7180;color:white;}
.rules-letter-heading{grid-column:1/-1;font:700 21px 'Cinzel',Georgia,serif;color:#efd2ae;
  margin:14px 0 0;border-bottom:1px solid #455058;padding:0 0 6px;}
@media(max-width:760px){.rules-topbar{height:auto;min-height:64px;flex-wrap:wrap;padding:8px 12px;}
 .rules-topbar .suite-nav{width:100%;height:43px;order:3;overflow-x:auto;margin-left:0;}
 .rules-letter{min-width:34px;height:36px;}
 .rules-letter:first-child{margin-right:2px;}
 .rules-alphabet{gap:5px;}
}