.rule-experience{padding:3.5rem 0 7rem}
.rule-picker{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:4rem;align-items:end;padding-bottom:2.5rem;border-bottom:1px solid #cbd9db}
.rule-picker h2{margin:.35rem 0;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.1}
.rule-picker p:not(.eyebrow){margin:.5rem 0 0;color:#536b76}
.rule-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
.rule-tabs button{min-height:92px;padding:1rem;border:1px solid #cbd9db;border-radius:14px;background:#fff;color:#173443;text-align:left;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}
.rule-tabs button:hover{border-color:#21b6b0;transform:translateY(-2px)}
.rule-tabs button[aria-selected=true]{border-color:#087b73;background:#e7f5f4;box-shadow:inset 0 0 0 1px #087b73}
.rule-tabs span,.rule-tabs small{display:block}.rule-tabs span{font-weight:800}.rule-tabs small{margin-top:.35rem;color:#607781;line-height:1.35}
.rule-panel{padding:4.5rem 0 1rem;scroll-margin-top:92px}
.rule-experience.enhanced .rule-panel:not(.is-active){display:none}
.rule-panel-heading{max-width:810px}.rule-panel-heading h2{margin:.7rem 0 .65rem;font-size:clamp(2rem,4vw,3.25rem);line-height:1.08;letter-spacing:-.035em}.rule-panel-heading p{max-width:720px;color:#4d6670;font-size:1.03rem;line-height:1.65}
.vote-rule-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:.65rem;align-items:stretch;margin:2.2rem 0 1rem}
.vote-rule-flow>i{align-self:center;color:#087b73;font-size:1.45rem;font-style:normal}
.vote-rule-step{display:flex;min-height:145px;flex-direction:column;align-items:flex-start;padding:1.15rem;border:1px solid #cbd9db;border-radius:16px;background:#fff;color:#173443;text-align:left;cursor:pointer;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s}
.vote-rule-step:hover,.vote-rule-step:focus-visible{border-color:#21b6b0;transform:translateY(-2px);box-shadow:0 12px 28px rgba(7,42,64,.08)}
.vote-rule-step.is-active{border-color:#087b73;background:#edf8f6;box-shadow:inset 0 0 0 1px #087b73}
.vote-rule-step>span{display:grid;width:1.8rem;height:1.8rem;place-items:center;border-radius:50%;background:#072a40;color:#fff;font-size:.75rem;font-weight:800}
.vote-rule-step small{margin-top:auto;padding-top:1.1rem;color:#08736d;font-size:.68rem;font-weight:800;letter-spacing:.06em}.vote-rule-step strong{margin-top:.25rem;font-size:1rem;line-height:1.3}
.rule-step-detail{display:grid;grid-template-columns:100px 1fr;gap:1rem;align-items:start;min-height:88px;padding:1.15rem 1.25rem;border-left:4px solid #21b6b0;background:#eaf6f4}
.rule-step-detail span{color:#08736d;font-size:.75rem;font-weight:800;text-transform:uppercase}.rule-step-detail p{margin:0;color:#31525d;line-height:1.55}
.rule-emphasis{margin:1.5rem 0 0;padding:1.15rem 1.25rem;border:1px solid #e6d48e;background:#fff8dc;color:#344d56;line-height:1.6}.rule-emphasis strong{color:#173443}
.technical-rule{margin-top:1rem;border-top:1px solid #ccd9db;border-bottom:1px solid #ccd9db}.technical-rule summary{padding:1.1rem 0}.technical-rule div{margin:0 0 1.2rem;padding:1.2rem;border-left:3px solid #21b6b0;background:#f1f7f7}.technical-rule a{color:#08736d;font-weight:800}
.rule-next-actions{display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:end;margin-top:4.5rem;padding-top:2.5rem;border-top:1px solid #cbd9db}.rule-next-actions h2{max-width:650px;margin:.4rem 0 0;font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.12}.rule-next-actions>div:last-child{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}.rule-next-actions a{padding:.8rem 1rem;border:1px solid #9ec8c4;border-radius:10px;color:#08736d;text-decoration:none;font-weight:800}.rule-next-actions a:first-child{border-color:#1768d7;background:#1768d7;color:#fff}
@media(max-width:900px){.rule-picker{grid-template-columns:1fr;gap:1.5rem}.vote-rule-flow{grid-template-columns:1fr}.vote-rule-flow>i{justify-self:center;transform:rotate(90deg)}.vote-rule-step{min-height:112px}.rule-next-actions{grid-template-columns:1fr}.rule-next-actions>div:last-child{justify-content:flex-start}}
@media(max-width:600px){.how-hero.page-hero.compact{min-height:0;padding-top:3.25rem;padding-bottom:3.5rem}.rule-experience{padding:2.25rem 0 4.5rem}.rule-picker{padding-bottom:1.5rem}.rule-tabs{grid-template-columns:1fr}.rule-tabs button{min-height:70px}.rule-panel{padding-top:3rem}.rule-panel-heading h2{font-size:2rem}.rule-panel-heading p{font-size:.96rem}.vote-rule-flow{margin-top:1.5rem}.vote-rule-step{min-height:98px;padding:1rem}.vote-rule-step small{padding-top:.7rem}.rule-step-detail{grid-template-columns:1fr;gap:.35rem}.rule-emphasis{padding:1rem}.rule-next-actions{margin-top:3.5rem}.rule-next-actions>div:last-child{display:grid}.rule-next-actions a{text-align:center}}