.beta-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 22px;padding:26px 20px;color:#aaa99c;font-size:12px;border-top:1px solid #353730}.beta-footer button,.beta-footer a{color:inherit;background:none;border:0;text-decoration:none;cursor:pointer;font:inherit;padding:8px}.beta-footer button:hover,.beta-footer a:hover{color:#f0eee7;text-decoration:underline}.beta-consent{max-width:740px;margin:18px auto 0;padding:16px 20px;border:1px solid #57584b;border-radius:8px;background:#191a17;display:flex;flex-wrap:wrap;align-items:center;gap:14px}.beta-consent p{margin:0;flex:1 1 280px;font-size:13px;line-height:1.7}.beta-consent strong{display:block;color:#f0eee7}.beta-consent .beta-buttons{display:flex;flex-wrap:wrap;gap:10px}.beta-button{font:inherit;font-size:13px;background:#272921;color:#f0eee7;border:1px solid #6a6c5d;border-radius:6px;padding:10px 15px;min-height:44px;cursor:pointer}.beta-button.primary{background:#d0b07d;color:#191914;border-color:#d0b07d}.beta-button:disabled{opacity:.5;cursor:wait}.beta-dialog{color:#f0eee7;background:#191a17;border:1px solid #57584b;border-radius:10px;padding:28px;max-width:520px;width:calc(100% - 28px);max-height:90dvh;overflow:auto;font:14px/1.7 "Helvetica Neue",Arial,"Yu Gothic",sans-serif}.beta-dialog::backdrop{background:#000b}.beta-dialog h2{font-size:24px;margin:5px 0 20px;font-weight:500}.beta-dialog h3{font-size:18px}.beta-dialog p{color:#b3b4a9}.beta-dialog label{display:block;margin:18px 0 6px}.beta-dialog select,.beta-dialog textarea{font:inherit;color:#f0eee7;background:#111210;border:1px solid #6a6c5d;border-radius:5px;padding:10px;width:100%}.beta-dialog textarea{min-height:80px;resize:vertical}.beta-dialog a{color:#d0b07d}.beta-dialog .beta-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.beta-offer{padding:14px 0;border-top:1px solid #44473a;margin-top:20px}.beta-offer summary{cursor:pointer;padding:10px 0;color:#d0b07d}.beta-note{font-size:12px}.beta-status{min-height:24px;color:#d0b07d!important}.beta-result-link{margin-top:24px;text-align:center}.beta-result-link button{font-size:12px;color:#aaa99c;background:none;border:0;cursor:pointer;padding:12px}.beta-consent[hidden],.beta-footer[hidden]{display:none!important}

.beta-consent{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:calc(100% - 28px);z-index:100;box-shadow:0 10px 50px #0008}.beta-consent .beta-status:empty{display:none}.beta-consent-visible{padding-bottom:165px}@media(max-width:600px){.beta-consent{padding:12px;gap:8px}.beta-consent p{font-size:12px}.beta-consent .beta-buttons{gap:8px}.beta-button{padding:8px 12px}}

/* Short screens keep the optional choice in the page flow so it cannot cover practice. */
@media(max-height:760px){.beta-consent{position:relative;inset:auto;transform:none;width:auto;margin:18px 14px 0;box-shadow:none}.beta-consent-visible{padding-bottom:0}}
.beta-footer{font-size:14px;gap:4px 12px}.beta-owner{flex-basis:100%;text-align:center;font-size:12px;padding:10px 0 0;order:2}
.beta-agreement input{margin-right:8px}.beta-agreement a{margin-left:8px}.beta-agreement{font-size:13px}

/* Article lesson entry keeps the optional choice in the page, below its controls. */
#lesson-entry-consent{grid-column:1 / -1;min-width:0}
#lesson-entry-consent .beta-consent{position:relative;inset:auto;transform:none;width:auto;margin:18px 0 0;z-index:auto;box-shadow:none;text-align:left}
body.beta-consent-inline{padding-bottom:0}
.beta-migration{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;padding:18px 24px;background:#20211c;border-bottom:1px solid #746348;color:#f0eee7;font:14px/1.6 "Helvetica Neue",Arial,"Yu Gothic",sans-serif}.beta-migration>div{margin-right:12px}.beta-migration strong,.beta-migration span{display:block}.beta-migration strong{font-size:17px;font-weight:500}.beta-migration span{color:#b3b4a9;font-size:13px}.beta-migration a{text-decoration:none;display:inline-flex;align-items:center}.beta-migration button{background:transparent}.beta-migration a:focus-visible,.beta-migration button:focus-visible{outline:2px solid #e0c591;outline-offset:3px}@media(max-width:600px){.beta-migration{justify-content:flex-start;padding:16px}.beta-migration>div{flex-basis:100%}.beta-migration .beta-button{flex:1;text-align:center;justify-content:center}}
