/* BETBOOK: a single responsive layout, with no inherited minimum widths. */
.library-access,.library-access *{box-sizing:border-box}
.library-access{margin:0;min-height:100dvh;padding:26px 20px;display:grid;place-items:center;background:#eef4f1;color:#0b2f54;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.library-access .access-shell{width:100%;max-width:490px;min-width:0;margin:auto;background:#fff;border:1px solid #dce5eb;border-top:5px solid #078546;border-radius:22px;box-shadow:0 18px 55px #0b2f5412}
.library-access .access-panel{width:100%;min-width:0;padding:22px 26px 16px}
.access-brand{display:flex;align-items:center;justify-content:center;gap:10px;padding-bottom:12px;border-bottom:1px solid #e6eeea}
.access-brand img{flex:0 0 42px;width:42px;height:46px;object-fit:contain}
.access-brand span{min-width:0;font-size:12px;line-height:1.5;overflow-wrap:anywhere;color:#60758a}
.access-form-wrap{min-width:0;padding:12px 0 8px}
.library-access .access-betbook-title{margin:2px auto 16px;line-height:1;font-size:0}
.library-access .access-betbook-title img{display:block;width:100%;max-width:360px;height:auto;margin:auto}
.access-form-wrap form{width:100%;max-width:370px;min-width:0;margin:0 auto}
.access-form-wrap label{display:block;font-size:13px;font-weight:500;margin:12px 0 6px}
.access-input{display:flex;align-items:center;gap:9px;width:100%;min-width:0;height:52px;padding:0 12px;background:#fafcfb;border:1px solid #dbe3e9;border-radius:10px}
.access-input>i{flex:0 0 auto;color:#8594a2;font-size:17px}
.library-access .access-input input{flex:1 1 0;width:0;min-width:0;max-width:100%;height:100%;padding:0;border:0;outline:0;background:transparent;color:#0b2f54;font:inherit;font-size:14px;box-shadow:none}
.access-input input::placeholder{color:#81909f;text-transform:none!important}
.access-input button{flex:0 0 28px;width:28px;min-width:0;padding:4px 0;border:0;background:none;color:#60758a;cursor:pointer}
.access-input:focus-within{border-color:#9aabb8}
.access-input button:focus-visible,.access-submit:focus-visible{outline:2px solid #0b2f54;outline-offset:3px}
.library-access .access-turnstile{display:block;margin:18px auto 14px;width:calc(100% - 48px);max-width:286px;min-width:0;padding:0}
.access-turnstile-frame{position:relative;width:100%;height:calc(65px * var(--turnstile-scale,1))}
.library-access #bibliotecaTurnstile{position:absolute;top:0;left:50%;margin-left:-150px;width:300px;transform:scale(var(--turnstile-scale,1));transform-origin:top center}
.access-security-status{font-size:11px;line-height:1.5;color:#a72b35;margin:8px 0 0;text-align:center}
.access-security-status:empty{display:none}
.access-submit{display:block;width:100%;min-height:48px;padding:10px 8px;margin:12px auto 0;border:0;border-radius:10px;background:#0b2f54;color:white;text-align:center;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.access-submit:disabled{opacity:.6;cursor:default}
.access-support{font-size:11px;line-height:1.5;text-align:center;color:#7c8b98;margin:12px 0 2px}
.access-panel footer{text-align:center;color:#8c9aa6;font-size:10px;line-height:1.6;border-top:1px solid #e6eeea;padding-top:9px;margin-top:3px}
.access-panel footer span{display:block}
.access-preview{text-align:center;font-size:12px;margin-bottom:12px}
.library-access .alert{width:100%;max-width:370px;min-height:0;font-size:12px;line-height:1.4;padding:7px 10px;margin:8px auto;overflow-wrap:anywhere;border:1px solid #a5d5bf;border-radius:8px;background:#e1f2e9;color:#1d513d}
.library-access .alert-danger{background:#fbe9eb;border-color:#ecc0c5;color:#872331}
@media(max-width:480px){.library-access{padding:18px 16px}.library-access .access-shell{max-width:390px;border-radius:22px}.library-access .access-panel{padding:18px 20px 14px}.access-brand span{font-size:10px}.access-brand{gap:9px}.access-input input{font-size:16px!important}.access-support{font-size:10px}.access-panel footer{font-size:9px}}

@media(max-width:480px){.library-access .alert{font-size:11px;line-height:1.4;padding:6px 9px;margin:6px auto;border-radius:6px}}

/* Mobile: inset form and branding, matching the requested reference. */
@media(max-width:480px){
 .library-access .access-form-wrap form,.library-access .alert{width:84%;margin-left:auto;margin-right:auto}
 .library-access .access-betbook-title{width:84%;margin:2px auto 14px}
 .library-access .access-input{height:48px;padding:0 9px;gap:7px}
 .library-access .access-input>i{font-size:15px}
 .library-access .access-input button{flex-basis:24px;width:24px}
 .library-access .access-submit{min-height:44px;padding:9px 8px}
 .library-access .access-turnstile{width:calc(100% - 16px);margin:16px auto 12px}
}
@media(max-width:360px){
 .library-access .access-form-wrap form,.library-access .alert{width:94%}
 .library-access .access-betbook-title{width:90%}
}