.rules-hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr)minmax(0,1fr);gap:var(--space-6);align-items:center}.rules-hero-text{display:flex;flex-direction:column;gap:var(--space-4)}.rules-hero-lead{font-size:var(--text-lg)}.rules-hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.rules-hero-meta{display:flex;flex-wrap:wrap;gap:var(--space-2)}.rules-hero-visual{position:relative;padding:var(--space-4)}.rules-hero-image{border-radius:var(--radius-lg)}.rules-hero-overlay{position:absolute;inset:auto var(--space-4) var(--space-4) var(--space-4);display:flex;justify-content:space-between;gap:var(--space-3);pointer-events:none}.rules-hero-stat{background:rgba(15,23,42,0.9);color:#e5e7eb;border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);box-shadow:var(--shadow-md)}.rules-hero-stat .stat-label{display:block;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:0.12em;color:var(--gray-400)}.rules-hero-stat .stat-value{font-family:var(--font-mono);font-size:1rem}.rules-toc{margin-top:var(--space-4)}.rules-toc-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-2);font-size:var(--text-sm)}.rules-toc-list a{display:block;padding:0.5rem 0.75rem;border-radius:var(--radius-md);background:var(--color-surface-soft)}.rules-toc-list a:hover{background:#e0f2fe}.rules-section-grid{display:grid;grid-template-columns:minmax(0,1.6fr)minmax(0,1.1fr);gap:var(--space-6);align-items:flex-start}.rules-image-left{grid-template-columns:minmax(0,1.1fr)minmax(0,1.4fr)}.rules-image-right{grid-template-columns:minmax(0,1.6fr)minmax(0,1.1fr)}.rules-image-wrapper{align-self:stretch}.rules-illustration{width:100%;height:auto;border-radius:var(--radius-lg)}.rules-key-points,.rules-side-card,.rules-tip-card,.rules-mode-card,.rules-challenge-card,.rules-fairplay-card{display:flex;flex-direction:column;gap:var(--space-3)}.rules-bullet-list{display:flex;flex-direction:column;gap:var(--space-2);padding-left:1.1rem}.rules-bullet-list li{position:relative;font-size:var(--text-sm);color:var(--color-text-muted)}.rules-bullet-list li::before{content:"";position:absolute;left:-0.8rem;top:0.55rem;width:6px;height:6px;border-radius:999px;background:var(--color-accent-blue)}.rules-steps-list{display:flex;flex-direction:column;gap:var(--space-2);counter-reset:rules-steps}.rules-steps-list li{counter-increment:rules-steps;position:relative;padding-left:2rem;font-size:var(--text-sm);color:var(--color-text-muted)}.rules-steps-list li::before{content:counter(rules-steps);position:absolute;left:0;top:0.1rem;width:1.4rem;height:1.4rem;border-radius:999px;background:var(--color-accent-blue);color:#f9fafb;display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:600}.rules-inline-cta{margin-top:var(--space-2);font-size:var(--text-sm)}.rules-full-width-btn{width:100%;justify-content:center;margin-top:var(--space-2)}.rules-score-card{gap:var(--space-3)}.rules-score-title{margin-bottom:var(--space-2);font-weight:600}.rules-score-list{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm)}.rules-score-list li{display:flex;justify-content:space-between;gap:var(--space-3)}.rules-card-types,.rules-goals-grid,.rules-strategy-grid{margin-top:var(--space-4)}.rules-card-importance{margin-top:var(--space-4)}.rules-bottom-cta{padding-bottom:var(--space-10)}.rules-bottom-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.rules-bottom-cta-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:flex-end}.rules-tip-card ul,.rules-mode-card ul,.rules-challenge-card ul,.rules-fairplay-card ul{margin-top:var(--space-1)}@media (max-width:1024px){.rules-hero-grid{grid-template-columns:minmax(0,1fr)}.rules-section-grid,.rules-image-left,.rules-image-right{grid-template-columns:minmax(0,1fr)}.rules-image-left,.rules-image-right{order:0}.rules-image-left .rules-image-wrapper,.rules-image-right .rules-image-wrapper{order:-1}.rules-hero-overlay{position:static;margin-top:var(--space-3);flex-direction:row;flex-wrap:wrap}}@media (max-width:768px){.rules-bottom-cta-inner{flex-direction:column;align-items:flex-start}.rules-bottom-cta-actions{justify-content:flex-start}.rules-hero-actions{flex-direction:column;align-items:flex-start}.rules-score-list li{flex-direction:column;align-items:flex-start}}@media (max-width:640px){.rules-toc-list{grid-template-columns:minmax(0,1fr)}.rules-hero-overlay{flex-direction:column}.rules-steps-list li{padding-left:1.8rem}}