.rules-page{color:#14354d;background:#fff}
.rules-page::before{display:none}
.rules-page main{background:#fff}
.rules-page .site-header{position:sticky;top:0;z-index:10;background:#eaf5fbf2;border-bottom:1px solid #c4dce9;backdrop-filter:blur(14px)}
.rules-page .header-inner{min-height:78px;padding-block:12px}
.rules-page .brand{width:178px}
.rules-page .button{border-radius:999px}
.rules-back{display:inline-flex;align-items:center;min-height:44px;color:#07547b;font-weight:700;text-decoration:none}
.rules-back:hover,.rules-back:focus-visible{text-decoration:underline;text-underline-offset:4px}
.rules-hero{background:linear-gradient(145deg,#0d3a5b,#176996);color:#fff;padding:clamp(3rem,7vw,6rem) 0}
.rules-hero .container{max-width:1120px}
.rules-kicker,.rules-label,.rules-city-name{display:block;font-size:.8rem;letter-spacing:.11em;font-weight:800;text-transform:uppercase}
.rules-hero .rules-kicker{color:#a5e7ff}
.rules-hero h1{max-width:850px;margin:1rem 0;color:#fff;font-size:clamp(2.2rem,5.8vw,4.6rem);line-height:1.07;letter-spacing:-.04em}
.rules-lead{max-width:720px;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.55}
.rules-lead-mobile{display:none}
.rules-date{color:#d4ebf6;font-size:.92rem;margin:1.5rem 0}
.rules-index{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2.1rem}
.rules-index a{display:inline-flex;align-items:center;min-height:44px;color:#fff;border:1px solid #9bd6ed;border-radius:999px;padding:.7rem 1rem;text-decoration:none;font-weight:700}
.rules-index a:hover,.rules-index a:focus-visible{background:#fff;color:#0d3a5b}
.rules-section{padding:clamp(3.5rem,6vw,6rem) 0;scroll-margin-top:5rem;background:#fff;color:#14354d}
.rules-light{background:#eef7fb}
.rules-section h2,.rules-section h3{color:#14354d}
.rules-heading{max-width:730px;margin-bottom:2rem}
.rules-heading .rules-kicker,.rules-sources .rules-kicker{color:#006e9b}
.rules-heading h2,.rules-sources h2,.rules-cta h2{font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.14;letter-spacing:-.03em;margin:.65rem 0 1rem}
.rules-heading p,.rules-section p{line-height:1.65}
.rules-section a:not(.button){color:#075b85;text-decoration:underline;text-underline-offset:3px}
.rules-steps,.rules-cities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;list-style:none;padding:0;margin:0}
.rules-steps li,.rules-panel,.rules-city{background:#fff;border:1px solid #c2dae7;border-radius:20px;padding:clamp(1.4rem,2.8vw,2rem);box-shadow:0 12px 32px rgba(9,54,82,.06)}
.rules-steps li>span{color:#007fb5;font-size:2rem;font-weight:800}
.rules-steps h3,.rules-panel h3,.rules-city h3{margin:.8rem 0 .45rem;font-size:1.25rem}
.rules-steps p,.rules-panel p,.rules-city p{margin:0}
.rules-checklist{margin-top:1.2rem;padding:1.4rem 1.8rem;border-left:5px solid #008fdb;border-radius:0 16px 16px 0;background:#fff}
.rules-checklist h3{font-size:1.15rem;margin:0 0 .35rem}
.rules-checklist p{margin:0}
.rules-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.rules-detail{display:grid;gap:1rem}
.rules-label,.rules-city-name{color:#006e9b}
.rules-cities{grid-template-columns:repeat(2,minmax(0,1fr))}
.rules-city a{display:inline-block;margin-top:1.3rem;font-weight:700}
.rules-faq{display:grid;gap:.75rem}
.rules-faq details{background:#fff;border:1px solid #c2dae7;border-radius:15px;padding:0 1.3rem}
.rules-faq summary{cursor:pointer;font-weight:750;padding:1.1rem .1rem;line-height:1.4}
.rules-faq summary:focus-visible{outline:3px solid #008fdb;outline-offset:3px;border-radius:6px}
.rules-faq details p{margin:0 0 1.2rem}
.rules-sources ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 2rem;padding-left:1.2rem}
.rules-sources p{max-width:850px;margin-top:2rem;color:#436176}
.rules-cta{background:#0d3a5b;color:#fff;padding:3.5rem 0}
.rules-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem}
.rules-cta .rules-kicker{color:#a5e7ff}
.rules-cta h2{margin-bottom:.5rem;color:#fff}
.rules-cta p{margin:0;max-width:650px;line-height:1.55}
.rules-cta .button{flex:none}
.rules-footer{background:#082a43;color:#fff;padding:1.5rem 0}
.rules-footer .container{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}
.rules-footer a{display:inline-flex;align-items:center;min-height:44px;color:#fff}
.rules-footer span:last-child{margin-left:auto}
@media(max-width:780px){.rules-page .header-inner{min-height:72px}.rules-page .brand{width:135px}.rules-back{font-size:.9rem}.rules-hero{padding:3rem 0}.rules-index{gap:.5rem}.rules-index a{font-size:.86rem;padding:.62rem .78rem}.rules-steps,.rules-cities,.rules-split,.rules-sources ul{grid-template-columns:1fr}.rules-cta-inner{display:block}.rules-cta .button{display:inline-flex;margin-top:1.5rem}.rules-section{scroll-margin-top:5rem}}
@media(max-width:780px){.rules-hero{padding-top:1.5rem;padding-bottom:calc(4rem + env(safe-area-inset-bottom, 0px))}.rules-lead-desktop,.rules-date{display:none}.rules-lead-mobile{display:grid;gap:.55rem;margin-top:1.5rem;color:#dfedf6}.rules-lead-mobile p{margin:0;font-size:1rem;line-height:1.45}.rules-lead-mobile .rules-lead-question{margin-bottom:.15rem;color:#fff;font-size:1.3rem;font-weight:800;line-height:1.25}.rules-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:56px;max-width:480px;gap:.55rem;margin-top:1.25rem}.rules-index a{box-sizing:border-box;justify-content:center;width:100%;height:56px;min-height:0;padding:.4rem .5rem;border-radius:16px;text-align:center;line-height:1.25}}
@media(max-width:420px){.rules-back{max-width:110px;text-align:right;line-height:1.2}.rules-footer span:last-child{width:100%;margin-left:0}}