/* HLRN Rules — race-control broadcast finish, 2026-11-06.
   Presentation only: preserves copy, layout geometry, tabs, search, anchors and behavior. */
.page{--rc-accent:#d7263d;--rc-gold:#c69336;--rc-shadow:rgba(27,35,45,.13)}
.page .hero{isolation:isolate;box-shadow:0 18px 42px var(--rc-shadow),inset 0 1px 0 rgba(255,255,255,.12)}
.page .hero:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,transparent,var(--rc-gold) 22%,var(--rc-accent) 55%,transparent);pointer-events:none}
.page :is(.quick-card,.rule,.penalty,.rules-jump-nav,.rc-rule-tools){box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 22px var(--rc-shadow)}
.page .quick-card{position:relative;overflow:hidden}
.page .quick-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--rc-accent),var(--rc-gold));opacity:.6;pointer-events:none}
.page :is(.quick-number,.section-header,.rule h3){text-wrap:balance}
.page .rules-jump-btn{position:relative;transition:box-shadow .18s ease,border-color .18s ease,filter .18s ease}
.page .rules-jump-btn:hover{box-shadow:inset 0 -3px 0 var(--rc-accent);filter:brightness(1.035)}
.page .tab{transition:box-shadow .18s ease,filter .18s ease}
.page .tab:hover{box-shadow:inset 0 -3px 0 var(--rc-gold)}
.page :is(.tab,.rules-jump-btn,.rc-search,.rule-anchor):focus-visible{outline:3px solid var(--rc-gold)!important;outline-offset:3px}
.page .section-header{letter-spacing:.015em}
.page .rule{position:relative}
.page .rule h3{letter-spacing:-.012em}
.page .penalty-title{letter-spacing:.02em}
html[data-hlrn-theme="dark"] .page{--rc-accent:#f13b50;--rc-gold:#edc16a;--rc-shadow:rgba(0,0,0,.3)}
html[data-hlrn-theme="dark"] .page :is(.quick-card,.rule,.penalty,.rules-jump-nav,.rc-rule-tools){box-shadow:inset 0 1px 0 rgba(255,255,255,.075),0 9px 25px var(--rc-shadow)}
@media(hover:hover) and (pointer:fine){.page .quick-card{transition:box-shadow .18s ease,filter .18s ease}.page .quick-card:hover{filter:brightness(1.04);box-shadow:0 11px 26px var(--rc-shadow)}}
@media(max-width:600px){.page :is(.quick-card,.rule,.penalty){box-shadow:0 4px 13px var(--rc-shadow)}.page .rules-jump-btn:hover{box-shadow:none}}
@media(prefers-reduced-motion:reduce){.page :is(.quick-card,.tab,.rules-jump-btn){transition:none!important}}