.rules-highlights { display:grid; grid-template-columns:repeat(3,1fr); position:relative; margin-top:-30px; padding:0; border:1px solid #e3dfd3; border-radius:6px; background:#fffdf8; box-shadow:0 6px 20px #173d3508; }
.rules-highlights>div { padding:25px 30px; }
.rules-highlights>div+div { border-left:1px solid #e5e0d4; }
.rules-highlights strong { display:block; color:#0a4935; font:400 2.8rem Georgia,serif; margin-bottom:10px; line-height:1.1; }
.rules-highlights strong span { font-size:1.1rem; }
.rules-highlights p { font-size:.82rem; color:#5a6d60; margin:0; line-height:1.7; }
.rules-layout { display:grid; grid-template-columns:235px minmax(0,1fr); gap:75px; padding-top:65px; padding-bottom:55px; align-items:start; }
.rules-sidebar { position:sticky; top:130px; }
.rules-sidebar nav { border-top:3px solid #d76430; padding-top:20px; }
.rules-sidebar .eyebrow { color:#746b56; }
.rules-sidebar nav a { display:flex; gap:15px; padding:12px 0; border-bottom:1px solid #e1ded2; font-size:.75rem; color:#ad552e; }
.rules-sidebar nav a span { color:#244f3c; font-size:.85rem; }
.rules-help { padding:24px; background:#eaece1; margin-top:30px; border-radius:4px; }
.rules-help i { color:#a74c29; font-size:1.4rem; margin-bottom:15px; }
.rules-page .rules-help h2 { font-size:1.4rem; }
.rules-help p,.rules-help a { font-size:.8rem; }
.rules-help p { color:#586a5d; }
.rules-help a { color:#1e714b; }
.rules-section { scroll-margin-top:130px; border-bottom:1px solid #dfdbce; padding-bottom:40px; margin-bottom:40px; }
.rules-section:last-child { border:0; padding-bottom:0; margin-bottom:0; }
.rules-section>.eyebrow { color:#a0502d; }
.rules-page .rules-section h2 { font-size:2.3rem; margin-bottom:22px; }
.rules-section>p:not(.eyebrow) { color:#4c6355; font-size:.96rem; line-height:1.8; }
.participation-note { display:flex; gap:20px; background:#eaf0e5; padding:24px; border-left:3px solid #357b50; margin:25px 0 30px; }
.participation-note>i { color:#28744b; font-size:1.5rem; margin-top:3px; }
.participation-note h3 { font-size:1.35rem; }
.participation-note p { margin:0; color:#4a6352; font-size:.85rem; }
.table-heading { font-size:1.45rem; }
.points-table { width:100%; background:#fffdf8; border:1px solid #e3dfd3; margin:20px 0 25px; }
.points-table caption { caption-side:bottom; padding:10px 0; font-size:.75rem; color:#5f7062; }
.points-table thead { background:#073e30; color:#fffaf0; }
.points-table thead th { font-size:.8rem; font-weight:500; padding:15px 20px; }
.points-table thead th:last-child { text-align:right; }
.points-table tbody th,.points-table td { padding:14px 20px; border-bottom:1px solid #e8e3d8; }
.points-table tbody th { font-weight:500; font-size:.9rem; }
.points-table td { font:400 1.4rem Georgia,serif; color:#16593b; text-align:right; white-space:nowrap; }
.points-table td span { font:400 .75rem system-ui,sans-serif; margin-left:5px; }
.points-table tbody tr:first-child { background:#f4eddd; }
.points-table i { color:#ba5428; margin-right:8px; }
.rules-example { background:#073e30; color:#eaf0e5; border-radius:5px; padding:28px; }
.rules-example>.eyebrow { color:#e7b47d; }
.rules-example h3 { color:#fff8e8; font-size:1.5rem; margin-bottom:25px; }
.example-grid { display:grid; grid-template-columns:1fr 1fr; gap:25px; }
.example-grid>div+div { border-left:1px solid #5c8370; padding-left:25px; }
.example-grid strong { font:400 1.4rem Georgia,serif; color:#e7d4a0; }
.example-grid p { font-size:.8rem; color:#d4e0d2; margin:12px 0 0; }
.rules-photo { margin:25px 0 0; padding:20px; background:#eeece2; display:flex; align-items:center; gap:22px; }
.rules-photo img { width:210px; height:auto; border:6px solid white; }
.rules-photo figcaption { max-width:220px; font-size:.8rem; color:#586c5d; }
.rules-cta { background:#e9e6d8; padding:40px 0; }
.rules-cta>.container { display:flex; align-items:center; justify-content:space-between; gap:30px; }
.rules-cta .eyebrow { color:#96532d; }
.rules-page .rules-cta h2 { font-size:2rem; margin:0; }
.rules-cta .btn span { margin-left:20px; }
@media(max-width:991px) { .rules-highlights { max-width:690px; } .rules-highlights>div { padding:22px; } .rules-layout { grid-template-columns:190px minmax(0,1fr); gap:30px; } .rules-page .rules-section h2 { font-size:1.9rem; } .rules-photo { flex-direction:column; align-items:flex-start; } }
@media(max-width:767px) { .rules-highlights { max-width:510px; } .rules-highlights>div { padding:18px; } .rules-highlights strong { font-size:2.2rem; } .rules-highlights strong span { display:block; font-size:.9rem; margin-top:8px; } .rules-highlights p { font-size:.75rem; } .rules-layout { grid-template-columns:1fr; gap:30px; padding-top:40px; } .rules-sidebar { position:static; } .rules-sidebar nav { display:grid; grid-template-columns:1fr 1fr; gap:0 20px; } .rules-sidebar .eyebrow { grid-column:1/-1; } .rules-help { display:none; } .rules-section { scroll-margin-top:110px; } .rules-cta>.container { flex-direction:column; align-items:flex-start; } }
@media(max-width:575px) { .rules-highlights { width:calc(100% - 30px); grid-template-columns:1fr; } .rules-highlights>div { display:grid; grid-template-columns:130px 1fr; gap:14px; align-items:center; } .rules-highlights>div+div { border-left:0; border-top:1px solid #e5e0d4; } .rules-highlights strong { margin-bottom:0; } .rules-highlights p { font-size:.78rem; } .rules-page .rules-section h2 { font-size:1.85rem; } .rules-section>p:not(.eyebrow) { font-size:.9rem; } .participation-note { padding:18px; gap:12px; } .participation-note h3 { font-size:1.2rem; } .points-table thead th,.points-table tbody th,.points-table td { padding:13px 12px; } .points-table thead th { font-size:.72rem; } .points-table tbody th { font-size:.83rem; } .example-grid { grid-template-columns:1fr; gap:20px; } .example-grid>div+div { padding:20px 0 0; border-left:0; border-top:1px solid #5c8370; } .rules-example { padding:22px; } .rules-photo { flex-direction:column; align-items:center; text-align:center; } .rules-page .rules-cta h2 { font-size:1.8rem; } }