/* Scoped editorial layout: readable without JavaScript or an advertisement. */
.rules-story { scroll-margin-top:calc(var(--wbi-header-height,70px) + 20px); }
.rules-story .rules-opening { display:grid; grid-template-columns: .9fr 1.1fr; gap:40px; align-items:center; padding:36px 0; background:transparent!important; box-shadow:none!important; }
.rules-story .news-story-heading { text-align:left; padding:0; margin:0; }
.rules-story .news-story-heading h1 { font-size:clamp(2.5rem,4.5vw,4.2rem); }
.rules-story h1 em { color:#94273c; font-weight:400; }
.rules-story .rules-subtitle { font-size:1.2rem; color:#59121f; font-weight:600; }
.rules-story .rules-opening figure { margin:0; }
.rules-story .news-intro { margin-left:0; }
.rules-story .story-lead { margin:20px auto 32px; }
.rules-story .rules-edition { font-size:.9rem; border-left:3px solid #a78141; padding-left:18px; }
.rules-story .rules-copy { max-width:760px; margin-left:auto; margin-right:auto; }
.rules-story .rules-copy a, .rules-story .rules-court-copy a, .rules-story .story-chapter-heading p a { color:#771624; text-decoration:underline; text-underline-offset:3px; }
.rules-story .rules-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:0 auto 28px; max-width:900px; }
.rules-story .rules-cards > div { background:#fff; border:1px solid #e4d7cc; border-top:3px solid #8b293c; border-radius:8px; padding:22px; }
.rules-story .rules-stat { display:block; font:400 clamp(2rem,4vw,3rem)/1.2 Georgia,serif; color:#8b293c; margin-bottom:14px; }
.rules-story .rules-cards h3, .rules-story .rules-court-copy h3, .rules-story .rules-note h3 { font-size:1.4rem; }
.rules-story .rules-cards p { margin:0; }
.rules-story .rules-note { background:#f2e8dd; padding:22px 26px; border-radius:8px; margin:28px 0; }
.rules-story .rules-note p:last-child { margin:0; }
.rules-story .rules-court-layout { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:40px; align-items:start; max-width:900px; margin:0 auto 28px; }
.rules-story .rules-court { margin:0; background:#fff; border:1px solid #e4d7cc; padding:16px; border-radius:8px; }
.rules-story .rules-court svg { width:100%; height:auto; display:block; }
.rules-story .rules-court-copy h3:not(:first-child) { margin-top:26px; }
.rules-story li { line-height:1.7; margin-bottom:10px; }
.rules-story .rules-faq details { border-bottom:1px solid #e4d7cc; padding:18px 0; }
.rules-story .rules-faq summary { cursor:pointer; color:#59121f; font-weight:600; padding:6px 0; min-height:44px; }
.rules-story .rules-faq p { margin:10px 0 4px; }
.rules-story .rules-source-note { font-size:.85rem; margin-top:18px; }
.rules-story .rules-sources { background:#fff; border:1px solid #e4d7cc; padding:28px; border-radius:8px; font-size:.9rem; scroll-margin-top:calc(var(--wbi-header-height,70px) + 24px); }
.rules-story .rules-sources h2 { font-size:1.5rem; }
.rules-story summary:focus-visible { outline:3px solid #a26e26; outline-offset:4px; }
.rules-skip { position:fixed; left:16px; top:-100px; z-index:10000; background:#fff; color:#59121f; padding:12px 20px; }
.rules-skip:focus { top:12px; }
@media(max-width:767px) {
  .rules-story .rules-opening, .rules-story .rules-court-layout { grid-template-columns:minmax(0,1fr); gap:20px; }
  .rules-story .rules-opening { padding:28px 0 8px; }
  .rules-story .rules-court { max-width:410px; width:100%; margin:auto; }
  .rules-story .rules-cards { grid-template-columns:minmax(0,1fr); gap:12px; }
  .rules-story .rules-cards > div { display:grid; grid-template-columns:98px minmax(0,1fr); column-gap:14px; padding:18px; }
  .rules-story .rules-stat { grid-row:1 / 3; margin:0; align-self:center; }
  .rules-story .rules-cards h3 { margin:0 0 6px; }
  .rules-story .rules-note, .rules-story .rules-sources { padding:20px; }
}
@media print { .rules-story .news-share, .rules-skip, .rules-story .story-contents, .rules-story .news-follow { display:none!important; } .rules-story details::details-content { content-visibility:visible; } }