/* Our Roots: styles for the controls that the page scripts build, and for the few page parts
   that only the pages with those scripts have. Everything here is prefixed rr- or scoped to it;
   site.css holds the look shared by every page. */

[hidden]{display:none!important}
.rr-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.rr-name,.rr-body,.rr-row-text,.rr-link-line a{overflow-wrap:anywhere}
.rr-body{white-space:pre-wrap}
.rr-api button:disabled{opacity:.6;cursor:not-allowed}

/* ---------- forms (look matches .feedback-panel) ---------- */
.rr-form{margin:0}
.rr-field{margin:0 0 13px;min-width:0}
.rr-form .rr-label{display:block;font-size:11px;font-weight:600;color:#656565;line-height:1.4}
.rr-form input:not([type=checkbox]):not([type=radio]),.rr-form select,.rr-form textarea{display:block;width:100%;max-width:100%;margin:6px 0 0;padding:11px;border:1px solid #d1d1d1;border-radius:7px;background:#fff;color:var(--ink);font:12px 'DM Sans',sans-serif;min-height:40px}
.rr-form textarea{min-height:88px;resize:vertical;line-height:1.55}
.rr-form input[aria-invalid=true],.rr-form select[aria-invalid=true],.rr-form textarea[aria-invalid=true]{border-color:#a63e4c}
.rr-form .rr-check{display:flex;align-items:flex-start;gap:8px;font-size:11px;font-weight:400;line-height:1.55;color:#656565;cursor:pointer}
.rr-form .rr-check input{display:inline-block;flex:0 0 auto;width:16px;height:16px;min-height:0;margin:1px 0 0;padding:0}
.rr-hint{display:block;margin-top:5px}
.rr-field-error{font-size:11px;font-weight:600;color:#8a2f3c;margin-top:4px}
.rr-field-error:empty{display:none}
.rr-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rr-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0}
.rr-actions .mini-submit,.rr-show-password{padding:8px;font-size:11px;color:var(--green);text-decoration:underline}
.rr-show-password{display:inline-block;margin-top:2px}
.rr-counter{text-align:right;margin:-8px 0 8px}
.rr-status{min-height:0;line-height:1.5}
.rr-status:empty{display:none}
.rr-status.rr-error{color:#8a2f3c;font-weight:600}
.rr-status:focus{outline-offset:2px}
button.rr-danger,.btn.rr-danger{border:0;border-radius:7px;background:#a63e4c;color:#fff;padding:9px 12px;font-size:11px;font-weight:600}
.rr-danger-text{color:#8a2f3c!important}
.rr-confirm{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;color:var(--ink)}
.rr-more{display:flex;margin:12px auto}
.rr-legal a,.rr-done a,.login-gate.compact a{text-decoration:underline}
.rr-legal a{color:var(--green);font-weight:700}

/* ---------- header ---------- */
@media(min-width:901px){.rr-api header nav{gap:16px}}
.rr-account-menu{position:relative;flex-shrink:0}
.rr-account-menu summary{list-style:none;cursor:pointer;border-radius:50%}
.rr-account-menu summary::-webkit-details-marker{display:none}
.rr-avatar-small{flex-basis:34px;width:34px;height:34px;font-size:10px}
.rr-account-links{position:absolute;right:0;top:44px;z-index:60;width:min(250px,calc(100vw - 34px));background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow);padding:8px}
.rr-account-links a,.rr-menu-button{display:block;width:100%;padding:11px;border:0;border-bottom:1px solid #ffffff;border-radius:0;background:none;text-align:left;font:inherit;font-size:13px;color:var(--ink);cursor:pointer}
.rr-account-links>:last-child,.mobile-menu-links>.rr-menu-button:last-child{border-bottom:0}
.rr-account-links .rr-name,.mobile-menu-links .rr-name{display:block;margin-top:3px;font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rr-mod-count{font-weight:700}
@media(max-width:520px){.rr-account-menu{display:none}}

/* ---------- account page ---------- */
.rr-card{min-width:0}
.rr-card p{min-height:0}
.rr-span{grid-column:1/-1}
.rr-signed-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 15px;border-radius:9px;background:#ffffff;font-size:12px}
.rr-signed-bar .rr-status{flex-basis:100%;margin:0}
.rr-row{border-top:1px solid var(--line);padding:10px 0}
.rr-row-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:10px;color:#6e6e6e}
.account-card .rr-row-text{margin:6px 0;font-size:12px;line-height:1.6;color:var(--ink)}
.rr-delete-form{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.callout.rr-span{margin:0}

/* ---------- posts, comments, events ---------- */
.rr-status-tag{background:#f6ead9;color:#74450f;font-weight:700}
.rr-status-rejected,.rr-status-removed{background:#f7e1e4;color:#8a2f3c}
.rr-status-approved{background:#ffffff;color:#0b2d43}
.rr-post-title{font:600 14px/1.45 'DM Sans',sans-serif;margin:10px 0 4px}
.rr-post-actions{flex-wrap:wrap;align-items:center;gap:6px 14px}
.rr-post-actions button[aria-pressed=true]{color:var(--rust)}
.rr-count{font-size:10px;color:#767676}
.rr-comment-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.rr-comment-form{margin-top:10px}
.rr-report{margin:10px 0;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--baby-blue)}
.rr-topic-filter span{cursor:pointer}
.rr-topic-filter span[aria-pressed=true]{background:var(--green);color:#fff}
.composer.rr-form .composer-top{margin-bottom:12px}
.rr-event-tabs{margin-top:12px}
.event-card-actions{flex-wrap:wrap}
.event-card-top .rr-status-tag{margin-left:auto}
.event-host>.rr-form{margin-top:12px}
.event-card .rr-link-line{margin:7px 0}
.rr-link-line a{color:var(--green);text-decoration:underline}

/* ---------- policy pages (terms, privacy, guidelines): links in running text must look like links ---------- */
.policy-page p a:not(.btn):not(.outline),.policy-page li a:not(.btn):not(.outline),.policy-page td a,.policy-page dd a,.policy-page .callout a:not(.btn):not(.outline),.policy-page .list a:not(.btn):not(.outline){color:var(--green);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.policy-page a:hover{color:var(--rust)}
.policy-page a:focus-visible{outline:3px solid #a63e4c;outline-offset:2px;border-radius:2px}

/* ---------- moderation page ---------- */
#moderation{padding:0 0 48px}
.rr-mod-tabs{overflow-x:auto}
.rr-mod-tabs .community-tab{white-space:nowrap}
.rr-section-title{font:600 23px 'Playfair Display',serif;margin:6px 0 12px}
.rr-group-title{font:600 17px 'Playfair Display',serif;margin:20px 0 8px}
.rr-filter{max-width:320px}
.rr-target{margin:8px 0;padding:11px}
.rr-target .rr-body,.question-card>.rr-body{font-size:12px;line-height:1.6;color:var(--ink);margin:6px 0}
.rr-context{margin-top:6px}
.rr-pairs .rr-pair{margin-right:12px;white-space:nowrap}
.rr-table-wrap{overflow-x:auto;margin-bottom:13px;border:1px solid var(--line);border-radius:11px;background:#fff}
.rr-table{width:100%;border-collapse:collapse;font-size:11px}
.rr-table th,.rr-table td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.rr-table thead th{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#6e6e6e;white-space:nowrap}
.rr-table tbody tr:last-child>*{border-bottom:0}
.rr-table:not(.rr-has-email) .rr-email-cell{display:none}
.rr-member-actions{min-width:190px}
.rr-member-actions .outline{padding:8px 11px}
.rr-role-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px;margin-top:8px}
.rr-role-form .rr-field{margin:0;flex:1 1 110px}
.rr-invite-form{max-width:520px;margin-bottom:16px;padding:17px;border:1px solid var(--line);border-radius:11px;background:#fff}
.rr-invite-code{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.rr-code{font:600 13px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}
.rr-invite-code .rr-code{font-size:16px;letter-spacing:.06em;user-select:all}

@media(max-width:520px){.rr-form-row{grid-template-columns:1fr}.rr-form input:not([type=checkbox]):not([type=radio]),.rr-form select,.rr-form textarea{font-size:13px}}

/* ---------- photos on stories (community.js, moderate.js) ---------- */
.rr-photo-grid{display:grid;grid-template-columns:1fr;gap:6px;margin:12px 0}
.rr-photo-grid.rr-photo-many{grid-template-columns:1fr 1fr}
.rr-photo-grid .real-photo{margin:0;min-width:0}
.rr-photo-grid .real-photo a{display:block;border-radius:8px}
.rr-photo-grid .real-photo a:focus-visible{outline:3px solid #a63e4c;outline-offset:2px}
.rr-photo-grid .real-photo img{height:auto;max-height:420px}
.rr-photo-many .real-photo img{aspect-ratio:4/3;max-height:none}
.rr-photo-many>:first-child:nth-last-child(3){grid-column:1/-1}
.rr-photo-many>:first-child:nth-last-child(3) img{aspect-ratio:16/9}
.rr-photo-withheld{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0;min-height:72px;padding:12px;border:1px dashed #d1d1d1;border-radius:8px;background:var(--baby-blue);font-size:11px;line-height:1.5;color:#6e6e6e}

/* ---------- choosing photos for a new story (community.js) ---------- */
.rr-photos{margin:0 0 13px}
.rr-photos .rr-field{margin-bottom:6px}
.rr-form input[type=file]{padding:8px;cursor:pointer}
.rr-photo-count{margin:0 0 6px}
.rr-photos .rr-legal{margin:6px 0 0}
.rr-photo-list{display:grid;gap:10px;margin:8px 0}
.rr-photo-list:empty{display:none}
.rr-photo-item{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:start;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--baby-blue)}
.rr-photo-preview{display:block;width:96px;height:96px;object-fit:cover;border-radius:7px;background:#e9e9e9}
.rr-photo-number{display:block;margin-bottom:6px;font-size:11px}
.rr-photo-fields{min-width:0}
.rr-photo-fields .rr-field{margin-bottom:6px}
@media(max-width:520px){.rr-photo-item{grid-template-columns:72px minmax(0,1fr)}.rr-photo-preview{width:72px;height:72px}}

/* ---------- account page: directory and messages links, blocked people ---------- */
.rr-row>strong{display:block;font-size:12px;color:var(--ink)}
.rr-link-row .link{display:inline-block;font-size:12px;font-weight:600;color:var(--green);text-decoration:underline;text-underline-offset:2px}

/* ---------- moderation page: notices, reported profiles and messages ---------- */
.rr-detail strong{font-weight:600}
.rr-message-note{margin:0 0 8px;padding:8px 10px;border-radius:7px;background:#f6ead9;color:#74450f;font-size:11px;font-weight:700;line-height:1.5}

/* ---------- header: Messages link and unread marks (session.js) ---------- */
.rr-unread-count{font-weight:700}
.rr-account-menu summary,.rr-api .mobile-menu summary{position:relative}
.rr-unread-dot{position:absolute;top:-3px;right:-3px;width:11px;height:11px;border:2px solid var(--cream);border-radius:50%;background:#a63e4c}

/* ---------- people page: directory, your profile, notices (people.js) ---------- */
.rr-api .directory-preview>*{min-width:0}
.rr-link{color:var(--green);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.rr-people-gate .btn{margin-top:2px}
.rr-search{margin:14px 0 8px;padding:13px 13px 7px;border-radius:9px;background:#ffffff}
.rr-search-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:0 10px}
.rr-search .rr-actions{margin:0 0 6px}
.rr-people-list,.rr-notice-list{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:12px}
.rr-people-list:empty,.rr-notice-list:empty{display:none}
.rr-person-head{display:flex;align-items:center;gap:11px}
.rr-person-title{display:flex;flex-wrap:wrap;align-items:center;gap:5px 8px;min-width:0}
.rr-person h3{margin:0;font:600 17px/1.35 'Playfair Display',serif}
.rr-facts{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:9px;font-size:11px;line-height:1.5;color:#6e6e6e}
.rr-person .rr-body,.rr-notice .rr-body{margin:10px 0 0;font-size:12px;line-height:1.65;color:var(--ink)}
.rr-person .rr-person-line,.rr-notice .rr-person-line{margin:8px 0 0;font-size:11px;line-height:1.6;color:#6e6e6e}
.rr-person-line strong{font-weight:600;color:var(--ink)}
.rr-you{background:#f6ead9;color:#74450f;font-weight:700}
.rr-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:12px}
.rr-card-actions .mini-submit,.rr-thread-tools .mini-submit,.rr-message-actions .mini-submit{padding:8px;font-size:11px;color:var(--green);text-decoration:underline}
.rr-small-button{padding:8px 11px;font-size:11px}
.rr-card-actions .rr-link{font-size:11px}
.rr-profile-card .section-head{gap:10px}
@media(min-width:521px){.rr-profile-card .section-head{align-items:center}}
.section-head .rr-profile-state{flex-shrink:0;font-size:9px;font-weight:700;background:#f6ead9;color:#74450f}
.section-head .rr-profile-state.rr-listed{background:#ffffff;color:#0b2d43}
.rr-profile-form .rr-counter{margin:4px 0 0}
.rr-notice{min-width:0;padding:16px;border:1px solid var(--line);border-radius:9px;background:#fff}
.rr-notice.rr-highlight{border-color:var(--green);box-shadow:0 0 0 3px var(--lime)}
.rr-notice-top{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.rr-notice h3{margin:7px 0 2px;font:600 20px/1.3 'Playfair Display',serif}
.rr-notice-meta{display:flex;flex-wrap:wrap;gap:3px 14px;margin-top:10px;color:#6e6e6e}
.rr-notice-form{margin-top:14px;padding:16px;border:1px solid var(--line);border-radius:9px;background:var(--baby-blue)}
.rr-form-title{margin:0 0 12px;font:600 19px 'Playfair Display',serif}

/* ---------- messages page (messages.js) ---------- */
#messages{max-width:760px;padding:0 0 48px}
.rr-back{display:inline-block;font-size:12px}
.rr-conversations{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-bottom:12px}
.rr-conversation{display:flex;align-items:center;gap:12px;min-width:0;padding:13px 15px;border:1px solid var(--line);border-radius:11px;background:#fff}
a.rr-conversation:hover{border-color:#bfbfbf;box-shadow:var(--shadow)}
.rr-conversation.rr-has-unread{border-color:#646464}
.rr-conversation-text{flex:1 1 auto;min-width:0}
.rr-conversation-text strong{display:block;font-size:13px}
.rr-conversation-text small{display:block;margin-top:3px;font-size:10px;line-height:1.5;color:#6e6e6e}
.rr-unread-badge{flex-shrink:0;background:#a63e4c;color:#fff;font-weight:700}
.rr-conversation-view{margin:10px 0 14px;padding:17px;border:1px solid var(--line);border-radius:11px;background:#fff}
.rr-thread-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.rr-thread-title{flex:1 1 180px;min-width:0}
.rr-thread-title h2{margin:0;font:600 21px/1.3 'Playfair Display',serif}
.rr-thread-title .rr-facts{margin-top:5px}
.rr-thread-tools{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.rr-earlier{display:flex;margin:12px auto 0}
.rr-thread{display:flex;flex-direction:column;gap:12px;max-height:min(62vh,560px);margin:12px 0;padding:4px 6px 4px 2px;overflow-y:auto;list-style:none}
.rr-message{flex-shrink:0;align-self:flex-start;min-width:0;max-width:min(82%,520px)}
.rr-message.rr-mine{align-self:flex-end}
.rr-message-meta{margin:0 2px 3px;font-size:10px;line-height:1.5;color:#6e6e6e}
.rr-mine .rr-message-meta{text-align:right}
.rr-message-who{font-weight:700}
.rr-bubble{padding:10px 13px;border-radius:4px 13px 13px 13px;background:#ffffff;color:var(--ink)}
.rr-mine .rr-bubble{border-radius:13px 4px 13px 13px;background:var(--green);color:#fff}
.rr-bubble .rr-body{margin:0;font-size:13px;line-height:1.6}
.rr-message-actions{display:flex;flex-wrap:wrap;gap:4px}
.rr-mine .rr-message-actions{justify-content:flex-end}
.rr-thread-empty{margin:14px 0}
.rr-writing{padding-top:13px;border-top:1px solid var(--line)}
.rr-writing .rr-counter{margin:-8px 0 4px}
.rr-cannot-send{margin:0}
.rr-message-safety{margin:0 0 25px}
@media(max-width:520px){.rr-search-row{grid-template-columns:1fr}.rr-conversation-view{padding:13px}.rr-message{max-width:92%}.rr-thread-tools{flex-basis:100%}}

/* ---------- groups of checkboxes and radio buttons (session.js checkGroup, people.js) ---------- */
fieldset.rr-field{border:0;padding:0;min-inline-size:0}
fieldset.rr-field>legend{padding:0;margin-bottom:6px}
fieldset.rr-field[aria-invalid=true]{outline:1px solid #a63e4c;outline-offset:4px;border-radius:4px}
.rr-check-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px 12px;margin-top:6px}

/* ---------- profile avatar and photo (session.js profileAvatar) ---------- */
.rr-avatar-letter{font-size:15px}
.rr-avatar-green{background:#0b2d43;color:#fff}
.rr-avatar-rust{background:#a63e4c;color:#fff}
.rr-avatar-gold{background:#8a6510;color:#fff}
.rr-avatar-blue{background:#2f5d8a;color:#fff}
.rr-avatar-plum{background:#6d3b6b;color:#fff}
.rr-avatar-slate{background:#4a5560;color:#fff}
img.rr-avatar-photo{display:block;object-fit:cover;padding:0}
.rr-avatar-large{flex-basis:72px;width:72px;height:72px;font-size:24px}

/* ---------- people page: profile details, each with its audience (people.js) ---------- */
.rr-people-side{min-width:0}
.rr-person .rr-intro{margin:9px 0 0;font-size:13px;line-height:1.55;color:var(--ink);overflow-wrap:anywhere}
.rr-detail-row{display:grid;grid-template-columns:minmax(0,1fr) 128px;gap:0 10px;align-items:start}
.rr-detail-row .rr-audience{margin-bottom:13px}
.rr-avatar-options{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:8px}
.rr-avatar-option{display:flex;align-items:center;gap:6px;font-size:11px;color:#656565;cursor:pointer}
.rr-avatar-option input{width:16px;height:16px;margin:0}
.rr-avatar-option .avatar{flex-basis:30px;width:30px;height:30px;font-size:12px}
.rr-profile-photo:empty{display:none}
.rr-profile-photo{margin-bottom:8px}
.rr-photo-block .rr-field{margin-bottom:4px}
.rr-notice-label{font-size:11px;font-weight:700;color:#6e6e6e}
.public-event-note a,.placeholder a.rr-link{color:var(--green);font-weight:700;text-decoration:underline;text-underline-offset:2px}
@media(max-width:520px){.rr-detail-row{grid-template-columns:1fr}.rr-detail-row .rr-audience{margin-top:-6px}}

/* ---------- account page: static notes, invitations, asking for an invite (account.js) ---------- */
.rr-account-notes{padding-top:0}
.rr-invite-summary p{margin:8px 0;font-size:12px;line-height:1.6;color:var(--ink)}
.rr-invite-line{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:6px 0;font-size:12px;color:var(--ink)}
.rr-invite .rr-code{user-select:all}
.rr-invite-link{font-size:11px;font-weight:400}
.rr-invite-line .mini-submit{padding:6px;font-size:11px;color:var(--green);text-decoration:underline}
.rr-waitlist-form{margin-top:10px}

/* ---------- community page: filters, answers, sharing, volunteers (community.js) ---------- */
.rr-api .question-toolbar{flex-wrap:wrap;align-items:flex-end;gap:8px 14px}
.rr-question-filters{display:flex;flex-wrap:wrap;gap:0 10px}
.rr-question-filters .rr-field{margin:0;min-width:120px}
.rr-question-filters select{min-height:34px;padding:7px}
.rr-answer-about{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:5px 0 2px;font-size:10px;color:#6e6e6e}
.rr-answer-about a{color:var(--green);font-weight:700;text-decoration:underline}
.rr-share-link{display:block;margin:6px 0;font-size:11px;font-weight:400;user-select:all}
.social-post.rr-highlight,.question-card.rr-highlight{border-color:var(--green);box-shadow:0 0 0 3px var(--lime)}
.rr-volunteers{margin-top:22px}
.rr-volunteers .rr-group-title{margin:18px 0 8px}
.rr-volunteer-details{margin:10px 0}
.rr-volunteer-details>summary{font-size:12px;font-weight:700;color:var(--green);cursor:pointer}
.rr-volunteer-form{margin-top:12px;padding:14px;border-radius:9px;background:#ffffff}
.rr-volunteer-state{margin:10px 0 0}
.rr-volunteer h4{margin:0;font:600 16px/1.35 'Playfair Display',serif}
.rr-volunteer .rr-person-line{margin:7px 0 0;font-size:11px;line-height:1.7;color:#6e6e6e}
.rr-volunteer .rr-person-line .tag{margin:0 4px 3px 0}
.rr-volunteer .rr-body{margin:8px 0 0;font-size:12px;line-height:1.6;color:var(--ink)}
.rr-volunteer-waiting .question-list{margin-top:8px}

/* section headings inside the boxes of the account and events pages */
.split .list>h2{font:600 21px 'Playfair Display',serif;margin:0 0 8px}

/* ---------- events page: group calls, who sees the link, guests (events.js) ---------- */
.rr-event-tabs .rr-calls-only{margin-left:auto}
.rr-access-help{margin:6px 0 0;padding-left:17px}
.rr-access-help li{margin-bottom:2px}
.rr-link-hidden{font-weight:600;color:#74450f}
.rr-guests{margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--baby-blue)}
.rr-guests .small-note{margin:0 0 6px}
.rr-guest .tag{margin-left:4px}

/* ---------- suggestions page: the form sits in the page's own panel (feedback.js) ---------- */
.feedback-panel .rr-form{margin-top:14px}
.feedback-panel .rr-form label{margin-bottom:0}

/* ---------- moderation page: waiting list ---------- */
.rr-waitlist-result{margin:10px 0;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--baby-blue)}
.rr-waitlist-result .placeholder{margin:8px 0 0}

/* ---------- 2026-11 changes: home headline, videos, live topics, public groups, corrections ---------- */
.hero h1{font-size:clamp(34px,4.3vw,51px)}
.rr-video-frame{margin:12px 0;min-width:0}
.rr-video{display:block;width:100%;max-height:480px;border-radius:8px;background:#0b2d43}
.rr-video-frame figcaption{margin-top:5px}
.rr-video-item{margin:8px 0;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--baby-blue)}
.rr-video-item p{margin:0 0 8px}
.rr-topic-filter span .rr-num{opacity:.75;margin-left:2px}
.rr-topic-filter:empty{display:none}
.rr-in-group{margin:0 0 8px}
.rr-in-group a,.rr-group-head a.link,.rr-visit a.link{color:var(--green);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.rr-group-list{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:14px}
.rr-group .rr-body,.rr-group-head .rr-body{margin:6px 0}
.rr-group .outline{padding:8px 12px;font-size:11px}
.rr-group-head{margin-bottom:14px}
.rr-group-head h2{font:600 22px 'Playfair Display',serif;margin:0}
.rr-group-start{margin:12px 0}
.rr-group-start>summary{cursor:pointer;font-weight:700;color:var(--green);font-size:12px}
.rr-group-start>.rr-form{margin-top:12px}
.rr-groups>p{font-size:12px;line-height:1.7;color:var(--muted)}
.rr-groups h2{font:600 21px 'Playfair Display',serif;margin:0 0 10px}
#startCall{margin-top:12px}
#startCall .btn{display:inline-block}
.rr-visit{margin-top:10px}
.rr-correction{margin:8px 0 40px;padding:20px;border:1px solid var(--line);border-radius:11px;background:#fff}
.rr-correction h2{font:600 21px 'Playfair Display',serif;margin:0 0 8px}
.rr-correction>p{font-size:12px;line-height:1.7;color:var(--muted);max-width:760px}
.rr-correction .rr-form{max-width:640px;margin-top:12px}
.rr-correction a.outline{display:inline-block}
.rr-steps{margin:0;padding-left:20px;font-size:12px;line-height:1.75;color:var(--muted)}
.rr-steps li{margin:0 0 9px}
.rr-steps strong{color:var(--ink)}
.rr-join{border:1px solid var(--green);border-radius:7px;background:#fff;color:var(--green);padding:8px 12px;font-size:11px;font-weight:600;cursor:pointer}
.rr-join[aria-pressed=true]{background:#ffffff}
.rr-group .small-note,.rr-group-head .small-note{margin:6px 0}