.cyr-ss-box{max-width:76rem;margin:1.5rem auto;padding:clamp(1rem,3vw,2rem);background:#fff;border:1px solid #dce4ea;border-radius:16px;color:#243b4d}
.cyr-ss-box h2{margin:0 0 1rem;font-size:clamp(1.5rem,3vw,2rem);line-height:1.2}
.cyr-ss-box p{line-height:1.6;max-width:70ch}
.cyr-ss-box form{display:grid;gap:1rem;max-width:44rem;margin:1.5rem 0}
.cyr-ss-box input:not([type=hidden]):not([type=checkbox]){width:100%;box-sizing:border-box;min-height:48px;border:1px solid #7990a1;border-radius:8px;padding:.75rem;font:inherit;background:#fff;color:#243b4d}
.cyr-ss-box input[type=checkbox]{width:1.25rem;height:1.25rem;vertical-align:middle;margin-right:.5rem}
.cyr-ss-box select{width:100%;max-width:100%;min-height:48px;box-sizing:border-box;border:1px solid #7990a1;border-radius:8px;padding:.75rem;font:inherit;background:#fff;color:#243b4d}
.cyr-ss-box button,.cyr-ss-add a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;box-sizing:border-box;padding:.75rem 1.2rem;background:#244967;color:white;border:0;border-radius:8px;text-decoration:none;font:inherit;font-weight:600;cursor:pointer}
.cyr-ss-box :is(a,button,input,select):focus-visible,.cyr-ss-add a:focus-visible{outline:3px solid #b86e15;outline-offset:3px}
.cyr-ss-notice{border-left:4px solid #b34b32;padding:.75rem 1rem;background:#fff4ef;color:#7b2c19}
.cyr-ss-add{margin:1rem 0 1.5rem}
@media(max-width:600px){.cyr-ss-box{margin:1rem .5rem}.cyr-ss-box button,.cyr-ss-add a{width:100%}}