:root{ --blue-900:#bde0fe; --blue-600:#0077b6; --blue-100:#eaf2ff; --ink-900:#212529; --text-muted:#6c757d; --line-1:#dee2e6; --surface-bg:#f8f9fa; --surface-card:#ffffff; --shadow-sm:0 1px 2px rgba(13,27,42,.08); --shadow-md:0 4px 12px rgba(13,27,42,.08);}.rule-page{font-family:"Roboto",system-ui, -apple-system,sans-serif;line-height:1.7;}.rule-page h1,.rule-page h2,.rule-page h3{color:var(--blue-600);line-height:1.3;margin-bottom:0.75rem;}.rule-page h1{font-size:2rem;margin-bottom:1rem;border-bottom:2px solid var(--blue-100);padding-bottom:0.5rem;}.rule-page h2{font-size:1.5rem;margin-top:2rem;}.rule-page h3{font-size:1.25rem;margin-top:1.5rem;}.rule-page p{margin-bottom:1rem;}.rule-page .lead{font-size:1.15rem;color:var(--text-muted);margin-bottom:2rem;}.rule-page .emoji{margin-right:0.5rem;}.rule-page .card{background:var(--surface-card);border:1px solid var(--line-1);border-radius:12px;padding:1.5rem 2rem;margin-bottom:2rem;box-shadow:var(--shadow-md);}.rule-page .formula-box{background:var(--blue-100);border-left:4px solid var(--blue-600);padding:1rem 1.5rem;margin:1.5rem 0;border-radius:8px;}.rule-page .formula-box p{margin:0;color:var(--ink-900);}.rule-page .formula-box p:first-child{margin-bottom:0.5rem;}.rule-page ul{padding-left:20px;}.steps{list-style:none;padding-left:0;counter-reset:step-counter;}.steps li{position:relative;padding-left:45px;margin-bottom:1.75rem;}.steps li::before{content:counter(step-counter);counter-increment:step-counter;position:absolute;left:0;top:0;width:32px;height:32px;background-color:var(--blue-600);color:#fff;border-radius:50%;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;}.steps .step-title{display:block;font-weight:700;color:var(--ink-900);margin-bottom:0.25rem;}.steps .step-description{display:block;color:var(--text-muted);line-height:1.6;}.rule-page .note{color:var(--text-muted);font-size:0.95em;padding:0.75rem;background:var(--surface-bg);border-radius:8px;}.rule-page .result{font-weight:bold;color:var(--blue-600);padding:0.75rem;background-color:var(--blue-100);border-radius:8px;display:inline-block;}.rule-page hr{border:0;border-top:1px solid var(--line-1);margin:2rem 0;}