/* The theme owns typography, palette, buttons and page width. */
.msc-kb-rules-index{border-radius:12px}
.msc-kb-rules-index > .entry-content-wrap{padding:2rem}
.msc-kb-rules-index .entry-header{margin-bottom:1.5rem}
.msc-kb-rules-filter{margin:0 0 20px}
.msc-kb-rules-filter__controls{width:100%;min-width:0;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.msc-kb-rules-filter select{width:100%;min-width:0}
.msc-kb-rules-index[data-enhanced] .msc-kb-rules-filter button[type="submit"]{display:none}
.msc-kb-rules-status{font-size:.9em;color:var(--global-palette5,#777);margin:1rem 0 2rem}
.msc-kb-rule-group{margin:0 0 2.5rem}
.msc-kb-rule-group[hidden]{display:none!important}
.msc-kb-rule-group h2{margin:0 0 1rem}
.msc-kb-rules-index .msc-kb-rule-list{list-style:none;padding:0;margin:0}
.msc-kb-rule-list li{padding:0;margin:0;border-bottom:1px solid var(--global-palette7,#eee)}
.msc-kb-rule-list li:first-child{border-top:1px solid var(--global-palette7,#eee)}
.msc-kb-rule-list a{display:grid;grid-template-columns:5rem minmax(0,1fr) 1.25rem;gap:1rem;align-items:center;padding:1.1rem 0;text-decoration:none;color:var(--global-palette1,#0099ff)}
.msc-kb-rule-number{font-size:.8em;letter-spacing:.04em;text-transform:uppercase;color:var(--global-palette5,#777)}
.msc-kb-rule-title{font-size:1.25rem;line-height:1.4;overflow-wrap:anywhere}
.msc-kb-rule-arrow{font-size:1.25rem}
.msc-kb-rule-list a:focus-visible,.msc-kb-rules-filter select:focus-visible{outline:2px solid var(--global-palette1,#0099ff);outline-offset:3px}
@media(max-width:600px){.msc-kb-rule-list a{grid-template-columns:3.5rem minmax(0,1fr) 1rem;gap:.75rem}.msc-kb-rule-title{font-size:1.1rem}.msc-kb-rule-group h2{font-size:1.4rem}}

@media(max-width:767px){.msc-kb-rules-index > .entry-content-wrap{padding:1.5rem 1rem}}

.msc-kb-section-nav{margin-bottom:1.5rem;font-size:.9em}
.msc-kb-rule__explanation{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--global-palette7,#eee)}
.msc-kb-adjacent-rules{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--global-palette7,#eee)}
.msc-kb-adjacent-rules a{max-width:100%;text-decoration:none}
.msc-kb-adjacent-rules a:hover span{text-decoration:underline}
.msc-kb-adjacent-rules small,.msc-kb-adjacent-rules span{display:block}
.msc-kb-adjacent-rules small{color:var(--global-palette5,#777)}
.msc-kb-adjacent-rules [rel=next]{margin-inline-start:auto;text-align:end}

.msc-kb-rule-group[data-rule-parent="part-b"] h3{margin:0 0 1rem;font-size:clamp(1.15rem,2.5vw,1.5rem);line-height:1.35}
.msc-kb-rules-index [data-rule-part-b][hidden]{display:none!important}
.msc-kb-rules-filter select option[value^="steering-"]{font-size:.9em}

.msc-kb-rules-filter .msc-kb-category-choices {
  overflow-x: hidden;
  overflow-y: auto;
}

.msc-kb-rules-filter .msc-kb-category-choices button,
.msc-kb-rules-filter .msc-kb-category-menu summary {
  white-space: normal;
  overflow-wrap: anywhere;
}

.msc-kb-rules-filter .msc-kb-category-choices button {
  box-sizing: border-box;
}

/* Annex rows have no rule-number column. */
.msc-kb-rule-group[data-rule-parent="annex"] .msc-kb-rule-list a {
  grid-template-columns: minmax(0, 1fr) 1.25rem;
}

/* Keep the saved Kadence previous and next rule buttons aligned. */
.msc-kb-rule-page .kb-buttons-wrap:has(> a[href*="/rule-"] > :is(.kb-svg-icon-fe_chevronLeft, .kb-svg-icon-fe_chevronRight)) {
  align-items: stretch;
}

.msc-kb-rule-page .kb-buttons-wrap > a[href*="/rule-"]:has(> :is(.kb-svg-icon-fe_chevronLeft, .kb-svg-icon-fe_chevronRight)) {
  align-items: center;
  min-width: 0;
  min-height: 44px;
}

.msc-kb-rule-page .kb-buttons-wrap > a[href*="/rule-"] > :is(.kb-svg-icon-fe_chevronLeft, .kb-svg-icon-fe_chevronRight) {
  flex: 0 0 auto;
  font-size: .75rem;
}

.msc-kb-rule-page .kb-buttons-wrap > a[href*="/rule-"] > :is(.kb-svg-icon-fe_chevronLeft, .kb-svg-icon-fe_chevronRight) svg {
  width: 1em;
  height: 1em;
}

@media (max-width: 600px) {
  .msc-kb-rule-page .kb-buttons-wrap:has(> a[href*="/rule-"] > :is(.kb-svg-icon-fe_chevronLeft, .kb-svg-icon-fe_chevronRight)) {
    flex-direction: column;
  }

  .msc-kb-rule-page .kb-buttons-wrap > a[href*="/rule-"]:has(> :is(.kb-svg-icon-fe_chevronLeft, .kb-svg-icon-fe_chevronRight)) {
    box-sizing: border-box;
    width: 100%;
    text-align: center;
  }
}