/* 110 — event components. The shared theme tokens remain the single source of
   colour, fonts and backgrounds. No reader, progress or bottom-nav selectors. */
html.registration-site{--r-control-radius:15px;--r-card-radius:16px;scrollbar-gutter:stable}
html.registration-site[data-b27-skin="story"]{--r-control-radius:10px;--r-card-radius:12px}
html.registration-site[data-b27-skin="eden"]{--r-control-radius:20px;--r-card-radius:16px}
html.registration-site[data-b27-skin="iskra"]{--r-control-radius:10px;--r-card-radius:12px}
html.registration-site ::selection{background:var(--r-primary);color:var(--r-on-primary)}
html.registration-site .r-field :is(input,textarea){caret-color:var(--r-link)}
html.registration-site .r-sheet-scroll{scrollbar-color:var(--r-line) var(--r-solid)}
html.registration-site .r-catalog{max-width:1000px}
html.registration-site .r-catalog .r-catalog-header{margin-bottom:26px}
html.registration-site .r-catalog .r-catalog-header h1{letter-spacing:-.035em}
html.registration-site .r-catalog .r-event-list{grid-template-columns:minmax(0,1fr);gap:14px}
html.registration-site .r-catalog .r-event--v2{display:flex;flex-direction:column;align-items:stretch;gap:19px;padding:22px;min-width:0;border-radius:var(--r-card-radius);box-shadow:none}
html.registration-site .r-event--v2 .r-event-identity{display:flex;align-items:center;gap:16px;min-width:0}
html.registration-site .r-event--v2 .r-medallion{width:58px;height:64px;flex:0 0 58px;align-self:center;border:0;border-radius:0;background:transparent;box-shadow:none}
html.registration-site .r-event--v2 .r-medallion>.r-icon{width:90%;height:90%;max-width:58px;max-height:64px}
html.registration-site .r-event--v2 .r-event-copy{flex:1;min-width:0;grid-column:auto;grid-row:auto}
html.registration-site .r-event--v2 h2{font-size:22px;letter-spacing:-.04em;line-height:1.22;margin:0 0 6px;text-wrap:pretty;overflow-wrap:anywhere}
html.registration-site .r-event--v2 :is(.r-event-kind,.r-event-meta,.r-event-schedule){font-size:13px;line-height:1.55;margin:0}
html.registration-site .r-event--v2 .r-event-kind{font-weight:500}
html.registration-site .r-event-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid var(--r-line);min-width:0}
html.registration-site .r-event--v2 .r-event-date{flex:1 1 130px;min-width:0;align-items:flex-start;gap:7px;margin:0;font-size:13px;font-weight:500;line-height:1.5;color:var(--r-ink)}
html.registration-site .r-event--v2 .r-event-date>.r-icon{width:18px;height:18px;margin-top:1px;color:var(--r-muted)}
html.registration-site .r-event--v2 .r-event-date>span{min-width:0;overflow-wrap:anywhere}
html.registration-site .r-event--v2 .r-event-cta{display:inline-flex;grid-column:auto;grid-row:auto;justify-self:auto;justify-content:center;gap:6px;flex:0 0 auto;min-width:0;max-width:100%;min-height:48px;margin:0;padding:12px 16px;border-radius:var(--r-control-radius);font-size:13px;line-height:1.4}
html.registration-site .r-event--v2 .r-event-cta>.r-icon{width:16px;height:16px;flex:0 0 16px;color:inherit}
html.registration-site .r-event-footer.no-date .r-event-cta{flex:1}
html.registration-site .r-date-empty{font-size:12px;line-height:1.5;color:var(--r-muted);margin:0;flex:1 1 100%}
html.registration-site .r-catalog .r-catalog-link{gap:9px;min-height:52px;margin-top:20px;font-size:13px;text-decoration:none}
html.registration-site .r-catalog-link>.r-icon{width:19px;height:19px}
html.registration-site .r-registration{max-width:700px;padding-bottom:22px}
html.registration-site .r-registration .r-page-tools{margin-bottom:18px}
html.registration-site .r-body .r-event-page{padding:30px;border-radius:var(--r-card-radius);box-shadow:none}
html.registration-site .r-event-page .r-form-header{gap:17px;align-items:center;margin:0 0 22px}
html.registration-site .r-event-page .r-form-header>.r-medallion{width:68px;height:76px;flex:0 0 68px;border:0;border-radius:0;background:transparent}
html.registration-site .r-event-page .r-form-header>.r-medallion>.r-icon{width:94%;height:94%}
html.registration-site .r-event-page .r-form-header h1{font-size:30px;line-height:1.16;letter-spacing:-.03em;text-wrap:pretty}
html.registration-site .r-event-page .r-header-meta{font-size:12px;line-height:1.5;margin-top:7px}
/* About is a quiet navigation row, rather than a competing filled action. */
html.registration-site .r-event-page .r-event-about--v2{margin:0 0 24px;background:transparent;border:0;border-top:1px solid var(--r-line);border-bottom:1px solid var(--r-line);border-radius:0}
html.registration-site .r-event-about--v2>summary{display:flex;align-items:center;justify-content:flex-start;gap:11px;min-height:58px;padding:10px 0;color:var(--r-ink);font-size:13px;font-weight:500;line-height:1.5;list-style:none;cursor:pointer}
html.registration-site .r-about-row-icon{display:flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;color:var(--r-muted)}
html.registration-site .r-about-row-icon>.r-icon{width:21px;height:21px}
html.registration-site .r-about-row-label{flex:1;min-width:0}
html.registration-site .r-event-about--v2>summary>.r-about-row-chevron{width:19px;height:19px;flex:0 0 19px;color:var(--r-muted)}
html.registration-site .r-event-about--v2[data-modal-ready]>summary>.r-about-row-chevron{transform:rotate(-90deg)}
html.registration-site .r-event-about--v2>.r-about-copy{padding:8px 0 22px}
html.registration-site .r-about-copy{font-size:16px;line-height:1.7;color:var(--r-ink)}
html.registration-site .r-about-copy>p{margin:0 0 18px}
html.registration-site .r-about-copy>p:last-of-type{margin-bottom:0}
html.registration-site .r-about-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;margin:26px 0 0;padding-top:20px;border-top:1px solid var(--r-line)}
html.registration-site .r-about-facts>div{min-width:0}
html.registration-site .r-about-facts>div:last-child:nth-child(odd){grid-column:1/-1}
html.registration-site .r-about-facts dt{font-size:11px;line-height:1.4;color:var(--r-muted);margin:0 0 5px}
html.registration-site .r-about-facts dd{font-size:13px;font-weight:500;line-height:1.5;color:var(--r-ink);margin:0;overflow-wrap:anywhere}
html.registration-site .r-event-page .r-event-details{display:grid;gap:10px;padding:0;margin:0 0 27px;border:0;border-radius:0;background:transparent}
html.registration-site .r-event-page .r-event-details p{font-size:13px;line-height:1.55;gap:10px;margin:0}
html.registration-site .r-event-page .r-event-details .r-icon{width:18px;height:18px;margin-top:1px}
html.registration-site .r-event-page .r-section-title{font:600 16px/1.4 var(--b27-ui-font,Montserrat),system-ui,sans-serif!important;letter-spacing:-.02em!important;color:var(--r-ink)!important;margin:0 0 22px;scroll-margin-top:20px}
html.registration-site .r-event-page .r-field label{font-size:13px;font-weight:500;margin-bottom:9px}
html.registration-site .r-event-page :is(.r-field input,.r-field select){min-height:54px;border-radius:12px;font-size:16px;font-weight:400;padding:14px}
html.registration-site .r-event-page .r-select-wrap select{padding-right:38px}
html.registration-site .r-event-page .r-select-wrap>.r-icon{top:17px;right:11px}
html.registration-site .r-event-page .r-fields{gap:20px 15px}
html.registration-site .r-event-page .r-field-hint{font-size:12px;line-height:1.5;margin-top:8px}
html.registration-site .r-event-page .r-submit{min-height:54px;border-radius:var(--r-control-radius);padding:14px 18px;font-size:15px;line-height:1.4;gap:10px}
html.registration-site .r-event-page .r-submit>.r-icon{width:19px;height:19px;color:inherit}
html.registration-site .r-event-page .r-info-content{font-size:15px;line-height:1.65}
html.registration-site .r-event-page .r-info-content h2{font:600 22px/1.25 var(--b27-ui-font,Montserrat),system-ui,sans-serif!important;letter-spacing:-.035em!important;color:var(--r-ink)!important;margin:0 0 12px}
html.registration-site .r-event-page .r-info-content>p:not(.r-info-date):not(.r-bottom-hint){margin:0 0 23px;color:var(--r-muted);max-width:44ch}
html.registration-site .r-event-page .r-info-content>.r-submit{margin-top:0}
html.registration-site .r-event-page .r-info-content .r-bottom-hint{font-size:12px;line-height:1.5;margin:12px 0 0;text-align:center}
/* A real modal surface: the parent has no chrome, and the inner surface owns
   rounded corners, sticky actions and an independently scrolling description. */
html.registration-site .r-body .r-about-sheet--v2{position:fixed;inset:0;box-sizing:border-box;width:min(560px,calc(100% - 48px));max-width:none;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);height:fit-content;margin:auto;padding:0;border:0;border-radius:0;background:transparent;color:var(--r-ink);box-shadow:none;overflow:visible;animation:none;overscroll-behavior:contain;font-family:var(--b27-ui-font,Montserrat),system-ui,sans-serif}
html.registration-site .r-about-sheet--v2::backdrop{background:#11181299;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
html.registration-site .r-sheet-surface{display:flex;flex-direction:column;min-height:0;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);border:1px solid var(--r-line);border-radius:var(--r-card-radius);background:var(--r-solid);color:var(--r-ink);overflow:hidden}
html.registration-site .r-sheet-handle{display:none}
html.registration-site .r-about-sheet--v2 .r-sheet-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex:none;margin:0;padding:27px 26px 22px;border-bottom:1px solid var(--r-line)}
html.registration-site .r-sheet-identity{display:flex;align-items:center;gap:13px;min-width:0;flex:1}
html.registration-site .r-sheet-event-icon{display:flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:48px;color:var(--r-link)}
html.registration-site .r-sheet-event-icon>.r-icon{width:42px;height:48px}
html.registration-site .r-sheet-labels{min-width:0}
html.registration-site[data-b27-skin][data-b27-skin][data-b27-skin] .r-body .r-about-sheet--v2 .r-sheet-heading h2{font:600 24px/1.2 var(--b27-ui-font,Montserrat),system-ui,sans-serif!important;letter-spacing:-.04em!important;text-transform:none!important;color:var(--r-ink)!important;margin:0;overflow-wrap:anywhere}
html.registration-site .r-body .r-about-sheet--v2 .r-sheet-close{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;margin:-6px -9px 0 0;padding:10px;background:transparent;color:var(--r-muted);border:0;border-radius:50%;cursor:pointer}
html.registration-site .r-sheet-close svg{display:block;width:24px;height:24px;pointer-events:none}
html.registration-site .r-sheet-scroll{flex:1 1 auto;min-height:0;padding:24px 26px;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
html.registration-site .r-sheet-footer{flex:none;margin:0;padding:18px 26px 24px;border-top:1px solid var(--r-line)}
html.registration-site .r-sheet-footer>.r-submit{width:100%;min-height:52px;margin:0;padding:14px 18px;border-radius:var(--r-control-radius);font-size:15px;line-height:1.4}
html.registration-site .r-sheet-footer .r-icon{width:19px;height:19px;color:inherit}
html.registration-site .r-sheet-action-hint{margin:10px 0 0;color:var(--r-muted);font-size:12px;line-height:1.45;text-align:center}
html.registration-site .r-body :is(.r-event-cta,.r-event-about--v2>summary,.r-sheet-close,.r-sheet-footer>.r-button){transition:filter .14s ease,opacity .14s ease,transform .14s ease}
html.registration-site .r-body :is(.r-event-cta,.r-sheet-footer>.r-button):active{transform:translateY(1px);filter:brightness(.97)}
@media(hover:hover) and (pointer:fine){
  html.registration-site .r-event-about--v2>summary:hover .r-about-row-label{text-decoration:underline;text-underline-offset:4px}
  html.registration-site .r-about-sheet--v2 .r-sheet-close:hover{background:var(--r-raised);color:var(--r-ink)}
}
@media(min-width:760px){html.registration-site .r-catalog .r-event-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}html.registration-site .r-catalog .r-event--v2{padding:24px}.r-event--v2 .r-event-footer.no-date{justify-content:flex-end}html.registration-site .r-event--v2 .r-event-footer.no-date .r-event-cta{flex:0 0 auto}}
@media(min-width:760px){
  html.registration-site .r-catalog .r-event--v2[data-event="home-church"]{grid-column:1/-1;flex-direction:row;align-items:center;gap:24px}
  html.registration-site .r-event--v2[data-event="home-church"] .r-event-identity{flex:1}
  html.registration-site .r-event--v2[data-event="home-church"] .r-event-footer{flex:0 0 auto;max-width:45%;padding:0;margin:0;border:0}
}
@media(max-width:640px){
  html.registration-site .r-catalog .r-catalog-header{margin-bottom:24px}
  html.registration-site .r-catalog .r-event--v2{padding:19px 20px;gap:17px}
  html.registration-site .r-event--v2 h2{font-size:21px}
  html.registration-site .r-event--v2 .r-medallion{width:52px;height:60px;flex-basis:52px}
  html.registration-site .r-event--v2 .r-event-identity{gap:14px}
  html.registration-site .r-body .r-event-page{padding:26px 22px}
  html.registration-site .r-event-page .r-form-header{gap:14px}
  html.registration-site .r-event-page .r-form-header>.r-medallion{width:58px;height:66px;flex-basis:58px}
  html.registration-site .r-event-page .r-form-header h1{font-size:28px}
  html.registration-site .r-event-about--v2>summary{font-size:13px;min-height:58px;gap:9px}
  html.registration-site .r-body .r-about-sheet--v2{inset:auto 0 0;width:100%;max-height:90vh;max-height:90dvh;margin:0;padding:0;animation:none}
  html.registration-site .r-sheet-surface{max-height:90vh;max-height:90dvh;border-radius:26px 26px 0 0;border-bottom:0}
  html.registration-site .r-sheet-handle{display:block;align-self:center;flex:0 0 4px;width:34px;height:4px;margin:10px 0 3px;border-radius:4px;background:var(--r-line)}
  html.registration-site .r-about-sheet--v2 .r-sheet-heading{padding:19px 22px 20px}
  html.registration-site .r-sheet-scroll{padding:22px}
  html.registration-site .r-sheet-footer{padding:16px 22px calc(20px + env(safe-area-inset-bottom))}
}
@media(max-width:380px){
  html.registration-site .r-catalog .r-event--v2{padding:18px}
  html.registration-site .r-event--v2 .r-event-footer .r-event-cta{flex:1 1 100%;justify-content:space-between}
  html.registration-site .r-body .r-event-page{padding:23px 18px}
  html.registration-site .r-event-page .r-form-header>.r-medallion{width:48px;height:58px;flex-basis:48px}
  html.registration-site .r-event-page .r-form-header{gap:11px}
  html.registration-site .r-event-page .r-form-header h1{font-size:25px}
  html.registration-site .r-event-page .r-fields{column-gap:11px}
  html.registration-site .r-event-about--v2>summary{font-size:12px;gap:7px}
  html.registration-site .r-sheet-identity{gap:9px}
  html.registration-site .r-sheet-event-icon{flex-basis:34px;width:34px}
  html.registration-site .r-sheet-event-icon>.r-icon{width:34px;height:40px}
  html.registration-site .r-about-sheet--v2 .r-sheet-heading{gap:10px;padding-left:19px;padding-right:19px}
  html.registration-site .r-sheet-scroll{padding:20px}
  html.registration-site .r-sheet-footer{padding-left:20px;padding-right:20px}
}
@media(prefers-reduced-motion:reduce){html.registration-site .r-body :is(.r-event-cta,.r-event-about--v2>summary,.r-sheet-close,.r-sheet-footer>.r-button){animation:none;transition:none}html.registration-site .r-body :is(.r-event-cta,.r-sheet-footer>.r-button):active{transform:none}}
