.rules-page{background:#f4f8fb;color:#193449}.rules-shell{max-width:1180px;margin:0 auto;padding:32px 24px 60px}.rules-shell a{color:#0967ab;text-underline-offset:3px}.rules-hero{display:flex;align-items:center;justify-content:space-between;gap:32px;background:linear-gradient(125deg,#073c6b,#137fce);color:white;border-radius:24px;padding:40px;margin-bottom:22px;overflow:hidden}.rules-eyebrow{font-size:13px;font-weight:700;letter-spacing:.05em}.rules-hero h1{font-size:clamp(26px,3vw,40px);line-height:1.45;letter-spacing:-.04em;margin:14px 0}.rules-hero p{color:#e1f2ff}.rules-divider{margin:0 9px;opacity:.5}.rules-hero .rules-jump{display:inline-block;margin-top:16px;padding:12px 18px;background:white;color:#095d99;border-radius:12px;font-weight:700;text-decoration:none}.rules-hero-mark{width:220px;flex-shrink:0;color:#bde9ff;text-align:center}.rules-hero-mark svg{width:100%}.rules-hero-mark span{font-size:12px}.rules-notice{padding:20px 24px;border:1px solid #c8dfea;background:#edf6fd;border-radius:16px;font-size:14px;line-height:1.7}.rules-notice p{margin:8px 0 0}.rules-muted{color:#526b7e;font-size:12px}.rules-filters{display:flex;align-items:flex-end;gap:12px;margin:28px 0 14px;flex-wrap:wrap}.rules-filters label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700;flex:1;min-width:170px}.rules-filters label:first-child{flex:2}.rules-filters input,.rules-filters select{width:100%;min-height:46px;border:1px solid #bdcdda;border-radius:10px;background:white;color:#193449;padding:10px 12px;font:inherit;box-sizing:border-box}.rules-filters button{min-height:46px;border:1px solid #bdcdda;border-radius:10px;background:white;color:#193449;padding:10px 18px;cursor:pointer}.rules-shell :focus-visible{outline:3px solid #ed9e13;outline-offset:3px}#rules-count{font-size:13px;color:#526b7e;margin-bottom:18px}.rules-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;scroll-margin-top:20px}.rule-card{border:1px solid #dbe5ed;border-radius:18px;background:white;padding:22px;display:flex;flex-direction:column;min-width:0;box-shadow:0 4px 18px #173c5b05}.rule-card[hidden],#rules-empty[hidden]{display:none}.rule-card-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.rule-water,.rule-regional{font-size:11px;font-weight:700;padding:5px 9px;border-radius:20px}.rule-water{color:#076aaa;background:#eaf5ff}.rule-water.fresh{color:#136c57;background:#e7f5ee}.rule-regional{color:#85510a;background:#fff4da}.rule-card h2{font-size:24px;letter-spacing:-.03em;margin:16px 0}.rule-card dl{margin:0}.rule-card dl>div{padding:13px 0;border-top:1px solid #edf1f5}.rule-card dt{color:#607588;font-size:12px;margin-bottom:7px}.rule-card dd{margin:0;font-weight:700;line-height:1.5}.rule-size>dd:first-of-type{color:#086bb5;font-size:22px;letter-spacing:-.02em}.rule-card dd.rule-unstated{font-size:14px;font-weight:400;color:#657686}.rule-card dd.rule-measure{font-size:12px;font-weight:400;color:#526b7e;margin-top:8px}.rule-period{color:#a12d40;font-size:17px}.rule-note{font-size:13px;line-height:1.85;background:#f7f9fc;padding:12px;border-radius:10px;margin:6px 0 16px;overflow-wrap:anywhere}.rule-card details{margin-top:auto;padding-top:12px;border-top:1px solid #edf1f5;font-size:12px;line-height:1.7}.rule-card summary{cursor:pointer;color:#50697d;padding:5px 0}.rule-card ul{padding-left:17px}.rule-card li{margin:8px 0}.rule-card small{display:block;color:#657686}.rules-explain{margin-top:28px;border:1px solid #dbe5ed;border-radius:18px;padding:28px;background:white;font-size:14px;line-height:1.85;scroll-margin-top:20px}.rules-explain h2{margin:0 0 16px;font-size:23px}.rules-explain small{color:#607588}.rules-explain li{margin:10px 0}.rules-measures{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rules-measures p{margin:0;padding:16px;background:#f2f7fc;border-radius:12px}.rules-measures strong{display:block;color:#076aaa;margin-bottom:8px}.rules-footer{display:flex;justify-content:space-between;gap:18px;margin-top:28px;font-size:14px}.rules-shell [hidden]{display:none!important}@media(max-width:1100px){.rules-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rules-hero-mark{width:160px}}@media(max-width:650px){.rules-shell{padding:20px 14px 40px}.rules-hero{padding:26px 22px;border-radius:18px}.rules-hero-mark{display:none}.rules-grid,.rules-measures{grid-template-columns:1fr}.rules-filters label:first-child{flex-basis:100%}.rules-filters label{min-width:120px}.rules-filters button{flex-basis:100%}.rules-explain{padding:22px}.rules-notice{padding:18px}.rule-card{padding:20px}.rules-footer{flex-wrap:wrap}}
.rule-photo-open{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;border:0;background:none;padding:0;color:#193449;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer}.rule-photo-open span{font-size:12px;font-weight:600;color:#0967ab;letter-spacing:0;white-space:nowrap}.rule-photo-open:hover{color:#0967ab}.rule-measure-open{border:0;background:none;padding:4px 0;color:#0967ab;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.rule-photo-active{overflow:hidden}#rule-photo-dialog{box-sizing:border-box;width:min(760px,calc(100% - 24px));max-height:90vh;max-height:90dvh;padding:0;border:1px solid #bdcdda;border-radius:18px;color:#193449;background:#fff;box-shadow:0 24px 80px #001d4055}#rule-photo-dialog::backdrop{background:#082137b8}#rule-photo-dialog :focus-visible{outline:3px solid #ed9e13;outline-offset:3px}.rule-photo-header{display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;background:#fff;border-bottom:1px solid #dbe5ed;padding:16px 22px;z-index:1}.rule-photo-header h2{margin:0;font-size:24px}.rule-photo-header button{min-height:44px;min-width:72px;padding:8px 14px;border:1px solid #bdcdda;border-radius:9px;background:#f2f7fc;color:#193449;font:inherit;cursor:pointer}#rule-photo-content{padding:0 22px 22px;line-height:1.7;overflow-wrap:anywhere}#rule-photo-content a{color:#0967ab;text-underline-offset:3px}.rule-photo-intro{font-size:13px;color:#526b7e}.rule-photo{margin:20px 0}.rule-photo img,.rule-diagram img{display:block;width:100%;height:auto;object-fit:contain;background:#f4f8fb;border-radius:10px}.rule-photo img{max-height:48vh}.rule-photo figcaption,.rule-photo-credit{font-size:12px;color:#526b7e}.rule-photo figcaption p{margin:8px 0}.rule-diagram{border-top:1px solid #dbe5ed;padding-top:16px;margin-top:24px;scroll-margin-top:86px}.rule-diagram h3{margin:0 0 8px}.rule-diagram>p{font-size:14px}.rule-diagram img{background:white;max-height:360px}.rule-diagram .rule-photo-credit{font-size:12px}@media(max-width:650px){.rule-photo-header{padding:12px 16px}.rule-photo-header h2{font-size:21px}#rule-photo-content{padding:0 16px 18px}.rule-photo img{max-height:40vh}}