*{box-sizing:border-box}body{margin:0;background:#f3f6fa;background-image:radial-gradient(ellipse at 90% 25%,#c9ddec70,transparent 50%);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#263e50}main{max-width:1240px;padding:30px 40px 40px;margin:auto}.sunday-hero{position:relative;display:grid;grid-template-columns:1.1fr 1fr;background:#233b50;border:1px solid #ffffff70;border-radius:34px;box-shadow:0 24px 55px #233b5017;overflow:hidden;min-height:390px}.hero-copy{padding:42px 46px;color:white;z-index:1}.eyebrow{display:block;font-size:9px;letter-spacing:.15em;font-weight:650;color:#be703e}.hero-copy .eyebrow{color:#f0bf98}h1{font-size:clamp(52px,5.7vw,78px);font-weight:550;line-height:.98;letter-spacing:-.06em;margin:24px 0 20px}h1 span{color:#f0bf98}.hero-copy p{font-size:16px;line-height:1.65;color:#c5d3df;margin:0 0 24px}.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}button,a{font-family:inherit}button{cursor:pointer}.primary{display:inline-flex;gap:22px;align-items:center;border:1px solid #ffffff50;border-radius:13px;background:linear-gradient(145deg,#d58d59,#ba6d3c);color:white;padding:14px 18px;font-size:10px;font-weight:650;text-decoration:none;box-shadow:inset 0 1px 0 #ffffff50,0 7px 16px #14283916}.secondary{background:transparent;border:0;color:white;padding:14px 6px;font-size:10px;font-weight:600;letter-spacing:.04em}.secondary span{margin-left:12px;font-size:15px}.service-note{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:.08em;color:#bfd0de;margin-top:30px}.service-dot{width:5px;height:5px;border-radius:50%;background:#ecc09b}.hero-photo{position:relative;margin:16px 16px 16px 0;border-radius:130px 22px 22px 22px;overflow:hidden;min-height:340px}.hero-photo>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.hero-photo::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 1px 0 #ffffff90;border:1px solid #ffffff50;border-radius:inherit}.explore{margin-top:30px}.explore-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.explore-heading h2{font-size:16px;letter-spacing:-.02em;font-weight:600;margin:0}.explore-heading>span{font-size:8px;letter-spacing:.1em;color:#8094a4}.icon-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.explore-tile{position:relative;text-align:left;display:flex;flex-direction:column;align-items:flex-start;border:1px solid white;border-radius:22px;padding:20px 17px;background:linear-gradient(145deg,#fffffff2,#ffffff80);backdrop-filter:blur(24px);color:#263e50;box-shadow:0 10px 26px #34495e08,inset 0 1px 0 white;transition:transform .2s,box-shadow .2s}.explore-tile:hover{transform:translateY(-5px);box-shadow:0 16px 32px #34495e14}.icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;border:1px solid #ffffffb0;background:linear-gradient(145deg,#f0f6fb,#dce7ef);box-shadow:0 5px 12px #34495e0c,inset 0 1px 0 white;color:#587891}.icon svg{width:25px;height:25px}.icon-play,.icon-cross{background:linear-gradient(145deg,#fff2e5,#efdac6);color:#a8653c}.tile-title{font-size:10px;font-weight:700;letter-spacing:.025em;margin:18px 0 8px;line-height:1.4}.tile-desc{font-size:11px;line-height:1.6;color:#708698}.tile-arrow{margin-top:auto;padding-top:16px;color:#be703e;font-size:18px}dialog{width:min(620px,calc(100% - 32px));max-height:85svh;overflow:auto;border:1px solid white;border-radius:28px;padding:36px;background:#f7fbff;color:#263e50;box-shadow:0 30px 100px #122a3e40}dialog::backdrop{background:#20364c80;backdrop-filter:blur(14px)}.close{position:absolute;right:16px;top:16px;border:0;background:#e6eef4;color:#263e50;width:32px;height:32px;border-radius:50%;font-size:23px}.dialog-icon{margin-bottom:24px}dialog h2{font-size:34px;letter-spacing:-.05em;line-height:1.1;margin:16px 0 24px}dialog h3{font-size:13px;margin-top:22px}dialog p{font-size:15px;line-height:1.75;color:#5d778c}dialog .primary{margin-top:16px}button:focus-visible,a:focus-visible{outline:3px solid #be703e;outline-offset:4px}@media(max-width:1000px){.hero-copy{padding:34px}.icon-grid{grid-template-columns:repeat(3,1fr)}.explore-tile{min-height:190px}}@media(max-width:700px){main{padding:20px}.sunday-hero{grid-template-columns:1fr;border-radius:28px}.hero-copy{padding:30px 26px}.hero-photo{height:240px;min-height:0;margin:0 12px 12px;border-radius:90px 18px 18px 18px}h1{font-size:60px}.explore-heading>span{display:none}.icon-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.explore-tile{min-height:195px;padding:18px}.explore-heading h2{font-size:14px}dialog{padding:28px 24px}dialog h2{font-size:30px}}@media(prefers-reduced-motion:reduce){.explore-tile{transition:none}.explore-tile:hover{transform:none}}
/* Match the safeguarding type scale, positions and blue glass palette. */
main{padding:24px 40px 40px}.sunday-hero{grid-template-columns:1.2fr 1fr;gap:28px;padding:66px 16px 64px;background:transparent;border:0;border-radius:0;box-shadow:none;min-height:0;overflow:visible}.hero-copy{padding:0;color:#263e50}.hero-copy .eyebrow{color:#647d92;font-size:10px;letter-spacing:.18em;line-height:1.6}.hero-copy h1{font-size:clamp(38px,4.5vw,62px);letter-spacing:-.055em;line-height:1.04;font-weight:550;margin:20px 0 24px}.hero-copy h1 span{color:#758b9e}.hero-copy p{font-size:17px;line-height:1.7;color:#5b7082;max-width:440px;margin:0 0 28px}.primary{font-size:13px;font-weight:550;padding:15px 20px;border-radius:15px;background:linear-gradient(150deg,#59788f,#34495e);box-shadow:0 8px 20px #34495e22,inset 0 1px 0 #ffffff40}.secondary{color:#526d83;font-size:12px}.service-note{font-size:10px;color:#647d92;letter-spacing:.04em;line-height:1.6}.service-dot{background:#be703e}.hero-photo{height:410px;min-height:0;margin:0;border:1px solid #ffffffbb;border-radius:130px 28px 28px 28px;box-shadow:0 20px 50px #34495e18}.hero-photo>img{object-position:center 60%}.explore{margin-top:0}.explore-heading h2{font-size:27px;letter-spacing:-.045em;font-weight:550;line-height:1.2}.icon-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.explore-tile{padding:25px 24px 23px;border-radius:25px;min-height:220px}.icon{width:48px;height:48px}.icon-play,.icon-cross{background:linear-gradient(145deg,#f0f6fb,#dce7ef);color:#587891}.tile-title{font-size:18px;letter-spacing:-.025em;font-weight:550;margin:20px 0 12px}.tile-desc{font-size:14px;line-height:1.65;color:#566c7d}.tile-arrow{font-size:22px}.all-age-tile{display:flex;align-items:center;gap:26px;width:100%;margin:28px 0 0;padding:30px 36px;border:1px solid #fff;border-radius:60px 26px 26px 26px;text-align:left;color:#263e50;background:linear-gradient(145deg,#fffffff2,#dcebf5b0);box-shadow:0 12px 32px #34495e0d,inset 0 1px 0 white;backdrop-filter:blur(24px)}.all-age-symbol{flex:0 0 68px;height:68px;display:grid;place-items:center;background:#f8fcffbb;border:1px solid white;border-radius:24px;box-shadow:0 7px 20px #34495e12;color:#688aa3}.all-age-symbol svg{width:36px;height:36px}.all-age-copy,.all-age-date{display:flex;flex-direction:column;gap:9px}.all-age-copy small,.all-age-date small{font-size:9px;letter-spacing:.12em;color:#758b9e}.all-age-copy strong{font-size:26px;letter-spacing:-.035em;font-weight:550}.all-age-copy>span{font-size:14px;color:#647d92}.all-age-date{margin-left:auto}.all-age-date strong{font-size:18px;font-weight:600}.all-age-date>span{font-size:13px;color:#647d92}.all-age-arrow{font-size:26px;color:#be703e}.next-service{background:#e7f0f7;padding:18px;border:1px solid #fff;border-radius:16px}@media(max-width:800px){main{padding:16px 20px 30px}.sunday-hero{padding:48px 4px;gap:20px}.hero-photo{height:360px}.hero-copy h1{font-size:clamp(40px,6.5vw,56px)}.all-age-tile{padding:26px}.all-age-copy strong{font-size:23px}}@media(max-width:600px){.sunday-hero{grid-template-columns:1fr;padding:42px 4px 32px;gap:28px}.hero-copy{padding:0}.hero-copy h1{font-size:clamp(43px,11vw,60px)}.hero-copy p{font-size:15px}.hero-photo{height:330px;max-width:460px;width:100%;justify-self:center}.icon-grid{grid-template-columns:1fr}.explore-tile{min-height:190px;padding:22px 24px}.explore-heading h2{font-size:24px}.tile-title{font-size:19px}.all-age-tile{flex-wrap:wrap;gap:16px;padding:24px;border-radius:40px 24px 24px 24px}.all-age-symbol{flex-basis:52px;height:52px;border-radius:18px}.all-age-copy{flex:1}.all-age-copy strong{font-size:21px}.all-age-copy>span{font-size:12px}.all-age-date{margin-left:68px;flex:1}.all-age-date strong{font-size:17px}}
/* Richer blue welcome and colourful, centred discovery tiles. */
.hero-copy h1{color:#274d70}.hero-copy h1 span{color:#5b8ead}.hero-copy .eyebrow{color:#657f96}.hero-copy p{color:#516f86}.hero-photo{box-shadow:0 20px 50px #3b678a22}.hero-copy .primary{background:linear-gradient(145deg,#668eac,#345d7f)}
.explore-tile{align-items:center;text-align:center;padding:30px 26px 24px;min-height:290px}.explore-tile .icon{width:76px;height:76px;border-radius:24px;margin:0 auto 2px;box-shadow:0 9px 20px #34495e12,inset 0 1px 0 #ffffffd0}.explore-tile .icon svg{width:38px;height:38px}.tile-title{margin:20px 0 12px}.tile-desc{font-size:14px;line-height:1.7;max-width:290px}.tile-arrow{padding-top:20px;align-self:center}
.explore-tile[data-open=welcome] .icon{background:linear-gradient(145deg,#fff3e6,#efd6bf);color:#a86b3d}
.explore-tile[data-open=watch] .icon{background:linear-gradient(145deg,#e9f4ff,#c9dfef);color:#4c81a5}
.explore-tile[data-open=order] .icon{background:linear-gradient(145deg,#f3edff,#dfd3ef);color:#8870aa}
.explore-tile[data-open=service] .icon{background:linear-gradient(145deg,#eaf5ef,#cfe3d9);color:#5e8b74}
.explore-tile[data-open=sermons] .icon{background:linear-gradient(145deg,#fff0f2,#efd3db);color:#ad7689}
.explore-tile[data-open=kids] .icon{background:linear-gradient(145deg,#fff8df,#efe1ac);color:#a18b44}
@media(max-width:600px){.explore-tile{padding:28px 24px;min-height:270px}.explore-tile .icon{width:76px;height:76px}.tile-desc{max-width:340px}}

.hero-photo{border:2px solid #be703e}
.hero-actions .secondary{display:inline-flex;align-items:center;gap:20px;padding:15px 20px;border:1px solid #ffffff90;border-radius:15px;color:#fff;background:linear-gradient(145deg,#cf8c5c,#b96d3e);box-shadow:0 8px 20px #a8632c20,inset 0 1px 0 #ffffff55;font-size:13px;font-weight:550}
.hero-actions .secondary span{margin:0;font-size:17px}
.all-age-tile{position:relative;gap:28px;padding:30px 36px;border-radius:30px;background:linear-gradient(135deg,#fff,#edf5fb);border:1px solid #fff;box-shadow:0 16px 36px #34495e10,inset 0 1px 0 white}
.all-age-symbol{flex-basis:86px;height:86px;border-radius:28px;background:linear-gradient(145deg,#f3ecff,#ded2ee);color:#8870aa;box-shadow:0 8px 18px #8870aa18,inset 0 1px 0 #fff}
.all-age-symbol svg{width:42px;height:42px}
.all-age-copy{gap:11px}.all-age-copy strong{font-size:30px}.all-age-copy>span{font-size:15px;line-height:1.6}
.all-age-date{padding:20px 24px;min-width:220px;gap:9px;border:1px solid #ffffffd0;border-radius:22px;background:#ffffffb0;box-shadow:0 8px 20px #34495e0b;text-align:center}
.all-age-date strong{font-size:20px;letter-spacing:-.025em;color:#345d7f}.all-age-date>span{font-size:16px;font-weight:650;color:#be703e}
.all-age-arrow{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:50%;background:#e7f0f7;font-size:24px}
@media(max-width:800px){.all-age-tile{gap:18px;padding:26px}.all-age-copy strong{font-size:24px}.all-age-date{min-width:180px;padding:18px}.all-age-symbol{flex-basis:66px;height:66px;border-radius:22px}}
@media(max-width:600px){.all-age-tile{gap:18px;padding:24px;border-radius:26px}.all-age-copy strong{font-size:23px}.all-age-copy>span{font-size:13px}.all-age-date{margin:0;min-width:0;flex:1;text-align:left;padding:18px 20px}.all-age-date strong{font-size:19px}}

.all-age-date small{font-size:20px;font-weight:600;letter-spacing:-.025em;color:#345d7f}
.all-age-date{box-shadow:0 14px 26px rgba(38,62,80,.18),0 4px 8px rgba(38,62,80,.08),inset 0 1px 0 #fff}
@media(min-width:601px){.sunday-hero{align-items:stretch}.hero-photo{height:auto;min-height:0;align-self:stretch}.hero-copy{align-self:start}.hero-actions{margin-bottom:0}}
@media(max-width:600px){.all-age-date small{font-size:19px}}

.all-age-date small,.all-age-date strong{text-transform:uppercase}

/* A standalone glass welcome panel with a distinctive curved corner. */
.hero-copy{padding:34px 36px!important;border:1px solid #ffffffd9;border-radius:30px 80px 30px 30px;background:linear-gradient(145deg,#fffffff2,#e3eff8a8);box-shadow:0 16px 38px #34495e12,inset 0 1px 0 #fff;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
@media(min-width:601px){.hero-copy{align-self:stretch;display:flex;flex-direction:column}.hero-actions{margin-top:auto}}
@media(max-width:800px){.hero-copy{padding:28px!important;border-radius:26px 64px 26px 26px}}
@media(max-width:600px){.hero-copy{padding:28px 26px!important;border-radius:26px 70px 26px 26px}}

#watch{width:min(960px,calc(100% - 32px))}.stream-player{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:18px;background:#172d40;margin:22px 0;border:1px solid #ffffffb0;box-shadow:0 8px 24px #34495e14}.stream-player iframe{position:absolute;inset:0;border:0;width:100%;height:100%}

@media(min-width:601px){.icon-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.explore-tile{grid-column:span 2}.explore-tile:nth-child(n+4){grid-column:span 3}}

@media(min-width:601px){.icon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.explore-tile,.explore-tile:nth-child(n+4){grid-column:auto}}
/* Preview concept: a blue backdrop under both welcome panels. */
.sunday-hero{position:relative;isolation:isolate}
.sunday-hero::before{content:"";position:absolute;z-index:-1;inset:32px -12px 30px;border-radius:42px 140px 42px 42px;background:radial-gradient(ellipse at 18% 18%,rgba(255,255,255,.72),transparent 58%),linear-gradient(125deg,#d7e8f5 0%,#b9d1e5 54%,#dceaf4 100%);border:1px solid #ffffffa6;box-shadow:0 18px 46px #3c648715,inset 0 1px 0 #ffffffb0}
@media(max-width:800px){.sunday-hero::before{inset:20px -10px;border-radius:34px 100px 34px 34px}}
@media(max-width:600px){.sunday-hero::before{inset:20px -10px 12px;border-radius:34px 90px 34px 34px}}
/* Preview variation: an offset warm halo behind the blue glass. */
.sunday-hero::before{inset:44px -14px 40px -8px;border:0;border-radius:130px 44px 100px 42px;background:radial-gradient(ellipse at 72% 40%,#f0cfb6 0%,#f6e0cf 46%,#faeee5 78%);box-shadow:0 18px 44px #a9724d0a;transform:rotate(-1.5deg)}
@media(max-width:800px){.sunday-hero::before{inset:28px -10px;border-radius:95px 34px 75px 34px}}
@media(max-width:600px){.sunday-hero::before{inset:28px -10px 18px;border-radius:90px 34px 70px 34px;transform:rotate(-1deg)}}
.sunday-hero::before{transform:rotate(-4deg)}
@media(max-width:600px){.sunday-hero::before{transform:rotate(-2.5deg)}}

.sunday-hero::before{box-shadow:0 18px 36px rgba(153,101,65,.18),0 5px 12px rgba(153,101,65,.08)}

.sunday-hero::before{inset:42px -22px 8px -12px;transform:rotate(-6deg);border-radius:130px 44px 110px 42px}
@media(max-width:800px){.sunday-hero::before{inset:28px -12px 8px;transform:rotate(-5deg)}}
@media(max-width:600px){.sunday-hero::before{inset:28px -10px 0;transform:rotate(-3deg);border-radius:90px 34px 80px 34px}}
/* Reserve space for the rotated backdrop before the next section. */
.sunday-hero{margin-bottom:40px}
@media(max-width:800px){.sunday-hero{margin-bottom:30px}}
@media(max-width:600px){.sunday-hero{margin-bottom:24px}.sunday-hero::before{bottom:14px}}.service-text .service-rubric{color:#a9653f;font-weight:600}.service-text p{margin-bottom:20px}.service-text strong{font-weight:750}

.service-calendar{display:flex;align-items:center;gap:26px;padding:24px;margin:4px 0 26px;border:1px solid #fff;border-radius:24px;background:linear-gradient(145deg,#eef5fb,#e1ecf5);box-shadow:inset 0 1px 0 #fff}.calendar-page{flex:0 0 120px;overflow:hidden;background:white;border:1px solid white;border-radius:17px;text-align:center;box-shadow:0 10px 22px #34495e18;transform:rotate(-3deg)}.calendar-month{display:block;padding:11px 8px;background:#be703e;color:white;font-size:11px;font-weight:750;letter-spacing:.09em}.calendar-day{display:block;margin:12px 0 2px;font-size:58px;line-height:1;font-weight:550;letter-spacing:-.05em;color:#345d7f}.calendar-weekday{display:block;padding:8px 0 14px;font-size:10px;font-weight:650;letter-spacing:.08em;color:#758b9e}.calendar-details{display:flex;flex-direction:column;gap:12px}.calendar-caption{font-size:10px;font-weight:650;letter-spacing:.1em;color:#758b9e}.calendar-details>strong{font-size:32px;font-weight:600;letter-spacing:-.04em;color:#345d7f}.calendar-details>span:last-child{font-size:14px;color:#647d92}@media(max-width:450px){.service-calendar{padding:18px;gap:18px}.calendar-page{flex-basis:100px}.calendar-day{font-size:48px}.calendar-details>strong{font-size:28px}.calendar-caption{font-size:8px}.calendar-details>span:last-child{font-size:12px}}

/* Keep the rotated decorative layer inside its own section at every width. */
.sunday-hero{--sunday-section-gap:40px;overflow:clip;overflow-clip-margin:0;margin-bottom:var(--sunday-section-gap)}
@media(max-width:800px){.sunday-hero{--sunday-section-gap:30px}}
@media(max-width:600px){.sunday-hero{--sunday-section-gap:24px}}

/* Reserve breathing room around the decoration instead of clipping its shadow. */
.sunday-hero{overflow:visible;padding-bottom:100px;margin-bottom:40px}
.sunday-hero::before{inset:64px 18px 76px 18px}
@media(max-width:800px){.sunday-hero{padding-bottom:96px;margin-bottom:30px}.sunday-hero::before{inset:48px 14px 70px}}
@media(max-width:600px){.sunday-hero{padding-bottom:90px;margin-bottom:24px}.sunday-hero::before{inset:48px 10px 66px}}

/* Compact All-Age popup; retain scrolling only where the viewport needs it. */
body.rsu-page #all-age.rainham-popup{width:min(740px,calc(100% - 32px));max-height:calc(100svh - 32px)}
#all-age.rainham-popup .rainham-popup-body{padding:22px 28px!important}
#all-age.rainham-popup .rainham-popup-body h2{margin-bottom:16px}
#all-age .service-calendar{padding:16px 20px;margin:0 0 16px;gap:22px}
#all-age .calendar-page{flex-basis:100px}
#all-age .calendar-month{padding:8px}
#all-age .calendar-day{font-size:46px;margin-top:8px}
#all-age .calendar-weekday{padding:6px 0 10px}
#all-age.rainham-popup .rainham-popup-body p{margin:12px 0;line-height:1.55}
#all-age .primary{margin-top:8px}
@media(max-width:600px){#all-age.rainham-popup .rainham-popup-body{padding:20px!important}#all-age.rainham-popup .rainham-popup-body h2{font-size:27px!important}#all-age .service-calendar{gap:16px;padding:14px}#all-age .calendar-details>strong{font-size:28px}}

.rsu-document-list{display:flex;flex-direction:column;margin:12px 0}.rsu-document-list button{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:18px 0;border:0;border-bottom:1px solid #d5e0e9;background:transparent;color:inherit;text-align:left;font:inherit;font-size:14px;font-weight:600;line-height:1.5;text-transform:uppercase}.rsu-document-list button>span:last-child{flex-shrink:0;color:#be703e;font-size:22px}.rsu-document-list button:hover{color:#be703e}

/* Size the video against both viewport dimensions, leaving room for its controls. */
body.rsu-page #watch.rainham-popup{width:min(1100px,calc(100% - 32px));max-height:calc(100svh - 32px)}
#watch.rainham-popup .dialog-icon{display:none}
#watch.rainham-popup .rainham-popup-header{min-height:56px;padding:10px 24px!important}
#watch.rainham-popup .rainham-popup-body{padding:20px 24px!important;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
#watch.rainham-popup .rainham-popup-body h2{margin:0;font-size:30px!important}
#watch.rainham-popup .rainham-popup-body p{margin:0;line-height:1.5;font-size:14px}
#watch.rainham-popup .stream-player{flex:none;align-self:center;width:min(100%,calc((100svh - 290px)*16/9));aspect-ratio:16/9;margin:0;border-radius:16px}
#watch.rainham-popup .primary{margin:0;padding:12px 18px}
@media(max-width:600px){#watch.rainham-popup .rainham-popup-body{padding:18px!important;gap:12px}#watch.rainham-popup .rainham-popup-body h2{font-size:26px!important}#watch.rainham-popup .stream-player{width:min(100%,calc((100svh - 320px)*16/9))}}
@media(max-height:450px) and (min-width:601px){#watch.rainham-popup .rainham-popup-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.65fr);align-items:start;gap:10px 20px}#watch.rainham-popup .stream-player{grid-column:1;grid-row:1 / span 3;width:min(100%,calc((100svh - 140px)*16/9));justify-self:center}#watch.rainham-popup .rainham-popup-body :is(h2,p,.primary){grid-column:2}#watch.rainham-popup .rainham-popup-body h2{font-size:24px!important}}

.hero-copy{border:2px solid #345d7f!important}

.rsu-kids-strip{display:flex;align-items:center;gap:26px;margin:28px 0;padding:28px 30px;border:1px solid #b9cedd;border-radius:26px;background:linear-gradient(120deg,#e2edf5,#fff4e9);box-shadow:0 8px 24px #263e5010}
.rsu-kids-icon{display:grid;place-items:center;width:72px;height:72px;flex:0 0 72px;background:#365e84;color:white;border-radius:24px}.rsu-kids-icon svg{width:42px;height:42px}.rsu-kids-copy{flex:1;min-width:0}.rsu-kids-copy small{font-size:11px;font-weight:650;letter-spacing:.08em;color:#365e84}.rsu-kids-copy h2{font-size:var(--rainham-type-section,30px);margin:8px 0 12px}.rsu-kids-copy p{font-size:var(--rainham-type-body,15px);line-height:1.65;margin:0 0 12px}.rsu-kids-copy .rsu-kids-when{font-size:12px;font-weight:750;color:#365e84;margin-bottom:0}.rsu-kids-strip>.primary{flex-shrink:0;text-align:center;text-transform:uppercase}
.rsu-worship-video{aspect-ratio:16/9;margin:22px 0 0;overflow:hidden;border:2px solid #be703e;border-radius:18px}.rsu-worship-video iframe{display:block;width:100%;height:100%;border:0}
@media(max-width:700px){.rsu-kids-strip{flex-direction:column;text-align:center;padding:24px;gap:20px}.rsu-kids-icon{order:3}.rsu-kids-strip>.primary{justify-content:center}}

.rsu-worship-video{margin:0 0 22px}

/* Match the All-Age strip's glass gradient, frame and icon treatment. */
body.rsu-page .rsu-kids-strip{gap:28px;padding:30px 36px;border-radius:30px;background:linear-gradient(135deg,#fff,#edf5fb);border:1px solid #fff;box-shadow:0 16px 36px #34495e10,inset 0 1px 0 white;backdrop-filter:blur(24px)}
body.rsu-page .rsu-kids-icon{width:68px;height:68px;flex-basis:68px;background:#f8fcffbb;border:1px solid #fff;box-shadow:0 7px 20px #34495e12;color:#688aa3;border-radius:24px}
body.rsu-page .rsu-kids-icon svg{width:36px;height:36px}
body.rsu-page .rsu-kids-copy small{font-size:9px;letter-spacing:.12em;color:#758b9e}
body.rsu-page .rsu-kids-copy h2{font-size:26px;letter-spacing:-.035em;font-weight:var(--rainham-weight-heading,550);margin:9px 0}
body.rsu-page .rsu-kids-copy p{font-size:14px;color:#647d92;margin:0;line-height:1.65}
@media(max-width:800px){body.rsu-page .rsu-kids-strip{gap:18px;padding:26px}}
@media(max-width:700px){body.rsu-page .rsu-kids-strip{padding:24px;border-radius:26px}body.rsu-page .rsu-kids-copy h2{font-size:23px}}

/* Coordinated information strips with separate, consistent action buttons. */
body.rsu-page .all-age-tile{display:grid;grid-template-columns:68px minmax(0,1fr) 100px auto;align-items:center;gap:24px;cursor:default}
.rsu-strip-calendar{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center}.rsu-calendar-label{font-size:9px;letter-spacing:.07em;font-weight:650;color:#647d92;text-transform:uppercase}
.rsu-calendar-sheet{width:94px;display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid #cbdbe6;border-radius:16px;overflow:hidden;box-shadow:0 7px 16px #34495e10}
.rsu-calendar-sheet small{display:block;width:100%;background:#365e84;color:#fff;padding:6px 4px;font-size:10px;font-weight:750;letter-spacing:.05em}.rsu-calendar-sheet strong{font-size:34px;line-height:1.2;color:#263e50;padding-top:4px}.rsu-calendar-sheet>span{font-size:10px;font-weight:750;color:#365e84;padding:3px}.rsu-calendar-sheet .rsu-calendar-time{font-size:12px;padding:5px 4px 9px}
body.rsu-page .rsu-strip-more,body.rsu-page .rsu-kids-strip>.primary{min-width:170px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;margin:0}
@media(max-width:900px) and (min-width:701px){body.rsu-page .all-age-tile{grid-template-columns:68px minmax(0,1fr) 100px}.rsu-strip-more{grid-column:2/4;justify-self:start}}
@media(max-width:700px){body.rsu-page .all-age-tile{display:flex!important;flex-direction:column!important;text-align:center!important;gap:20px!important}.rsu-strip-calendar{order:1}.rsu-strip-more{order:2}.all-age-symbol{order:3}body.rsu-page .all-age-copy{width:100%;text-align:center}.rsu-calendar-sheet{width:100px}}
/* Give the next All-Age date a prominent, tilted calendar of its own. */
body.rsu-page .all-age-tile{grid-template-columns:68px minmax(0,1fr) 166px auto;gap:32px;padding-top:36px;padding-bottom:36px}
body.rsu-page .rsu-strip-calendar{width:166px;gap:14px;padding:12px 10px;transform:rotate(-6deg)}
body.rsu-page .rsu-calendar-label{font-size:10px;font-weight:750;letter-spacing:.08em;color:#365e84}
body.rsu-page .rsu-calendar-sheet{width:138px;border-radius:20px;border:2px solid #be703e;box-shadow:6px 10px 0 #d9e5ee,0 15px 28px #263e5024}
body.rsu-page .rsu-calendar-sheet small{font-size:12px;padding:10px 5px;background:#365e84}
body.rsu-page .rsu-calendar-sheet strong{font-size:54px;padding-top:8px;line-height:1.1}
body.rsu-page .rsu-calendar-sheet>span{font-size:12px;padding:5px}
body.rsu-page .rsu-calendar-sheet .rsu-calendar-time{font-size:16px;padding:6px 5px 14px}
@media(max-width:1000px) and (min-width:701px){body.rsu-page .all-age-tile{grid-template-columns:68px minmax(0,1fr) 166px;gap:26px}.rsu-strip-more{grid-column:2/4;justify-self:start}}
@media(max-width:700px){body.rsu-page .all-age-tile{gap:26px!important;padding:30px 24px}.rsu-strip-calendar{margin:6px auto 10px}}
/* Compact strip with a playful calendar overlapping its edges. */
@media(min-width:1001px){body.rsu-page .all-age-tile{grid-template-columns:68px minmax(0,1fr) 150px auto;gap:24px;padding:30px 36px;min-height:0;overflow:visible}body.rsu-page .rsu-strip-calendar{width:150px;height:108px;position:relative;padding:0;transform:translateX(-14px) rotate(-7deg);justify-content:center;gap:7px}body.rsu-page .rsu-calendar-label{position:absolute;top:-35px;left:0;width:100%;font-size:9px}body.rsu-page .rsu-calendar-sheet{width:124px;flex-shrink:0;transform:translateY(-2px)}body.rsu-page .rsu-calendar-sheet strong{font-size:44px}body.rsu-page .rsu-calendar-sheet small{padding:8px 5px}body.rsu-page .rsu-calendar-sheet .rsu-calendar-time{font-size:14px;padding:4px 5px 10px}}
body.rsu-page .rsu-calendar-sheet{border:3px solid #e5a36f;box-shadow:5px 7px 0 #f0d8c3,0 12px 20px #263e5018}
body.rsu-page .rsu-calendar-sheet small{background:#64836b}
body.rsu-page .rsu-calendar-sheet strong{color:#365e84}
@media(min-width:701px) and (max-width:1000px){body.rsu-page .all-age-tile{padding:26px;gap:24px}body.rsu-page .rsu-strip-calendar{transform:translateX(-10px) rotate(-7deg);padding:0;width:150px}.rsu-calendar-sheet{width:124px!important}}
/* A hand-drawn date note rather than a calendar card. */
body.rsu-page .rsu-kids-icon{background:#f3d8c5;color:#9b5b32;border-color:#e6bea0}
body.rsu-page .rsu-strip-calendar{position:relative;transform:translateX(-12px) rotate(-4deg);gap:5px}
body.rsu-page .rsu-calendar-sheet{position:relative;width:142px;overflow:visible;background:transparent;border:0;border-radius:0;box-shadow:none;transform:none;padding:7px 0}
body.rsu-page .rsu-calendar-sheet:before{content:'';position:absolute;inset:3px -8px;pointer-events:none;border:3px dashed #78a68a;border-radius:45% 55% 48% 52%;transform:rotate(-5deg);opacity:.8}
body.rsu-page .rsu-calendar-sheet:after{content:'';position:absolute;left:17px;right:10px;bottom:7px;height:7px;background:repeating-linear-gradient(175deg,#edb084 0 2px,#f5c49e 2px 4px);border-radius:70%;transform:rotate(-3deg);z-index:-1}
body.rsu-page .rsu-calendar-sheet small{background:none;color:#52745a;padding:0 0 3px;font-size:13px;letter-spacing:.06em}
body.rsu-page .rsu-calendar-sheet strong{font-family:"Chalkboard SE","Comic Sans MS",cursive!important;font-size:48px;color:#365e84;line-height:1;padding:0;text-shadow:1px 1px 0 #adc6d6}
body.rsu-page .rsu-calendar-sheet>span{font-size:11px;padding:2px;color:#52745a}
body.rsu-page .rsu-calendar-sheet .rsu-calendar-time{font-size:15px;padding:3px 4px 9px;color:#9b5b32;font-weight:750}
@media(min-width:1001px){body.rsu-page .rsu-calendar-label{top:-22px}body.rsu-page .rsu-strip-calendar{height:108px}}
@media(max-width:1000px){body.rsu-page .rsu-calendar-sheet{width:142px!important}}
/* A simple crayon-highlighted date, with no calendar frame. */
body.rsu-page .rsu-strip-calendar{width:210px;height:auto;min-height:90px;transform:translateX(-10px) rotate(-3deg);gap:8px;padding:12px 8px}
body.rsu-page .rsu-calendar-label{position:static;width:auto;font-size:10px;letter-spacing:.07em;color:#365e84}
body.rsu-page .rsu-calendar-sheet{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:baseline;column-gap:7px;row-gap:1px;width:210px!important;padding:10px 8px;isolation:isolate}
body.rsu-page .rsu-calendar-sheet:before{inset:3px -5px;border:0;border-radius:8% 15% 7% 12%;background:repeating-linear-gradient(178deg,#f2c49b 0 3px,#f7d2b0 3px 5px);transform:rotate(-2deg);opacity:.8;z-index:-1}
body.rsu-page .rsu-calendar-sheet:after{display:none}
body.rsu-page .rsu-calendar-sheet small{order:2;width:auto;font-size:17px;color:#365e84;font-weight:750;padding:0}
body.rsu-page .rsu-calendar-sheet strong{order:1;font-family:var(--rainham-font)!important;font-size:25px;color:#365e84;text-shadow:none}
body.rsu-page .rsu-calendar-sheet>[data-service-weekday]{order:0;width:100%;font-size:11px;color:#365e84;padding:0 0 4px}
body.rsu-page .rsu-calendar-sheet .rsu-calendar-time{order:3;width:100%;font-size:17px;color:#365e84;padding:5px 0 0}
@media(min-width:1001px){body.rsu-page .all-age-tile{grid-template-columns:68px minmax(0,1fr) 210px auto;gap:24px}.rsu-strip-calendar{height:auto}}
@media(max-width:1000px) and (min-width:701px){body.rsu-page .all-age-tile{grid-template-columns:68px minmax(0,1fr) 210px}}
/* Centre a recognisable ring-bound calendar in the strip's open space. */
body.rsu-page .rsu-strip-calendar{width:150px;min-height:0;height:auto;padding:0;transform:rotate(-5deg);gap:8px;justify-self:center}
body.rsu-page .rsu-calendar-label{position:static;font-size:9px;letter-spacing:.08em}
body.rsu-page .rsu-calendar-sheet{display:flex;flex-direction:column;flex-wrap:nowrap;gap:0;width:124px!important;padding:0;background:#fffdf8;border:2px solid #d59b72;border-radius:16px;box-shadow:4px 5px 0 #f0d8c3,0 9px 18px #263e5014;overflow:visible;isolation:auto}
body.rsu-page .rsu-calendar-sheet:before{content:'';position:absolute;inset:auto;top:-7px;left:25px;width:7px;height:16px;background:#365e84;border:2px solid #fff;border-radius:5px;box-shadow:60px 0 0 -2px #365e84;transform:none;opacity:1;z-index:1}
body.rsu-page .rsu-calendar-sheet:after{display:none}
body.rsu-page .rsu-calendar-sheet small{order:0;align-self:stretch;width:100%;padding:12px 4px 7px;background:#64836b;border-radius:13px 13px 0 0;color:#fff;font-size:11px;font-weight:750;letter-spacing:.05em}
body.rsu-page .rsu-calendar-sheet strong{order:1;align-self:center;font-family:var(--rainham-font)!important;font-size:42px;line-height:1.15;padding:5px 0 0;color:#365e84;text-shadow:none}
body.rsu-page .rsu-calendar-sheet>[data-service-weekday]{order:2;width:auto;align-self:center;font-size:10px;color:#64836b;padding:2px 0}
body.rsu-page .rsu-calendar-sheet .rsu-calendar-time{order:3;width:auto;align-self:center;font-size:14px;color:#9b5b32;padding:4px 4px 10px}
@media(min-width:1001px){body.rsu-page .all-age-tile{grid-template-columns:68px minmax(0,1fr) minmax(180px,1fr) auto;gap:24px;padding:30px 36px}body.rsu-page .rsu-strip-calendar{position:relative;height:108px;justify-content:center;transform:translateX(-18px) rotate(-5deg)}body.rsu-page .rsu-calendar-label{position:absolute;top:-29px;left:0;width:100%}}
@media(min-width:701px) and (max-width:1000px){body.rsu-page .all-age-tile{grid-template-columns:68px minmax(0,1fr) 170px}body.rsu-page .rsu-strip-calendar{transform:translateX(-15px) rotate(-5deg)}}
@media(max-width:700px){body.rsu-page .rsu-strip-calendar{margin:8px auto 14px}}
/* Next Service sits beside the calendar in the shared blue/peach palette. */
body.rsu-page .rsu-strip-calendar{flex-direction:row;align-items:center;justify-content:center;width:244px;gap:18px;transform:none}
body.rsu-page .rsu-calendar-label{position:static;inset:auto;width:86px;flex:0 0 86px;font-size:11px;line-height:1.5;letter-spacing:.08em;text-align:left;color:#365e84;font-weight:750}
body.rsu-page .rsu-calendar-sheet{flex:0 0 124px;transform:rotate(-5deg);border-color:#be703e;box-shadow:4px 5px 0 #f3d8c5,0 9px 18px #263e5014}
body.rsu-page .rsu-calendar-sheet small{background:#365e84;color:white}
body.rsu-page .rsu-calendar-sheet>[data-service-weekday]{color:#365e84}
body.rsu-page .rsu-calendar-sheet .rsu-calendar-time{color:#9b5b32}
@media(min-width:1001px){body.rsu-page .all-age-tile{grid-template-columns:68px minmax(0,1fr) minmax(244px,1fr) auto}body.rsu-page .rsu-strip-calendar{height:108px;transform:translateX(-10px)}}
@media(min-width:701px) and (max-width:1000px){body.rsu-page .all-age-tile{grid-template-columns:68px minmax(0,1fr) 244px}body.rsu-page .rsu-strip-calendar{transform:none}}
@media(max-width:700px){body.rsu-page .rsu-strip-calendar{width:244px;max-width:100%;margin:12px auto 18px}}
body.rsu-page .rsu-calendar-sheet:before{display:none}
body.rsu-page .rsu-calendar-label{text-align:right}
/* Both information strips share the same desktop dimensions. */
@media(min-width:1001px){body.rsu-page .rsu-kids-strip,body.rsu-page .all-age-tile{min-height:188px;padding:30px 36px;border-radius:30px;box-sizing:border-box}body.rsu-page .rsu-kids-copy{max-width:550px}}
@media(min-width:701px) and (max-width:1000px){body.rsu-page .rsu-kids-strip,body.rsu-page .all-age-tile{min-height:212px;padding:26px;border-radius:30px}}
@media(max-width:700px){body.rsu-page .rsu-kids-strip,body.rsu-page .all-age-tile{min-height:0;padding:24px;border-radius:26px}}
/* Keep both strip actions aligned against the right edge on desktop/tablet. */
@media(min-width:701px){body.rsu-page .rsu-kids-strip>.primary{margin-left:auto}body.rsu-page .all-age-tile{grid-template-columns:68px minmax(0,1fr) 244px auto;gap:20px}body.rsu-page .all-age-tile>.rsu-strip-more{grid-column:4;grid-row:1;justify-self:end;margin-left:auto}}
@media(min-width:701px) and (max-width:1000px){body.rsu-page .all-age-tile{grid-template-columns:52px minmax(0,1fr) 174px auto;gap:12px}body.rsu-page .rsu-strip-calendar{width:174px;gap:10px}body.rsu-page .rsu-calendar-label{width:60px;flex-basis:60px;font-size:9px}body.rsu-page .rsu-calendar-sheet{width:100px!important;flex-basis:100px}body.rsu-page .rsu-strip-more,body.rsu-page .rsu-kids-strip>.primary{min-width:140px;padding-left:12px;padding-right:12px}}
/* All-Age popup calendar matches the strip's blue-and-peach tile. */
body.rsu-page #all-age .service-calendar{gap:28px;padding:12px 6px 18px;align-items:center}
body.rsu-page #all-age .calendar-page{display:flex!important;flex-direction:column;align-items:center;width:124px!important;min-width:124px;flex:0 0 124px!important;padding:0!important;background:#fffdf8!important;border:2px solid #be703e!important;border-radius:16px!important;box-shadow:4px 5px 0 #f3d8c5,0 9px 18px #263e5014!important;transform:rotate(-5deg);overflow:hidden}
body.rsu-page #all-age .calendar-month{display:block;align-self:stretch;width:100%;padding:12px 4px 7px;background:#365e84!important;color:#fff!important;font-size:11px!important;font-weight:750;letter-spacing:.05em;text-align:center}
body.rsu-page #all-age .calendar-day{font-size:42px!important;line-height:1.15;padding:5px 0 0;color:#365e84!important}
body.rsu-page #all-age .calendar-weekday{font-size:10px!important;font-weight:750;color:#365e84!important;padding:2px 0 12px}
body.rsu-page #all-age .calendar-details .calendar-caption{color:#365e84;font-weight:750}
body.rsu-page #all-age .calendar-details>strong{color:#9b5b32}
@media(max-width:700px){body.rsu-page #all-age .service-calendar{gap:24px!important;padding:12px 6px 18px!important}body.rsu-page #all-age .calendar-page{margin-inline:auto}}
/* Compact All-Age popup: calendar and service details left, description right. */
@media(min-width:701px){
body.rsu-page #all-age .rainham-popup-body{display:grid;grid-template-columns:190px minmax(0,1fr);column-gap:30px;align-items:center}
body.rsu-page #all-age .service-calendar{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:center;margin:0 0 0 12px;padding:10px 6px 14px;gap:18px}
body.rsu-page #all-age .calendar-details{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px}
body.rsu-page #all-age .rainham-popup-body>p{grid-column:2;grid-row:1;margin:0;text-align:left}
body.rsu-page .rsu-kids-strip,body.rsu-page .all-age-tile{min-height:164px;padding-top:24px;padding-bottom:24px}
}
@media(max-width:700px){body.rsu-page #all-age .rainham-popup-body{display:block}body.rsu-page #all-age .service-calendar{margin:0 auto 24px}body.rsu-page #all-age .rainham-popup-body>p{text-align:center}}
/* Add breathing room around the All-Age calendar, keeping the strips matched. */
@media(min-width:701px){body.rsu-page .rsu-kids-strip,body.rsu-page .all-age-tile{min-height:184px;padding-top:30px;padding-bottom:30px}}
/* One typography rule for both Sunday information strips. */
body.rsu-page main :is(.rsu-kids-copy,.all-age-copy){font-family:var(--rainham-font)!important}
body.rsu-page main :is(.rsu-kids-copy>h2,.all-age-copy>strong){font-family:var(--rainham-font)!important;font-size:26px!important;font-weight:var(--rainham-weight-heading,550)!important;line-height:1.2!important;letter-spacing:var(--rainham-heading-tracking,-.045em)!important;text-transform:uppercase}
body.rsu-page main :is(.rsu-kids-copy>small,.all-age-copy>small){font-family:var(--rainham-font)!important;font-size:10px!important;font-weight:var(--rainham-weight-label,650)!important;letter-spacing:.1em!important;line-height:1.5!important;color:#758b9e}
body.rsu-page main :is(.rsu-kids-copy>p,.all-age-copy>span){font-family:var(--rainham-font)!important;font-size:14px!important;font-weight:var(--rainham-weight-body,400)!important;line-height:var(--rainham-body-leading,1.65)!important;letter-spacing:normal!important;color:#647d92}
@media(max-width:700px){body.rsu-page main :is(.rsu-kids-copy>h2,.all-age-copy>strong){font-size:23px!important}body.rsu-page main :is(.rsu-kids-copy>p,.all-age-copy>span){font-size:13px!important}}

/* Keep sermon headings distinct from the surrounding body text. */
body.rsu-page .rsu-sermon-dialog .rainham-popup-body>h2{margin-bottom:24px!important}
body.rsu-page .rsu-sermon-dialog .service-text :is(h1,h2,h3,h4,h5,h6,.rsu-sermon-subheading){margin-top:28px!important;margin-bottom:14px!important;line-height:1.35}
body.rsu-page .rsu-sermon-dialog .service-text>:first-child{margin-top:0!important}
body.rsu-page .rsu-sermon-dialog .service-text :is(h1,h2,h3,h4,h5,h6,.rsu-sermon-subheading){font-size:var(--rainham-type-content-heading,22px)!important;font-weight:700!important;text-transform:none!important}
body.rsu-page .rsu-sermon-dialog .rsu-sermon-paragraph{margin:0 0 12px;line-height:1.7}
body.rsu-page .rsu-sermon-dialog .rsu-reading-verses{font-size:var(--rainham-type-body,15px)!important;font-weight:400!important;line-height:1.7}
body.rsu-page .rsu-sermon-dialog .service-text .rsu-study-label{font-size:var(--rainham-type-body,15px)!important;font-weight:700!important;text-transform:none!important}
@media(max-width:600px){body.rsu-page .rsu-sermon-dialog .rainham-popup-body>h2{margin-bottom:20px!important}body.rsu-page .rsu-sermon-dialog .service-text :is(h1,h2,h3,h4,h5,h6,.rsu-sermon-subheading){margin-top:24px!important;margin-bottom:12px!important}}

.rsu-find-us{display:grid;grid-template-columns:.85fr 1.15fr;gap:36px;align-items:start;margin:44px 0 12px;padding:32px;border:1px solid #b9cddd;border-radius:28px;background:linear-gradient(135deg,#f8fbffdf,#e8f0f5dc);box-shadow:inset 0 1px #fff,0 10px 30px #28475e0c}
.rsu-find-us h2{font-size:clamp(28px,3.2vw,42px);line-height:1.08;letter-spacing:-.045em;color:#294e6c;margin:0 0 20px}.rsu-find-us p{line-height:1.75;color:#506f86;margin:0 0 18px}.rsu-find-us address{font-style:normal;line-height:1.8;margin-bottom:24px;color:#365c78}.rsu-find-us .rsu-directions{display:inline-flex;align-items:center;justify-content:center;gap:20px;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:700;border-radius:15px;padding:14px 20px;color:#fff;background:linear-gradient(145deg,#597f99,#345e7b);border:1px solid #ffffff70;box-shadow:inset 0 1px #ffffff60}.rsu-map-frame{height:350px;border:2px solid #bd7745;border-radius:22px;overflow:hidden;background:#e0e9ed}.rsu-map-frame iframe{display:block;width:100%;height:100%;border:0}@media(max-width:700px){.rsu-find-us{grid-template-columns:1fr;padding:24px 20px;gap:24px;margin-top:30px}.rsu-map-frame{height:300px}.rsu-find-us-copy{text-align:center}}

/* Match the adjacent 252 Kids icon on desktop and mobile. */
body.rsu-page .all-age-symbol{display:grid;place-items:center;width:68px;height:68px;min-width:68px;min-height:68px;flex:0 0 68px;border-radius:24px}
body.rsu-page .all-age-symbol svg{width:36px;height:36px;flex-shrink:0}

/* Equal paired welcome actions at every breakpoint. */
body.rsu-page .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(100%,440px);align-items:stretch}
body.rsu-page .hero-actions :is(.primary,.secondary){display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:100%;min-height:54px;box-sizing:border-box;margin:0;padding:14px 18px;font-size:12px;line-height:1.4}
@media(max-width:400px){body.rsu-page .hero-actions :is(.primary,.secondary){padding:12px 10px;font-size:10px;gap:7px}}

/* Use the same icon scale as the Sunday cards. */
body.rsu-page :is(.all-age-symbol,.rsu-kids-icon){display:grid;place-items:center;width:76px;height:76px;min-width:76px;min-height:76px;flex:0 0 76px;border-radius:24px}
body.rsu-page :is(.all-age-symbol,.rsu-kids-icon) svg{width:38px;height:38px;flex-shrink:0}
@media(min-width:1001px){body.rsu-page .all-age-tile{grid-template-columns:76px minmax(0,1fr) 244px auto}}
@media(min-width:701px) and (max-width:1000px){body.rsu-page .all-age-tile{grid-template-columns:76px minmax(0,1fr) 174px}body.rsu-page .all-age-tile>.rsu-strip-more{grid-column:2/4;grid-row:2;justify-self:end}}
@media(max-width:700px){body.rsu-page :is(.rsu-kids-icon,.all-age-symbol){order:-1;margin:0 auto}body.rsu-page .all-age-copy{order:0}body.rsu-page .rsu-strip-calendar{order:1}body.rsu-page .rsu-strip-more{order:2}}

/* Phone welcome actions: full-width labels without wrapping. */
@media(max-width:700px){
 body.rsu-page .hero-actions{grid-template-columns:minmax(0,1fr);width:100%;max-width:440px}
 body.rsu-page .hero-actions :is(.primary,.secondary){min-height:54px;padding:14px 20px;font-size:12px;white-space:nowrap;justify-content:center;gap:12px}
}