/* Account-creation walkthrough video: sign-in page card + pop-up, guide page block (inc/account-video.php). */

/* Sign-in page card */
.aoa-vcard{display:flex;align-items:center;gap:14px;width:100%;box-sizing:border-box;padding:10px;margin:0 0 20px;background:var(--charcoal-2);border:1px solid var(--line);border-radius:var(--radius);color:var(--white);text-decoration:none;transition:border-color var(--ease);}
.aoa-vcard:hover,.aoa-vcard:focus-visible{border-color:var(--gold);}
.aoa-vthumb{position:relative;flex:none;width:112px;height:63px;overflow:hidden;border-radius:var(--radius);}
.aoa-vthumb img{width:100%;height:100%;object-fit:cover;display:block;}
.aoa-vplay{position:absolute;left:50%;top:50%;width:32px;height:32px;margin:-16px 0 0 -16px;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;}
.aoa-vk{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);line-height:1.4;}
.aoa-vt{display:block;font-size:14px;font-weight:700;line-height:1.35;margin-top:2px;}
.aoa-vs{display:block;font-size:12px;color:rgba(247,247,244,.6);line-height:1.35;margin-top:2px;}
.auth-card.is-signin-only .aoa-vcard{display:none !important;}

/* Which cut shows: vertical on phones (the phone layout), landscape everywhere else */
.aoa-v{display:block;background:#000;border:1px solid rgba(217,166,62,.35);}
.aoa-v-phone{display:none;}
@media (max-width:640px){
  .aoa-v-phone{display:block;}
  .aoa-v-desk{display:none;}
}

/* Pop-up player */
.aoa-vdialog{position:fixed;inset:0;width:100vw;height:100vh;max-width:100vw;max-height:100vh;margin:0;padding:0;border:0;background:transparent;color:var(--white);overflow:auto;}
.aoa-vdialog::backdrop{background:rgba(5,5,5,.93);}
.aoa-vd-inner{min-height:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:16px;}
.aoa-vd-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(1040px,100%);}
.aoa-vd-title{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);}
.aoa-vd-close{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;background:var(--charcoal-2);border:1px solid rgba(247,247,244,.2);border-radius:var(--radius);color:var(--white);font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;}
.aoa-vd-close:hover{border-color:var(--gold);}
.aoa-vdialog .aoa-v-desk{width:min(1040px,100%);height:auto;aspect-ratio:16/9;}
.aoa-vdialog .aoa-v-phone{height:min(76vh,calc((100vw - 32px) * 16 / 9));width:auto;max-width:100%;aspect-ratio:9/16;}
.aoa-vd-read{font-size:12.5px;font-weight:700;color:var(--ink-70);text-decoration:none;}
.aoa-vd-read:hover{color:var(--gold);}
body.aoa-vd-open{overflow:hidden;}

/* Guide page block */
.aoa-vguide{max-width:640px;margin:28px auto 0;padding:0 20px;display:flex;flex-direction:column;align-items:center;gap:12px;scroll-margin-top:24px;}
.aoa-vguide .aoa-v-desk{width:100%;height:auto;aspect-ratio:16/9;}
.aoa-vguide .aoa-v-phone{width:min(100%,320px);height:auto;aspect-ratio:9/16;}
.aoa-vnote{font-size:12.5px;color:rgba(247,247,244,.6);margin:0;text-align:center;}
.aoa-vread{font-size:13px;font-weight:700;color:var(--gold);margin:10px 0 0;text-align:center;}