#course-account[hidden]{display:none;}
#course-account{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;color:#8b4a2b;font:inherit;flex-wrap:wrap;}
#course-account-email{overflow-wrap:anywhere;}
#course-account.signed-in #course-logout{font:inherit;color:inherit;border:0;background:none;border-radius:0;padding:0;width:auto;min-width:0;}
#course-logout{font:inherit;width:79px;min-width:79px;margin-left:auto;color:#8b4a2b;border:1px solid #dfaa72;background:#fff8ef;border-radius:8px;padding:6px 12px;cursor:pointer;}
#course-account-status:empty{display:none;}
@media(max-width:600px){
  #course-account:not(.signed-in) #course-logout{width:55px;min-width:55px;font-size:.7em;padding:4px 8px;border-radius:6px;}
}
#course-unlock-dialog{box-sizing:border-box;width:min(440px,calc(100% - 32px));min-height:min(379px,calc(100vh - 32px));max-height:calc(100% - 32px);overflow:auto;border:1px solid #dfaa72;border-radius:18px;padding:28px;background:#fff8ef;color:#8b4a2b;font:inherit;text-align:center;box-shadow:0 12px 40px #0003;}
#course-unlock-dialog::backdrop{background:#0006;}
#course-unlock-dialog h2{font-size:24px;margin:12px 0;}
.course-unlock-price{font-size:32px;font-weight:700;margin:12px 0;}
.course-unlock-close{position:absolute;right:12px;top:8px;border:0;background:transparent;color:#8b4a2b;font-size:28px;cursor:pointer;}
.course-unlock-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}
.course-unlock-actions button,.course-unlock-actions a{font:inherit;border:1px solid #8b4a2b;border-radius:10px;padding:10px 16px;text-decoration:none;cursor:pointer;}
.course-unlock-actions button{background:#8b4a2b;color:white;}
.course-unlock-actions a{background:#fff;color:#8b4a2b;}
.course-unlock-login-note{font-size:14px;}