/* A quiet reading layout, using the shared marketing type scale. */
.updates-shell.rules-clean { width: min(100%, 88rem); max-width: 88rem; padding-top: 4rem; }
.rules-clean .rules-page { gap: 2.5rem; padding-top: 0; }
.rules-clean .rules-page__head { max-width: 48rem; position: relative; isolation: isolate; }
.rules-clean :is(.rules-page__kicker, .rules-chapter__kicker, .rules-empty-state__kicker) { margin: 0 0 .65rem; color: var(--muted); font-size: .78rem; font-weight: 400; line-height: 1.5; letter-spacing: .06em; text-transform: none; }
.rules-clean .rules-page__title { font-size: var(--home-heading-size); font-weight: 600; line-height: 1.2; letter-spacing: -.025em; }
.rules-clean .rules-page__lead { font-size: 1rem; font-weight: 400; line-height: 1.75; }
.rules-clean .rules-page__stats { display: flex; flex-wrap: wrap; gap: 1rem 2rem; margin-top: 1.5rem; }
.rules-clean .rules-page__stats li { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: baseline; gap: .4rem; padding: 0; background: transparent; border: 0; border-radius: 0; }
.rules-clean .rules-page__stat-label { color: var(--muted); font-size: .9rem; font-weight: 400; text-transform: none; letter-spacing: 0; }
.rules-clean .rules-page__stats strong { font-size: .9rem; font-weight: 600; line-height: 1.5; }
.rules-clean .rules-toolbar { padding-top: 2rem; border-top: 1px solid #3b4145; }
.rules-clean .rules-search { width: min(100%, 35rem); }
.rules-clean .rules-search__label { font-size: .9rem; font-weight: 500; text-transform: none; letter-spacing: 0; color: var(--muted); }
.rules-clean .rules-search__icon { color: var(--muted); }
.rules-clean .rules-search__input { background: transparent; border: 0; border-bottom: 1px solid #495056; border-radius: 0; box-shadow: none; font-size: 1rem; font-weight: 400; padding-block: .85rem; }
.rules-clean .rules-search__input:focus { border-color: #be6575; box-shadow: none; }
.rules-clean .rules-board { grid-template-columns: 20rem minmax(0, 1fr); gap: 3.5rem; }
.rules-clean .rules-rail { top: 6rem; gap: .25rem; padding: 0; border: 0; background: transparent; border-radius: 0; }
.rules-clean .rules-rail__item { display: grid; grid-template-columns: 1.75rem minmax(0, 1fr); gap: .65rem; padding: .9rem 1rem; border: 0; border-left: 2px solid transparent; border-radius: 0; }
.rules-clean .rules-rail__item:hover { background: rgba(255,255,255,.035); border-color: transparent; }
.rules-clean .rules-rail__item.is-active { background: rgba(255,255,255,.025); border-left-color: #a8172e; }
.rules-clean .rules-rail__item.is-active .rules-rail__title { color: #fff; }
.rules-clean .rules-rail__number { color: #78838c; font-size: .8rem; font-variant-numeric: tabular-nums; }
.rules-clean .rules-rail__item.is-active .rules-rail__number { color: #d17c8c; }
.rules-clean :is(.rules-rail__icon, .rules-chapter__icon, .rules-article__mark) { display: none; }
.rules-clean .rules-rail__title { font-size: 1rem; font-weight: 500; line-height: 1.5; letter-spacing: 0; }
.rules-clean .rules-rail__meta { display: none; }
.rules-clean .rules-stage { border: 0; border-radius: 0; background: transparent; overflow: visible; }
.rules-clean .rules-chapter { padding: 0; }
.rules-clean .rules-chapter__head { display: block; padding-bottom: 1.75rem; border-bottom: 1px solid #3b4145; }
.rules-clean .rules-chapter__title { font-size: 1.5rem; font-weight: 600; line-height: 1.4; letter-spacing: -.015em; }
.rules-clean .rules-chapter__summary { color: var(--muted); font-size: 1rem; line-height: 1.75; max-width: 65ch; }
.rules-clean .rules-articles { margin-top: 0; gap: 0; }
.rules-clean .rules-article { display: block; padding: 1.75rem 0; border: 0; border-bottom: 1px solid var(--border); border-radius: 0; background: transparent; }
.rules-clean .rules-article.is-highlight { background: rgba(168,23,46,.07); box-shadow: -3px 0 0 #a8172e; }
.rules-clean .rules-article__content { display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: .65rem 1rem; align-items: baseline; }
.rules-clean .rules-article__index { color: #818c95; font-size: .8rem; font-weight: 400; line-height: 1.5; letter-spacing: 0; margin: 0; font-variant-numeric: tabular-nums; }
.rules-clean .rules-article__content > :is(.rules-article__body, .rules-article__points, .rules-article__note) { grid-column: 2; margin-top: 0; }
.rules-clean .rules-article__title { font-size: 1.1rem; font-weight: 600; line-height: 1.5; }
.rules-clean :is(.rules-article__body, .rules-article__points) { color: #bac2c8; font-size: 1rem; font-weight: 400; line-height: 1.8; max-width: 68ch; }
.rules-clean .rules-article__points li + li { margin-top: .5rem; }
.rules-clean .rules-article__points strong { font-weight: 600; }
.rules-clean .rules-article__note { border-left: 1px solid #495056; padding-left: 1rem; font-size: .9rem; line-height: 1.75; color: var(--muted); }
.rules-clean :is(button, input):focus-visible { outline: 2px solid #e79aa5; outline-offset: 4px; }
@media (max-width: 980px) {
  .rules-clean .rules-board { grid-template-columns: 1fr; gap: 2rem; }
  .rules-clean .rules-rail { position: static; display: grid; grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-columns: auto; overflow: visible; }
  .rules-clean .rules-rail__item { min-width: 0; }
}
@media (max-width: 640px) {
  .updates-shell.rules-clean { padding-top: 2.5rem; }
  .rules-clean .rules-rail__item { padding: .75rem; }
  .rules-clean .rules-rail__title { font-size: .9rem; }
}