.rules-page { place-items: start center; }
.rules-content { padding: clamp(22px,4vw,48px); }
.back-link { color: #83e6b7; text-decoration: none; }
.back-link:hover { text-decoration: underline; }
.eyebrow { margin-top: 28px; color: #69dfaa; font-size: 12px; font-weight: 800; letter-spacing: .12em; }
.rules-content h1 { font-size: clamp(30px,5vw,48px); line-height: 1.15; letter-spacing: -.04em; }
.rules-content h1 em { color: #69dfaa; font-style: normal; }
.rules-index { display: flex; flex-wrap: wrap; gap: 10px; margin: 26px 0 36px; }
.rules-index a { padding: 10px 14px; background: #102b21; border: 1px solid #315344; border-radius: 12px; color: #b4efcf; font-size: 14px; text-decoration: none; }
.rules-index a:hover { background: #1a3b2c; }
.rule-section { scroll-margin-top: 24px; border-top: 1px solid #28473a; padding: 24px 0; }
.rule-section h2 { color: #83e6b7; font-size: clamp(21px,3vw,27px); }
.rule-section p { max-width: 850px; color: #c4d5cd; font-size: 16px; line-height: 1.85; overflow-wrap: anywhere; }
.rule-section strong { color: #e8f0ed; }
.table-scroll { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; font-size: 14px; }
th, td { padding: 12px; border-bottom: 1px solid #28473a; text-align: left; }
thead th { color: #83e6b7; background: #102b21; }
tbody th { font-weight: 500; }
td { white-space: nowrap; }
tbody tr:last-child { color: #83e6b7; font-weight: 700; }
a:focus-visible { outline: 2px solid #70e6b0; outline-offset: 4px; }
@media(max-width:600px) { .rules-page { padding: 14px; } .rules-page .header { padding: 20px; gap: 10px; } .rules-content { padding: 22px 16px; } .rule-section p { font-size: 15px; } th, td { padding: 10px 8px; } }
@media print { .page { display: block; padding: 0; background: white; } .shell { background: white; box-shadow: none; border: 0; } .rules-content { padding: 0; } .header, .back-link, .rules-index, footer { display: none; } .rule-section p, .rule-section strong, .rule-section h2, .rules-content h1, .rules-content h1 em, th, td { color: black; } .table-scroll { overflow: visible; } }