/* Public companion to the member workspace. Never loaded by index.php. */
.r2r-public main {max-width:960px;}
.r2r-public main:has(#username), .r2r-public main:has(input[type="email"]),
.r2r-public main:has(input[type="password"]) {max-width:640px;}
.r2r-public main form {max-width:460px; margin:24px auto; align-items:stretch; gap:6px;}
.r2r-public main label {margin:8px 0 2px; text-align:left;}
.r2r-public main input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.r2r-public main select, .r2r-public main textarea {width:100%; max-width:none; margin-bottom:12px;}
.r2r-public main button[type="submit"], .r2r-public main input[type="submit"] {background:#d4f542; border-color:#d4f542; color:#202020; margin:14px 0;}
.r2r-public main button[type="submit"]:hover {background:#e2fa85; border-color:#e2fa85;}
.r2r-public main a[style*="color:white"] {color:#d4f542 !important;}
.r2r-public #intro {background:#303030; border:1px solid #484848; padding:28px; text-align:left;}
.r2r-public #intro h2 {font-size:26px;}
.r2r-public #intro p {font-size:16px;}
.r2r-public #intro .highlight {color:#d4f542;}
.r2r-public .faq-container {color:#ededed; font-family:inherit;}
.r2r-public .faq-accordion {background:#303030; color:#ededed; border:1px solid #505050; border-left:3px solid #d4f542; border-radius:4px 4px 0 0; text-transform:none; padding:16px;}
.r2r-public .faq-accordion.active, .r2r-public .faq-accordion:hover {background:#3b3b3b; border-color:#d4f542; color:#fff;}
.r2r-public .faq-accordion::before, .r2r-public .faq-accordion.active::before {color:#d4f542;}
.r2r-public .faq-panel {background:#292929; color:#dedede; border:1px solid #505050; border-top:0; border-left:3px solid #d4f542;}
.r2r-public .faq-accordion:hover + div {border-bottom-color:#505050;}
.r2r-public main > center {max-width:100%;}
.r2r-public main div[style*="padding:40px"] {padding:12px !important; background:transparent !important;}
.r2r-public main h1, .r2r-public main h2, .r2r-public main li {overflow-wrap:anywhere;}
.r2r-public .g-recaptcha {margin:10px 0; max-width:100%;}
@media(max-width:360px) {
 .r2r-public .g-recaptcha {transform:scale(.80); transform-origin:top left; width:304px; margin-bottom:-10px;}
 .r2r-public #intro {padding:18px;}
}