/* Interaction polish shared by the desktop and mobile layouts. */
:focus-visible{outline:3px solid #1E5AA8;outline-offset:5px}
.cinput:focus-visible,.m-form input:focus-visible,.m-form textarea:focus-visible{outline:2px solid #1E5AA8;outline-offset:2px}
.cbody,.m-wcard .c{display:flex;flex-direction:column}
.m-wcard{display:flex;flex-direction:column}
.m-wcard .c{flex:1}
.card-action{display:block;margin-top:auto;padding-top:14px;font:600 13px/1.4 'Inter',sans-serif;color:#1E5AA8}
.m-cred img{filter:brightness(0) invert(1);opacity:.9}
.m-credbar .btn{height:auto;min-height:56px;padding:12px;font-size:clamp(20px,5.5vw,24px);line-height:1.15;text-align:center}
.rail-guide{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 20px 12px;font:500 12px/1.4 'Inter',sans-serif;color:#56606A}
.rail-guide .rail-buttons{display:flex;gap:8px}
.rail-guide button{width:44px;height:44px;border:1px solid #c5cbd1;border-radius:50%;background:#FFFDF8;color:#1E5AA8;font-size:23px;cursor:pointer}
.rail-guide button:disabled{opacity:.35;cursor:default}
.modal .close{width:44px;height:44px}
.m-form button,.cbtn{color:#0D1B2A}
.m-form button:disabled,.cbtn:disabled{cursor:wait}
.logoband:hover .logotrack,.m-logoband:hover .logotrack{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .logotrack{animation:none}
  .wcard,.t2card,.icard{transition:none}
  .wcard:hover,.t2card:hover{margin-top:0}
}