#rtc-account-dialog{box-sizing:border-box;width:min(760px,94vw);max-width:94vw;height:min(850px,calc(var(--ram-height,100dvh) - 28px));max-height:calc(var(--ram-height,100dvh) - 28px);border:1px solid #d8cbb9;border-radius:22px;background:#fcfaf7;padding:20px;color:#584c3f;overflow:hidden}#rtc-account-dialog[open]{display:flex;flex-direction:column;gap:12px}#rtc-account-dialog::backdrop{background:#29251f88}#rtc-account-dialog .ram-head{display:flex;align-items:center;justify-content:space-between;gap:12px}#rtc-account-dialog h2{font-size:25px;margin:0}#rtc-account-dialog .ram-head button{flex:0 0 44px;width:44px;height:44px;border:0;border-radius:50%;background:#eee5d8;color:#584c3f;font-size:28px}#rtc-account-dialog iframe{width:100%;flex:1;min-height:120px;border:0;background:#fcfaf7}#rtc-account-dialog iframe[hidden]{display:none}#rtc-account-dialog>p:empty{display:none}#rtc-account-dialog>a{font-size:13px;text-decoration:underline;text-underline-offset:3px}.ram-embedded{margin:0!important;background:#fcfaf7!important}.ram-embedded main{padding:14px!important;margin:0!important;width:100%!important;box-sizing:border-box}.ram-embedded .rt-account{padding:0;border:0;background:transparent}.ram-embedded .rt-account>h1{display:none}.ram-embedded .rt-columns{display:flex;flex-direction:column}.ram-embedded[data-mode=register] .rt-columns>div:first-child{display:none}.ram-embedded[data-mode=login] .rt-columns>div:nth-child(2){display:none}.ram-embedded input,.ram-embedded select{font-size:16px!important;box-sizing:border-box;max-width:100%}.ram-tabs{display:flex;gap:12px;flex-wrap:wrap}.ram-tabs a{padding:12px 16px;text-decoration:none;border:1px solid #d8cbb9;border-radius:24px;color:#584c3f}.ram-tabs [aria-current]{background:#e9ddcc;font-weight:600}.ram-embedded .rt-account h2{font-size:23px}.ram-embedded .rt-account form{min-width:0}@media(max-width:600px){#rtc-account-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);padding:12px;border-radius:16px;margin:8px auto;position:fixed;top:var(--ram-top,0px)}#rtc-account-dialog h2{font-size:21px}.ram-embedded main{padding:8px!important}}

/* Compact account type selector; text fields keep their mobile-safe font size. */
.ram-embedded .rta-profile{margin:12px 0 18px;padding:8px 12px;border:1px solid #d8cbb9;border-radius:12px;min-width:0;color:#584c3f}
.ram-embedded .rta-profile legend{padding:0 4px;font-size:13px;line-height:1.4;font-weight:500;max-width:100%}
.ram-embedded .rta-profile>div{display:flex;flex-wrap:wrap;gap:4px 18px}
.ram-embedded .rta-profile label{display:flex;align-items:center;gap:8px;min-height:44px;margin:0;font-size:14px;line-height:1.4;cursor:pointer}
.ram-embedded .rta-profile input[type=radio]{appearance:auto;display:inline-block;box-sizing:border-box;width:18px;height:18px;min-width:18px;min-height:18px;max-width:18px;flex:0 0 18px;padding:0;margin:0;accent-color:#887158}

/* Mobile: one full-screen form, sized to the area above the keyboard. */
@media(max-width:600px){#rtc-account-dialog{inset:auto;left:0;top:var(--ram-top,0px);margin:0;width:100%;max-width:100%;height:var(--ram-height,100dvh);max-height:var(--ram-height,100dvh);border:0;border-radius:0;padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom))}#rtc-account-dialog[open]{gap:6px}#rtc-account-dialog .ram-head{flex:none}#rtc-account-dialog h2{font-size:20px}#rtc-account-dialog iframe{min-height:0;flex:1 1 0}#rtc-account-dialog>a{font-size:12px;flex:none}.ram-embedded main{padding:4px!important}.ram-embedded .ram-tabs{gap:6px;margin:0 0 10px}.ram-embedded .ram-tabs a{padding:8px 12px}.ram-embedded .rt-account h2{font-size:20px}.ram-embedded input{scroll-margin-block:12px}}
html.ram-open,html.ram-open body{overflow:hidden!important}

.ram-page main{max-width:640px!important;margin:0 auto!important;padding:18px 16px 32px!important}.ram-page .ram-back{display:inline-block;margin-bottom:16px;text-decoration:underline;text-underline-offset:3px}.ram-page .ram-tabs{margin:0 0 16px}.ram-page .rt-account h2{margin:12px 0;font-size:24px}.ram-page main>p{display:none}.ram-page .rt-account label{margin-bottom:10px}.ram-page .rt-account input:not([type=radio]):not([type=checkbox]){min-height:44px;padding:10px}.ram-page .rta-profile{padding:10px;margin:12px 0}.ram-page .rta-profile legend{font-size:14px}.ram-page .rta-profile>div{display:flex;gap:16px}.ram-page .rt-account h3{font-size:17px;margin:16px 0 10px}.ram-page details{margin:10px 0}.ram-page summary{cursor:pointer;text-decoration:underline}
