/* Sign in on aviumclubs.com (site/signin.js) — the books.aviumclubs.com Sign
   in card, as a sheet over any page. Its own file, so every page can carry it. */
dialog.si-dlg { border: 0; padding: 0; border-radius: 22px; width: min(440px, calc(100vw - 32px)); background: #102A43; color: #DCE7F0; box-shadow: 0 40px 100px rgba(0,0,0,.4); font: 400 16px/1.5 'IBM Plex Sans', system-ui, -apple-system, "Segoe UI", sans-serif; }
dialog.si-dlg::backdrop { background: rgba(11,31,51,.6); }
.si-in { padding: 30px 28px 26px; display: flex; flex-direction: column; gap: 6px; }
.si-in[hidden] { display: none; }
.si-x { position: absolute; right: 12px; top: 12px; width: 44px; height: 44px; border-radius: 50%; border: 0; background: rgba(250,246,236,.12); color: #FAF6EC; font: 600 22px/1 system-ui, sans-serif; cursor: pointer; }
.si-tag { align-self: flex-start; font: 700 11px/1 'IBM Plex Sans', system-ui, sans-serif; letter-spacing: .12em; text-transform: uppercase; background: #9ED9C3; color: #102A43; padding: 6px 9px; border-radius: 6px; }
.si-in h2 { margin: 4px 0 0; font: 600 30px/1.1 'Fraunces', Georgia, serif; color: #FAF6EC; }
.si-lead { margin: 0 0 6px; color: #B9C9D8; font-size: 15px; }
.si-in label { display: block; font: 600 13px/1.3 'IBM Plex Sans', system-ui, sans-serif; color: #DCE7F0; margin: 10px 0 5px; }
.si-in input { width: 100%; box-sizing: border-box; font: 400 16px 'IBM Plex Sans', system-ui, sans-serif; padding: 12px 13px; border: 1px solid #B9C3CB; border-radius: 10px; background: #fff; color: #1C2836; }
.si-pw { position: relative; } .si-pw input { padding-right: 64px; }
.si-eye { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); border: 0; background: transparent; color: #1F5F8B; font: 600 14px system-ui, sans-serif; padding: 8px 10px; cursor: pointer; }
.si-go { width: 100%; margin-top: 16px; font: 700 17px/1 'IBM Plex Sans', system-ui, sans-serif; padding: 17px 24px; border-radius: 999px; border: 0; cursor: pointer; background: #FAF6EC; color: #102A43; }
.si-go.sec { background: transparent; color: #FAF6EC; box-shadow: inset 0 0 0 2px rgba(250,246,236,.5); }
.si-go:disabled { opacity: .6; }
.si-err { color: #FFB4AC; font-size: 15px; min-height: 1.4em; margin: 8px 0 0; }
.si-ok { color: #9ED9C3; font-size: 15px; margin: 8px 0 0; }
.si-link { align-self: center; border: 0; background: none; padding: 6px; color: #BFE0F2; font: 500 15px 'IBM Plex Sans', system-ui, sans-serif; text-decoration: underline; cursor: pointer; }
.si-foot { margin: 10px 0 0; text-align: center; font-size: 14px; color: #B9C9D8; } .si-foot a { color: #F7DC6F; font-weight: 600; }
.si-list { display: flex; flex-direction: column; gap: 10px; margin-top: 8px; }
.si-list a { display: block; text-decoration: none; color: #102A43; background: #fff; border-radius: 12px; padding: 14px 16px; font-weight: 600; }
.si-list small { display: block; color: #4A5A68; font-weight: 400; }
.si-in a:focus-visible, .si-in button:focus-visible, .si-in input:focus-visible { outline: 3px solid #F7DC6F; outline-offset: 2px; }