/* Church website — public styles. Colours/fonts come from CSS variables set in Admin → Appearance. */
[hidden]{display:none !important}
/* surface colours: light by default, swapped by [data-theme=dark] below */
:root{--ink:var(--primary);--surface:#fff;--line:#E7E4DC;--ph:#E4E0D6;--tint:#F4F2ED;--muted:#4A5263}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:var(--nav-h,90px)}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-en);font-size:var(--base-size);line-height:1.75;overflow-x:hidden;overflow-x:clip}
body.lang-km{font-family:var(--font-km);line-height:1.9}
img{max-width:100%;height:auto;display:block}
a{color:var(--ink);text-decoration:none}
a:hover{color:color-mix(in srgb,var(--accent) 70%,#000)}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}
h1,h2,h3{line-height:1.4;color:var(--ink);margin:0}
.lang-km h1,.lang-km h2,.lang-km h3{line-height:1.6}
p{margin:0}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
.container--narrow{max-width:820px}
.container--mid{max-width:1060px}
.skip{position:absolute;left:-9999px;top:8px;z-index:200;background:var(--accent);color:var(--primary);padding:10px 16px;border-radius:6px;font-weight:600}
.skip:focus{left:8px}
.muted{color:var(--muted);font-size:.9em}
.empty{padding:32px 0;color:var(--muted)}

/* ------- buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:var(--radius);border:1.5px solid transparent;font:inherit;font-weight:600;line-height:1.3;cursor:pointer;text-align:center;transition:filter .15s,background .15s}
.btn--sm{min-height:40px;padding:0 16px;font-size:.9em}
.btn--block{width:100%}
.btn--start{align-self:flex-start}
.btn--accent{background:var(--accent);color:var(--primary)}
.btn--accent:hover{filter:brightness(1.07);color:var(--primary)}
.btn--primary{background:var(--primary);color:#fff}
.btn--primary:hover{filter:brightness(1.2);color:#fff}
.btn--ghost{border-color:rgba(255,255,255,.55);color:#fff}
.btn--ghost:hover{background:rgba(255,255,255,.1);color:#fff}
.btn--outline{border-color:var(--ink);color:var(--ink);background:transparent}
.btn--outline:hover{background:var(--primary);color:#fff}
.btn--ghost-dark{border-color:rgba(255,255,255,.4);color:#fff;background:transparent}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.link-arrow{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:600}
.eyebrow{font-size:.95em;font-weight:600;color:color-mix(in srgb,var(--accent) 65%,#000);margin:0}
.eyebrow--light{color:var(--accent)}
.h2{font-size:clamp(1.6rem,3vw,2.4rem)}
.lead{font-size:1.06em;color:color-mix(in srgb,var(--text) 88%,#fff)}
.tag{display:inline-block;background:color-mix(in srgb,var(--accent) 18%,#fff);color:color-mix(in srgb,var(--accent) 45%,#000);font-weight:600;font-size:.8em;padding:2px 10px;border-radius:4px;line-height:1.7}
.meta-line{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:.94em}
.meta-line svg{flex:0 0 auto;color:color-mix(in srgb,var(--accent) 65%,#000)}

/* ------- top bar */
.site-header{position:sticky;top:0;z-index:50}
.navbar{transition:box-shadow .2s}
.site-header.is-stuck{box-shadow:0 8px 24px rgba(19,35,63,.12)}
.topbar{background:var(--primary);color:rgba(255,255,255,.82);font-size:13px}
.topbar__in{display:flex;justify-content:space-between;align-items:center;gap:8px 20px;min-height:38px;flex-wrap:wrap}
.topbar__info{display:flex;flex-wrap:wrap;gap:2px 20px;min-width:0}
.topbar__item{display:inline-flex;gap:6px;align-items:center}
.topbar__item svg{color:var(--accent)}
.topbar__tools{display:flex;align-items:center;gap:10px}
.themetoggle{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s,color .15s}
.themetoggle:hover{background:rgba(255,255,255,.12)}
.themetoggle__sun,[data-theme=dark] .themetoggle__moon{display:none}
[data-theme=dark] .themetoggle__sun{display:block;color:var(--accent)}
.langswitch{display:inline-flex;align-items:center;padding:2px;border:1px solid rgba(255,255,255,.25);border-radius:999px}
.langswitch a{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;color:rgba(255,255,255,.85);font-size:12px;font-weight:600;line-height:1}
.langswitch a.is-on{background:var(--accent);color:var(--primary)}
.langswitch a:not(.is-on):hover{color:#fff}
.langswitch--light{border-color:var(--line)}
.langswitch--light a{color:var(--muted);height:40px;padding:0 18px;font-size:14px}
.langswitch--light a.is-on{background:var(--primary);color:#fff}

/* ------- navbar */
.navbar{background:var(--surface);border-bottom:1px solid var(--line)}
.navbar__in{display:flex;align-items:stretch;justify-content:space-between;gap:16px;min-height:78px;position:relative}
.brand{display:flex;align-items:center;gap:12px;padding:12px 0;min-width:0}
.brand__mark{flex:0 0 46px;height:46px;border-radius:50%;background:var(--primary);color:var(--accent);display:flex;align-items:center;justify-content:center}
.brand__logo{width:48px;height:48px;object-fit:contain}
.brand__text{display:flex;flex-direction:column;line-height:1.35;min-width:0}
.brand__km{font-family:var(--font-km-head);font-size:var(--brand-km,16px);color:var(--ink)}
.brand__en{font-family:var(--font-en);font-size:var(--brand-en,16px);font-weight:700;color:var(--ink)}
.brand--light .brand__km,.brand--light .brand__en{color:#fff}
.brand--light .brand__mark{background:rgba(255,255,255,.1)}
.navbar__cta{align-self:center;flex:0 0 auto;min-height:44px;white-space:nowrap}
.navbar__burger{display:none;align-self:center;width:48px;height:48px;margin-right:-10px;border:0;border-radius:50%;background:transparent;color:var(--ink);align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s}
.navbar__burger:hover,.navbar__burger:active{background:color-mix(in srgb,var(--primary) 8%,transparent)}
.navbar__burger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.burger{display:flex;flex-direction:column;align-items:flex-end;gap:6px;width:26px}
.burger i{display:block;height:2.5px;border-radius:3px;background:currentColor;transition:width .25s ease}
.burger i:nth-child(1){width:26px}
.burger i:nth-child(2){width:16px}
.burger i:nth-child(3){width:21px}
.navbar__burger:hover .burger i,.navbar__burger:focus-visible .burger i{width:26px}

.mainnav{flex:1 1 auto;display:flex;justify-content:center}
.mainnav__list{list-style:none;margin:0;padding:0;display:flex;align-items:stretch}
.mainnav__item{position:relative;display:flex}
.mainnav__item.is-mega{position:static}
.mainnav__link{display:flex;align-items:center;gap:6px;padding:0 14px;min-height:48px;border:0;background:none;font:inherit;font-size:16px;font-weight:600;color:var(--ink);cursor:pointer;white-space:nowrap;box-shadow:inset 0 -3px 0 transparent;transition:color .15s,box-shadow .15s}
.mainnav__link svg{transition:transform .2s}
.mainnav__item.is-active>.mainnav__link{box-shadow:inset 0 -3px 0 var(--accent)}
.mainnav__item:hover>.mainnav__link,.mainnav__item.is-open>.mainnav__link,.mainnav__link:hover{color:color-mix(in srgb,var(--accent) 65%,#000)}
.mainnav__item.is-open>.mainnav__link svg{transform:rotate(180deg)}

.dropdown,.flyout{list-style:none;margin:0;padding:8px;background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 40px rgba(19,35,63,.16);min-width:260px;position:absolute;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .15s,transform .15s,visibility .15s;z-index:60}
.dropdown{top:100%;left:0;border-top:3px solid var(--accent);border-radius:0 0 10px 10px}
.flyout{top:-9px;left:100%;margin-left:6px;border-radius:10px}
.flyout::before{content:"";position:absolute;left:-10px;top:0;bottom:0;width:10px}
.dropdown__item{position:relative}
.dropdown__link{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:8px 14px;border:0;border-radius:6px;background:none;font:inherit;font-size:15px;font-weight:500;color:var(--ink);text-align:left;cursor:pointer;line-height:1.45}
.dropdown__link:hover,.dropdown__item.is-open>.dropdown__link{background:color-mix(in srgb,var(--accent) 12%,#fff);color:color-mix(in srgb,var(--accent) 50%,#000)}
.dropdown__link--parent{font-weight:700}
.dropdown__item--split{display:flex;align-items:stretch;border-radius:6px}
.dropdown__item--split>.dropdown__link{flex:1 1 auto;min-width:0}
.dropdown__toggle{flex:0 0 40px;min-height:44px;border:0;border-radius:6px;background:none;color:inherit;display:flex;align-items:center;justify-content:center;cursor:pointer}
.dropdown__item--split:hover,.dropdown__item--split.is-open{background:color-mix(in srgb,var(--accent) 12%,var(--surface))}
.dropdown__item--split:hover>.dropdown__link,.dropdown__item--split.is-open>.dropdown__link{background:none}
.dropdown__item--split:hover>*,.dropdown__item--split.is-open>*{color:color-mix(in srgb,var(--accent) 50%,var(--ink))}
.mainnav__item.is-open>.dropdown,.dropdown__item.is-open>.flyout{opacity:1;visibility:visible;transform:none}
/* flyouts near the right edge open to the left */
.dropdown__item.flip>.flyout{left:auto;right:100%;margin:0 6px 0 0}

.mega{position:absolute;top:100%;left:24px;right:24px;background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:0 0 12px 12px;box-shadow:0 24px 48px rgba(19,35,63,.18);padding:28px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .15s,transform .15s,visibility .15s;z-index:60}
.mainnav__item.is-open>.mega{opacity:1;visibility:visible;transform:none}
.mega__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}
.mega__col{display:flex;flex-direction:column;gap:2px}
.mega__title{display:block;padding:0 10px 10px;margin-bottom:4px;border-bottom:1px solid var(--line);font-size:13px;font-weight:700;letter-spacing:.02em;color:color-mix(in srgb,var(--accent) 55%,#000)}
.mega__link{display:flex;flex-direction:column;justify-content:center;min-height:44px;padding:6px 10px;border-radius:6px;line-height:1.45}
.mega__link:hover{background:color-mix(in srgb,var(--accent) 10%,#fff)}
.mega__label{font-size:15px;font-weight:600;color:var(--ink)}
.mega__desc{font-size:13px;color:var(--muted)}
.mega__card{background:var(--primary);color:#fff;border-radius:10px;padding:18px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.mega__card img,.mega__ph{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px;background:rgba(255,255,255,.1);display:block}
.mega__kicker{font-size:13px;font-weight:600;color:var(--accent)}
.mega__ctitle{font-size:17px;font-weight:700;line-height:1.45}
.mega__when{font-size:14px;color:rgba(255,255,255,.8)}

/* ------- mobile drawer */
.drawer{position:fixed;inset:0;z-index:100;background:rgba(10,18,33,.45)}
.drawer[hidden]{display:none}
.drawer__panel{position:absolute;top:0;right:0;bottom:0;width:min(420px,100%);background:var(--surface);display:flex;flex-direction:column;overflow-y:auto;animation:slidein .2s ease-out}
@keyframes slidein{from{transform:translateX(30px);opacity:.4}to{transform:none;opacity:1}}
.drawer__head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}
.drawer__close{width:48px;height:48px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer}
.mnav{padding:8px 16px;flex:1 1 auto}
.mnav__list{list-style:none;margin:0;padding:0}
.mnav__list--l0>.mnav__item{border-bottom:1px solid var(--line)}
.mnav__list--l1{padding:0 0 10px 16px;margin-bottom:8px}
.mnav__list--l2{padding:4px 0 4px 14px;background:var(--tint);border-radius:8px;margin-bottom:6px}
.mnav__toggle,.mnav__link{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:52px;padding:6px 0;border:0;background:none;font:inherit;font-size:17px;font-weight:600;color:var(--ink);text-align:left;cursor:pointer;line-height:1.5}
.mnav__list--l1 .mnav__toggle,.mnav__list--l1 .mnav__link{min-height:46px;font-size:16px;font-weight:500;color:var(--muted)}
.mnav__list--l2 .mnav__link{min-height:44px;font-size:15px;color:var(--muted)}
.mnav__link--parent{font-weight:700 !important}
.mnav__row{display:flex;align-items:center;gap:6px}
.mnav__row>.mnav__link{flex:1 1 auto;min-width:0}
.mnav__toggle--icon{flex:0 0 48px;width:48px;justify-content:center;border-radius:8px}
.mnav__toggle--icon:hover{background:var(--tint)}
.mnav__toggle svg{transition:transform .2s;flex:0 0 auto}
.mnav__toggle[aria-expanded="true"]{color:color-mix(in srgb,var(--accent) 55%,#000)}
.mnav__toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.drawer__foot{padding:16px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:14px}
body.no-scroll{overflow:hidden}

/* ------- social icons */
.social{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.social a{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s}
.social a:hover{background:var(--accent);color:var(--primary)}
.social--dark a{background:var(--primary);color:#fff}
.social--center{justify-content:center}

/* ------- hero */
.hero{position:relative;background:var(--primary) var(--hero-img,none) center/cover no-repeat;color:#fff;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,18,33,.82),rgba(10,18,33,.45));pointer-events:none}
.hero__in{position:relative;padding:clamp(72px,10vw,128px) 24px clamp(140px,14vw,190px);display:flex;flex-direction:column;gap:22px}
.hero__title{color:#fff;font-size:clamp(2rem,4.6vw,3.6rem);max-width:820px;line-height:1.35}
.lang-km .hero__title{line-height:1.6}
.hero__sub{max-width:620px;font-size:clamp(1rem,1.6vw,1.18rem);color:rgba(255,255,255,.85)}

/* ------- mass times card */
.times{position:relative;margin-top:-96px;z-index:2}
.times__card{background:var(--surface);border-radius:12px;box-shadow:0 20px 48px rgba(19,35,63,.14);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));overflow:hidden}
.times__head{background:var(--primary);color:#fff;padding:24px 28px;display:flex;flex-direction:column;justify-content:center;gap:6px}
.times__head h2{color:#fff;font-size:1.35rem}
.times__head a{color:var(--accent);font-weight:600;font-size:.92em}
.times__cell{padding:24px 28px;display:flex;flex-direction:column;gap:4px;box-shadow:inset 1px 1px 0 var(--line)}
.times__label{font-size:.88em;font-weight:600;color:color-mix(in srgb,var(--accent) 55%,#000)}
.times__time{font-size:1.15em;font-weight:600;color:var(--ink)}
.times__note{font-size:.86em;color:var(--muted)}

/* ------- sections */
.section{padding:clamp(64px,9vw,112px) 0}
.section--tint{background:color-mix(in srgb,var(--accent) 6%,var(--tint))}
.section__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:36px}
.section__head>div{display:flex;flex-direction:column;gap:8px}
.stack{display:flex;flex-direction:column;gap:18px}
.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:clamp(40px,6vw,64px);align-items:center}
.split--top{align-items:stretch}
.split__media{position:relative}
.imgbox{border-radius:12px;background:var(--ph);overflow:hidden;display:block}
.imgbox img{width:100%;height:100%;object-fit:cover}
.imgbox--43{aspect-ratio:4/3}
.imgbox--169{aspect-ratio:16/9}
.since{position:absolute;right:16px;bottom:-26px;background:var(--primary);color:#fff;border-radius:10px;padding:14px 20px;display:flex;flex-direction:column;line-height:1.4}
.since span{font-size:13px;color:var(--accent)}
.since strong{font-size:24px}
.linklist{list-style:none;margin:0;padding:0}
.linklist a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:52px;border-bottom:1px solid var(--line);font-weight:600;font-size:1.03em}
.linklist a span{color:color-mix(in srgb,var(--accent) 60%,#000)}

.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px}
.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:32px 24px}

.ecard{background:var(--surface);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(19,35,63,.06)}
.ecard__img{position:relative;aspect-ratio:16/10;background:color-mix(in srgb,var(--primary) 80%,#fff)}
.ecard__img img{width:100%;height:100%;object-fit:cover}
.ecard__body{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1 1 auto}
.ecard__title{font-size:1.18em}
.ecard__title a{color:var(--ink)}
.ecard .link-arrow{margin-top:auto}
.datebox{position:absolute;left:16px;top:16px;min-width:68px;background:var(--surface);border-radius:8px;padding:6px 10px;display:flex;flex-direction:column;align-items:center;line-height:1.25}
.datebox__d{font-size:26px;font-weight:700;color:var(--ink)}
.datebox__m{font-size:13px;font-weight:600;color:color-mix(in srgb,var(--accent) 55%,#000)}
.datebox--sm{position:static;flex:0 0 56px;min-width:56px;height:56px;justify-content:center;background:var(--primary);padding:4px}
.datebox--sm .datebox__d{font-size:18px;color:#fff}
.datebox--sm .datebox__m{font-size:11px;color:var(--accent)}

.ncard{display:flex;flex-direction:column;gap:12px}
.ncard__img{aspect-ratio:3/2;border-radius:10px;background:var(--ph);overflow:hidden;display:block}
.ncard__img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.ncard:hover .ncard__img img{transform:scale(1.03)}
.ncard__meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:.85em;color:var(--muted)}
.ncard__title{font-size:1.15em}
.ncard__title a{color:var(--ink)}
.ncard__ex{color:var(--muted);font-size:.95em}

.newsgrid{display:flex;flex-wrap:wrap;gap:32px}
.feature{flex:3 1 460px;min-width:0;display:flex;flex-direction:column;gap:14px}
.feature__title{font-size:clamp(1.3rem,2.2vw,1.65rem)}
.feature__title a{color:var(--ink)}
.newsgrid__side{flex:2 1 300px;min-width:0;display:flex;flex-direction:column;gap:22px}
.mini{display:flex;gap:16px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.mini__img{flex:0 0 112px;height:88px;border-radius:8px;background:var(--ph);overflow:hidden}
.mini__img img{width:100%;height:100%;object-fit:cover}
.mini__meta{font-size:.82em;font-weight:600;color:color-mix(in srgb,var(--accent) 45%,#000)}
.mini__meta span{font-weight:400;color:var(--muted)}
.mini__title{font-size:1.02em;margin-top:4px}
.mini__title a{color:var(--ink)}
.follow{background:var(--tint);border-radius:12px;padding:22px;display:flex;flex-direction:column;gap:8px}
.follow strong{color:var(--ink)}
.follow span{font-size:.95em;color:var(--muted)}
.follow .social{margin-top:4px}

.verse{background:var(--primary);color:#fff;text-align:center;padding:clamp(64px,8vw,96px) 0}
.verse__in{max-width:840px;display:flex;flex-direction:column;gap:18px;align-items:center}
.verse blockquote{margin:0;font-size:clamp(1.25rem,2.4vw,1.85rem);line-height:1.7;font-weight:500}
.verse cite{font-style:normal;color:rgba(255,255,255,.75)}

.contactlist{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:16px}
.contactlist li{display:flex;gap:14px;align-items:center}
.contactlist__ic{flex:0 0 44px;height:44px;border-radius:50%;background:color-mix(in srgb,var(--accent) 18%,#fff);color:color-mix(in srgb,var(--accent) 45%,#000);display:flex;align-items:center;justify-content:center}
.contactlist small{display:block;color:var(--muted);font-size:.8em}
.contactlist li>span:last-child{font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.map{min-height:340px;border-radius:12px;overflow:hidden;background:var(--ph);display:flex}
.map iframe{border:0;width:100%;min-height:340px;flex:1 1 auto}
.map__ph{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--ink);padding:24px;text-align:center;font-size:.95em}

/* ------- inner page header */
.pagehead{position:relative;background:var(--primary) var(--ph-img,none) center/cover;color:#fff}
.pagehead::before{content:"";position:absolute;inset:0;background:rgba(10,18,33,.72);pointer-events:none}
.pagehead__in{position:relative;padding:clamp(44px,7vw,72px) 24px;display:flex;flex-direction:column;gap:12px}
.pagehead__title{color:#fff;font-size:clamp(1.9rem,4vw,2.9rem)}
.pagehead__intro{max-width:660px;color:rgba(255,255,255,.85);font-size:1.08em}
.pagehead__meta{color:rgba(255,255,255,.8)}
.views{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.views svg{opacity:.85}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:14px}
.crumbs li{display:flex;gap:8px;align-items:center;color:rgba(255,255,255,.75)}
.crumbs li+li::before{content:"/";opacity:.6}
.crumbs a{color:rgba(255,255,255,.8)}
.crumbs [aria-current]{color:var(--accent)}

.with-aside{display:flex;flex-wrap:wrap;gap:48px;padding-top:clamp(40px,6vw,64px);padding-bottom:96px;align-items:flex-start}
.with-aside__main{flex:999 1 600px;min-width:0;display:flex;flex-direction:column;gap:28px}
.with-aside__side{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;gap:24px}
.with-aside--left .with-aside__side{order:-1}
.page-body{padding-bottom:0}
.container--narrow.page-body,.container--narrow>.page-body{padding:48px 0 96px}

.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.chip{flex:0 0 auto;display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line);font-weight:600;font-size:.94em;white-space:nowrap}
.chip.is-on{background:var(--primary);border-color:var(--ink);color:#fff}
.results{font-weight:600}
.searchbox label{display:block;font-weight:600;color:var(--ink);margin-bottom:8px}
.searchbox__row{display:flex;gap:8px}
.searchbox input{flex:1 1 auto;min-width:0;height:48px;padding:0 14px;border:1px solid var(--line);border-radius:var(--radius);font:inherit}
.searchbox button{flex:0 0 48px;height:48px;border:0;border-radius:var(--radius);background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.sidebox{border:1px solid var(--line);border-radius:12px;padding:22px;display:flex;flex-direction:column;gap:12px}
.sidebox--dark{background:var(--primary);color:#fff;border:0}
.sidebox--dark strong{font-size:1.05em}
.sidebox--dark p{color:rgba(255,255,255,.8);font-size:.95em}
.sidebox__phone{display:inline-flex;align-items:center;min-height:44px;color:var(--accent);font-weight:600}
.sidebox__h{font-size:1.02em}
.sidelist{list-style:none;margin:0;padding:0}
.sidelist a{display:flex;align-items:center;min-height:44px;border-bottom:1px solid var(--line)}
.evlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.evlist a{display:flex;gap:14px;align-items:center;font-weight:600;line-height:1.5}

.pager{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:16px;border-top:1px solid var(--line)}
.pager__num,.pager__btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 14px;border-radius:var(--radius);border:1px solid var(--line);font-weight:600}
.pager__num.is-on{background:var(--primary);border-color:var(--ink);color:#fff}
.pager__gap{padding:0 4px;color:var(--muted)}

/* ------- events list */
.events{padding-top:48px;padding-bottom:96px;display:flex;flex-direction:column;gap:36px}
.toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.seg{display:inline-flex;gap:4px;background:var(--tint);padding:4px;border-radius:8px}
.seg a{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:6px;font-weight:600;color:var(--muted)}
.seg a.is-on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px rgba(19,35,63,.12)}
.toolbar__filter{display:flex;gap:10px;align-items:center}
.toolbar__filter label{font-size:.9em;color:var(--muted)}
select,input,textarea{font:inherit;color:inherit}
.toolbar select{height:44px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.month{display:flex;flex-direction:column;gap:16px}
.month__h{font-size:1.35rem}
.erow{display:flex;flex-wrap:wrap;gap:20px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:12px}
.erow__date{flex:0 0 80px;height:88px;border-radius:10px;background:var(--primary);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.25}
.erow__date span{font-size:13px;color:var(--accent);font-weight:600}
.erow__date strong{font-size:30px}
.erow__img{flex:1 1 150px;max-width:190px;height:100px;border-radius:8px;background:var(--ph);overflow:hidden}
.erow__img img{width:100%;height:100%;object-fit:cover}
.erow__body{flex:999 1 260px;min-width:0;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.erow__title{font-size:1.18em}
.erow__title a{color:var(--ink)}
.erow__meta{display:flex;flex-wrap:wrap;gap:4px 20px}
.erow__btn{flex:0 0 auto}

.facts{margin:0;display:flex;flex-direction:column;gap:14px}
.facts dt{font-size:13px;color:var(--accent);font-weight:600}
.facts dd{margin:0}

/* ------- article / prose */
.article{padding:40px 24px 80px;display:flex;flex-direction:column;gap:28px}
.article__hero{margin:0;border-radius:12px;overflow:hidden}
.prose{font-size:1.03em;color:color-mix(in srgb,var(--text) 92%,#fff)}
.prose>*+*{margin-top:1.1em}
.prose h2{font-size:1.6rem;margin-top:1.6em}
.prose h3{font-size:1.25rem;margin-top:1.4em}
.prose ul,.prose ol{padding-left:1.4em}
.prose li+li{margin-top:.35em}
.prose a{text-decoration:underline;text-underline-offset:3px}
.prose img{border-radius:10px;margin:1.5em 0}
.prose blockquote{margin:1.5em 0;padding:20px 24px;background:var(--tint);border-radius:12px;font-size:1.12em;color:var(--ink)}
.prose table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}
.prose td,.prose th{border:1px solid var(--line);padding:8px 12px}
.prose iframe{max-width:100%}
.prose .gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:1.5em 0}
.prose .gallery img{margin:0;width:100%;aspect-ratio:4/3;object-fit:cover}
.prose .video{position:relative;aspect-ratio:16/9}
.prose .video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:10px}
.share{display:flex;gap:10px}
.share__btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center}

.sidenav{border:1px solid var(--line);border-radius:12px;overflow:hidden}
.sidenav__top{display:block;padding:16px 20px;background:var(--tint);font-weight:700}
.sidenav ul{list-style:none;margin:0;padding:0}
.sidenav li a{display:flex;align-items:center;min-height:50px;padding:6px 20px;border-top:1px solid var(--line);font-weight:600;line-height:1.45}
.sidenav a.is-on{color:color-mix(in srgb,var(--accent) 50%,#000);background:color-mix(in srgb,var(--accent) 8%,#fff);box-shadow:inset 3px 0 0 var(--accent)}
.sidenav__sub a{padding-left:36px !important;font-weight:500 !important;font-size:.94em;min-height:44px !important}
.childgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:20px;margin-top:12px}
.childcard{display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);border-radius:12px;padding:14px;color:var(--ink)}
.childcard__img{aspect-ratio:16/10;border-radius:8px;background:var(--ph);overflow:hidden}
.childcard__img img{width:100%;height:100%;object-fit:cover}
.childcard span:last-child{font-size:.9em;color:var(--muted)}

/* ------- contact */
.pagehead:has(+ .cards3) .pagehead__in{padding-bottom:calc(clamp(44px,7vw,72px) + 56px)}
.cards3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:20px;margin-top:-56px;position:relative;z-index:2}
.ccard{background:var(--surface);border-radius:12px;box-shadow:0 16px 40px rgba(19,35,63,.12);padding:26px;display:flex;flex-direction:column;gap:8px;overflow-wrap:anywhere}
.ccard strong{color:var(--ink);font-size:1.08em}
.ccard__ic{width:48px;height:48px;border-radius:50%;background:color-mix(in srgb,var(--accent) 18%,#fff);color:color-mix(in srgb,var(--accent) 45%,#000);display:flex;align-items:center;justify-content:center}
.form{gap:20px}
.form__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:20px}
.field{display:flex;flex-direction:column;gap:8px}
.field label{font-weight:600;color:var(--ink);font-size:.95em}
.field input,.field select,.field textarea{width:100%;min-height:52px;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:16px}
.field textarea{resize:vertical;line-height:1.75}
.req{color:#B42318}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.alert{padding:14px 18px;border-radius:8px;font-weight:600}
.alert--ok{background:#E7F3EC;color:#1D6B43}
.alert--err{background:#FDECEA;color:#9B1C1C}
.hours{margin:0;display:flex;flex-direction:column}
.hours div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.95em}
.hours div:last-child{border:0}
.hours dd{margin:0;font-weight:600;color:var(--ink);text-align:right}

.errorpage{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.errorpage__code{font-size:72px;font-weight:700;color:var(--accent);line-height:1}

/* ------- footer */
.footer{background:var(--footer);color:rgba(255,255,255,.75);margin-top:0}
.footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:40px;padding-top:72px;padding-bottom:48px}
.footer__col{display:flex;flex-direction:column;gap:14px}
.footer__about{font-size:.94em}
.footer__label{color:#fff;font-weight:600;font-size:.92em}
.footer__h{color:#fff;font-size:1rem}
.footer__links{list-style:none;margin:0;padding:0}
.footer__links a{display:inline-flex;align-items:center;min-height:38px;color:rgba(255,255,255,.75)}
.footer__links a:hover,.footer__contact a:hover{color:var(--accent)}
.footer__times{margin:0}
.footer__times div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:.93em}
.footer__times dd{margin:0;color:#fff;font-weight:600;text-align:right}
.footer__contact p{display:flex;gap:10px;align-items:flex-start;font-size:.94em}
.footer__contact svg{flex:0 0 auto;margin-top:5px;color:var(--accent)}
.footer__contact a{color:rgba(255,255,255,.85);overflow-wrap:anywhere}
.footer__bottom{border-top:1px solid rgba(255,255,255,.1)}
.footer__bottom-in{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:64px;font-size:.88em;flex-wrap:wrap}
.footer__bottom a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;display:inline-flex;align-items:center;justify-content:center}
.footer__bottom a svg{transform:rotate(180deg)}

/* ------- dark mode (visitor toggle in the top bar; follows the phone/computer setting by default) */
[data-theme=dark]{color-scheme:dark;--bg:#101317;--surface:#181C22;--text:#C9CED6;--ink:#F2EDE3;--line:#2A3039;--ph:#232932;--tint:#1A1F26;--muted:#9AA3B1}
[data-theme=dark] a:hover{color:var(--accent)}
[data-theme=dark] .topbar{background:#0B0E12;border-bottom:1px solid var(--line)}
[data-theme=dark] .navbar{border-bottom-color:var(--line)}
[data-theme=dark] .site-header.is-stuck{box-shadow:0 8px 24px rgba(0,0,0,.5)}
[data-theme=dark] .mainnav__link.is-active,[data-theme=dark] .mainnav__link[aria-current]{color:var(--accent)}
[data-theme=dark] .btn--primary{background:var(--accent);color:#14110A}
[data-theme=dark] .btn--primary:hover{filter:brightness(1.08);color:#14110A}
[data-theme=dark] .section--tint{background:var(--tint)}
[data-theme=dark] .tag{background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--accent)}
[data-theme=dark] .eyebrow{color:var(--accent)}
[data-theme=dark] .verse{background:#0B0E12}
[data-theme=dark] .footer{background:#0B0E12;border-top:1px solid var(--line)}
[data-theme=dark] .times__lead{background:#0B0E12}
[data-theme=dark] .times__card,[data-theme=dark] .ecard,[data-theme=dark] .ccard,[data-theme=dark] .dropdown,[data-theme=dark] .flyout,[data-theme=dark] .mega{box-shadow:0 16px 40px rgba(0,0,0,.45);border-color:var(--line)}
[data-theme=dark] .ecard,[data-theme=dark] .ccard{border:1px solid var(--line)}
[data-theme=dark] .field input,[data-theme=dark] .field select,[data-theme=dark] .field textarea,[data-theme=dark] .searchbox input,[data-theme=dark] .toolbar select{background:var(--tint);color:var(--text);border-color:var(--line)}
[data-theme=dark] .drawer{background:rgba(0,0,0,.6)}
[data-theme=dark] .map iframe{filter:invert(.9) hue-rotate(180deg) saturate(.7)}
[data-theme=dark] img{filter:brightness(.92)}
[data-theme=dark] .brand__logo{filter:none}
[data-theme=dark] .hero{background-color:#0B0E12}
[data-theme=dark] .cookie{background:#181C22;border:1px solid var(--line)}
[data-theme=dark] .contactlist__ic,[data-theme=dark] .ccard__ic{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}
[data-theme=dark] .dropdown__link:hover,[data-theme=dark] .dropdown__item.is-open>.dropdown__link,[data-theme=dark] .mega__link:hover,[data-theme=dark] .sidenav a.is-on{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}
[data-theme=dark] .ecard__img{background:var(--ph)}
[data-theme=dark] .social--dark a{background:var(--tint);border:1px solid var(--line);color:var(--ink)}
[data-theme=dark] .social--dark a:hover{background:var(--accent);color:#14110A}
[data-theme=dark] .langswitch--light{border-color:var(--line)}
[data-theme=dark] .langswitch--light a{color:var(--muted)}
[data-theme=dark] .langswitch--light a.is-on{background:var(--accent);color:#14110A}
[data-theme=dark] .pagehead,[data-theme=dark] .times__lead{background-color:#0B0E12}
[data-theme=dark] .datebox{background:var(--surface);border:1px solid var(--line)}

/* ------- untranslated page note + drawer title */
.langnote{background:color-mix(in srgb,var(--accent) 14%,var(--surface));border-bottom:1px solid var(--line);color:var(--ink);font-size:.92em}
.langnote .container{display:flex;align-items:center;gap:8px;min-height:42px;padding-top:6px;padding-bottom:6px}
.drawer__title{font-weight:700;color:var(--ink);font-size:1.05em}

/* ------- search */
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.navsearch{align-self:center;flex:0 0 auto;width:44px;height:44px;margin-left:4px;border:0;border-radius:50%;background:transparent;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}
.navsearch:hover,.navsearch[aria-expanded="true"]{background:color-mix(in srgb,var(--accent) 16%,transparent);color:color-mix(in srgb,var(--accent) 55%,var(--ink))}
.section--tight{padding:clamp(36px,5vw,56px) 0 clamp(56px,8vw,96px)}
.bigsearch{display:flex;gap:10px;max-width:680px;margin-top:6px}
.bigsearch input{flex:1 1 auto;min-width:0;height:54px;border:0;border-radius:var(--radius);padding:0 18px;font:inherit;font-size:1.05em;background:#fff;color:#1F2937}
.bigsearch .btn{min-height:54px;gap:8px}
.search__count{color:var(--muted);margin-bottom:8px}
.search__h{font-size:1.25rem;margin:28px 0 12px;display:flex;align-items:center;gap:10px}
.search__h span{font-size:.7em;font-weight:600;background:var(--tint);color:var(--muted);border-radius:999px;padding:2px 10px}
.sresults{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.sresult{display:flex;gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}
.sresult__img{flex:0 0 120px;height:84px;border-radius:8px;background:var(--ph);overflow:hidden}
.sresult__img img{width:100%;height:100%;object-fit:cover}
.sresult__body{min-width:0;display:flex;flex-direction:column;gap:4px}
.sresult__date{font-size:.85em;color:var(--muted)}
.sresult__title{font-size:1.08rem}
.sresult__title a{color:var(--ink)}
.sresult__text{color:var(--muted);font-size:.95em}
.sresult mark{background:color-mix(in srgb,var(--accent) 30%,transparent);color:inherit;border-radius:3px;padding:0 2px}
@media (max-width:640px){
  .sresult__img{flex-basis:84px;height:64px}
  .bigsearch{flex-direction:column}
  .navsearch{margin-left:auto}
}
.spotlight{position:fixed;inset:0;z-index:120;background:rgba(10,14,22,.38);-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);display:flex;justify-content:center;align-items:flex-start;padding:clamp(56px,14vh,140px) 16px 16px;animation:spfade .16s ease-out}
.spotlight__box{width:min(680px,100%);max-height:min(70vh,640px);display:flex;flex-direction:column;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.28),0 2px 6px rgba(0,0,0,.08);overflow:hidden;animation:sppop .18s cubic-bezier(.2,.9,.3,1.2)}
@keyframes spfade{from{opacity:0}to{opacity:1}}
@keyframes sppop{from{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:none}}
.spotlight__form{display:flex;align-items:center;gap:12px;padding:0 14px 0 20px;min-height:68px}
.spotlight__ic{color:var(--muted);display:flex;flex:0 0 auto}
.spotlight__form input{flex:1 1 auto;min-width:0;height:66px;border:0;background:transparent;font:inherit;font-size:1.3em;color:var(--text);outline:none;-webkit-appearance:none;appearance:none}
.spotlight__form input::-webkit-search-cancel-button{display:none}
.spotlight__close{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:12px}
.spotlight__close:hover{background:var(--tint);color:var(--ink)}
.spotlight__close svg{display:none}
.spotlight__esc{border:1px solid var(--line);border-radius:5px;padding:1px 6px;font-weight:600;letter-spacing:.02em}
.spotlight__list{list-style:none;margin:0;padding:6px;border-top:1px solid var(--line);overflow-y:auto}
.spotlight__group{padding:10px 12px 4px;font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.03em}
.spotlight__item a{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:10px;color:var(--text)}
.spotlight__item a:hover,.spotlight__item.is-on a{background:var(--accent);color:#14110A}
.spotlight__item.is-on a .spotlight__sub,.spotlight__item a:hover .spotlight__sub{color:rgba(20,17,10,.75)}
.spotlight__thumb{flex:0 0 40px;height:40px;border-radius:8px;background:var(--ph);overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--muted)}
.spotlight__thumb img{width:100%;height:100%;object-fit:cover}
.spotlight__txt{min-width:0;display:flex;flex-direction:column;line-height:1.4}
.spotlight__title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spotlight__sub{font-size:.82em;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spotlight__all a{justify-content:center;font-weight:600;color:var(--ink)}
.spotlight__msg{margin:0;padding:18px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:.95em}
.spotlight__hint{margin:0;padding:9px 20px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);background:color-mix(in srgb,var(--tint) 60%,transparent)}
body.spot-open{overflow:hidden}
@media (max-width:640px){
  .spotlight{padding:12px 10px}
  .spotlight__box{max-height:calc(100vh - 24px);border-radius:14px}
  .spotlight__form input{font-size:1.1em;height:58px}
  .spotlight__form{min-height:58px}
  .spotlight__hint{display:none}
  .spotlight__esc{display:none}
  .spotlight__close svg{display:block}
}
@media (prefers-reduced-motion:reduce){.spotlight,.spotlight__box{animation:none}}
[data-theme=dark] .spotlight{background:rgba(0,0,0,.55)}
[data-theme=dark] .bigsearch input{background:var(--surface);color:var(--text);border:1px solid var(--line)}

/* ------- back to top */
.totop{position:fixed;right:20px;bottom:20px;z-index:80;width:48px;height:48px;border:0;border-radius:50%;background:var(--accent);color:var(--primary);box-shadow:0 8px 24px rgba(19,35,63,.25);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .2s,transform .2s,visibility .2s}
.totop.is-on{opacity:1;visibility:visible;transform:none}
.totop:hover{background:var(--primary);color:#fff}
.totop:focus-visible{outline:3px solid var(--primary);outline-offset:3px}
.totop svg{transform:rotate(180deg)}
body.has-cookie .totop{bottom:96px}
@media (max-width:640px){.totop{right:14px;bottom:14px;width:44px;height:44px}}

/* ------- cookie banner */
.cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:90;max-width:560px;margin:0 auto;background:var(--primary);color:#fff;border-radius:12px;padding:16px 18px;box-shadow:0 12px 40px rgba(0,0,0,.25);display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.cookie[hidden]{display:none}
.cookie p{flex:1 1 260px;font-size:.92em}
.cookie__btns{display:flex;gap:8px}

/* ------- responsive */
@media (max-width:1240px){
  .navbar__cta{display:none}
  .mainnav__link{padding:0 10px;font-size:15px}
}
/* ☰ menu below 1100px: the full menu plus a long church name doesn't fit on small laptops / tablets */
@media (max-width:1100px){
  .mainnav{display:none}
  .navbar__burger{display:inline-flex}
  .navbar__in{min-height:68px}
  .navsearch{margin-left:auto}
}
@media (max-width:960px){
  .topbar__addr{display:none}
}
@media (max-width:640px){
  .container{padding-left:16px;padding-right:16px}
  .hero__in{padding-top:56px;padding-bottom:128px;gap:18px}
  .lang-km .hero__title{font-size:1.85rem;line-height:1.65}
  .topbar__info{display:none}
  .topbar__in{justify-content:flex-end;min-height:40px}
  .hero__sub{font-size:1rem}
  .hero .btn-row .btn{flex:1 1 100%}
  .times{margin-top:-80px}
  .times__card{grid-template-columns:1fr}
  .times__cell{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 12px;padding:16px 20px}
  .times__note{flex-basis:100%}
  .brand__en{font-size:calc(var(--brand-en,16px) * .82)}
  .brand__km{font-size:calc(var(--brand-km,16px) * .82)}
  .erow{padding:14px;gap:14px}
  .erow__img{display:none}
  .erow__btn{width:100%}
  .mini__img{flex-basis:96px;height:76px}
  .since{right:10px}
  .pagehead__in{padding-left:16px;padding-right:16px}
}
@media (prefers-reduced-motion:reduce){*{transition:none !important;animation:none !important;scroll-behavior:auto !important}}