.ck { position: fixed; left: 24px; bottom: 24px; z-index: 48; width: 240px; padding: 20px; background: #fff; color: var(--ink, #12150f);
      border: 1px solid var(--line, #e8e9e6); border-radius: 8px; box-shadow: 0 18px 36px -18px rgba(0,0,0,.28);
      font-family: var(--font, "Helvetica Neue", Helvetica, Arial, sans-serif); text-align: left; }
.ck[hidden] { display: none; }
.ck-ico { display: block; font-size: 32px; line-height: 1; }
.ck-t { margin: 12px 0 16px; font-size: 14px; line-height: 20px; color: var(--ink, #12150f); }
.ck-t a { color: var(--accent, #2e4a42); text-decoration: underline; text-underline-offset: 2px; white-space: nowrap; }
.ck-ok { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 48px; padding: 0 16px; border: 0;
         border-radius: 52px; background: var(--blue, #8fd299); color: var(--blue-ink, #12241a); font: inherit; font-size: 16px;
         font-weight: 500; line-height: 1.2; letter-spacing: -.32px; cursor: pointer; transition: filter .2s; }
.ck-ok:hover { filter: brightness(.94); }
.ck-t a:focus-visible, .ck-ok:focus-visible { outline: 2px solid var(--navy-2, #2e4a42); outline-offset: 3px; }

@media (max-width: 560px) {
  .ck { left: 12px; bottom: 12px; width: 200px; max-width: calc(100vw - 24px); padding: 16px; }
  .ck-ico { font-size: 28px; }
  .ck-t { margin: 10px 0 12px; }
}
@media print { .ck { display: none !important; } }
.ck-return:focus { outline: none; }

.form-msg a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }