.sp1-rule{background:linear-gradient(135deg,#12324f 0%,#1d4f7a 100%);color:#fff;padding:20px 22px 18px}
.sp1-rule__kicker{display:inline-block;margin:0 0 8px!important;padding:3px 12px;border-radius:999px;background:#ffd84d;color:#3a2a00;font-size:14px;font-weight:800;line-height:1.5}
.sp1-rule__title{margin:0 0 8px!important;color:#fff!important;font-size:25px!important;font-weight:900;line-height:1.4!important}
.sp1-rule__title mark{background:none;color:#ffd84d}
.sp1-rule__lead{margin:0 0 14px!important;color:#fff;font-size:16px;font-weight:700;line-height:1.7}
.sp1-rule__items{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px}
.sp1-rule__item{padding:12px 14px;border-radius:12px;background:#fff;color:#17283a}
.sp1-rule__item-name{display:block;margin:0 0 6px;color:#12324f;font-size:16px;font-weight:900;line-height:1.4}
.sp1-rule__row{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;margin:0;font-size:15px;line-height:1.5}
.sp1-rule__row dt{margin:0;color:#3d5266;font-weight:800}
.sp1-rule__row dd{margin:0;font-weight:700}
.sp1-rule__row dd.is-after{color:#a7231c;font-weight:900}
.sp1-rule__item small{display:block;margin-top:4px;color:#3d5266;font-size:13px;line-height:1.5}
.sp1-rule__when{margin:0 0 14px!important;padding:10px 14px;border-left:4px solid #ffd84d;background:rgba(255,255,255,.1);color:#fff;font-size:15px;line-height:1.7}
.sp1-rule__when b{color:#ffd84d}
.sp1-rule__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sp1-rule__btn{display:flex;min-height:52px;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:#ffd84d;color:#3a2a00!important;font-size:17px;font-weight:900;line-height:1.4;text-align:center;box-shadow:0 4px 0 #c9a400}
.sp1-rule__btn.is-device{background:#fff;color:#12324f!important;box-shadow:0 4px 0 #9fb4c7}
.sp1-rule__btn:hover,.sp1-rule__btn:focus-visible{filter:brightness(1.06)}
.sp1-rule__btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
.sp1-rule__note{margin:10px 0 0!important;color:#dce8f3;font-size:13px;line-height:1.6}
.sp1-rule__note a{color:#fff!important;text-decoration:underline!important}
#sp1-daily-mnp-title,.sp1-mode{scroll-margin-top:112px}
@media(max-width:600px){
.sp1-rule{padding:16px 14px 14px}
.sp1-rule__title{font-size:21px!important}
.sp1-rule__lead{font-size:15px;margin-bottom:12px!important}
.sp1-rule__items{grid-template-columns:1fr;gap:8px;margin-bottom:12px}
.sp1-rule__item{padding:10px 12px}
.sp1-rule__row{font-size:14px}
.sp1-rule__when{font-size:14px;padding:8px 12px;margin-bottom:12px!important}
.sp1-rule__actions{grid-template-columns:1fr;gap:12px}
.sp1-rule__btn{font-size:16px;min-height:48px}
}