/* Union Baptist Website Sections: section styles carried over from the original design. */
/* ===== Homepage hero redesign — cleaner gradient, richer left content ===== */
.hero-photo-v2{
  position:relative;color:#fff;
  min-height:82vh;display:flex;align-items:center;
  padding:0;
}
.hero-photo-v2 .hero-bg{
  position:absolute;inset:0;background-size:cover;background-position:right center;background-repeat:no-repeat;
}
.hero-photo-v2 .hero-scrim{
  position:absolute;inset:0;
  background:linear-gradient(100deg,
    rgba(36,17,58,.97) 0%,
    rgba(45,20,74,.95) 30%,
    rgba(55,20,96,.72) 46%,
    rgba(75,34,117,.32) 62%,
    rgba(75,34,117,.06) 78%,
    rgba(75,34,117,0) 92%),
    linear-gradient(0deg, rgba(24,10,40,.55) 0%, transparent 28%, transparent 100%);
}
.hero-photo-v2 .container{position:relative;z-index:2;max-width:none;width:100%;margin:0;padding:0 clamp(28px,7vw,110px)}
.hero-copy-v2{max-width:640px;padding:70px 0 64px}

.hero-eyebrow-row{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}
.hero-eyebrow-row .dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}
.hero-copy-v2 .eyebrow{margin:0;color:var(--accent)}

.hero-copy-v2 h1{color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.45);font-size:clamp(2.3rem,4.6vw,3.4rem);margin-bottom:1.1rem}
.hero-copy-v2 .sub{max-width:48ch;margin:0 0 1.7rem;font-size:1.15rem;line-height:1.7;color:#F7EDDD;text-shadow:0 1px 12px rgba(0,0,0,.35)}

.hero-actions-v2{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.8rem}

.hero-info-strip{display:flex;flex-wrap:wrap;gap:1.5rem;padding-top:1.6rem;border-top:1px solid rgba(255,255,255,.18)}
.hero-info-item{display:flex;align-items:center;gap:.65rem}
.hero-info-item svg{width:18px;height:18px;color:var(--accent);flex:0 0 18px}
.hero-info-item span{font-size:.9rem;color:#F0E4F5;line-height:1.4}
.hero-info-item strong{display:block;color:#fff;font-size:.92rem}

.hero-stats-row{display:flex;gap:2.2rem;margin-top:1.8rem;flex-wrap:wrap}
.hero-stat{display:flex;flex-direction:column}
.hero-stat b{font-family:var(--font-display);font-size:1.7rem;font-weight:800;color:#fff;line-height:1}
.hero-stat span{font-size:.78rem;color:#D9C4E8;text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}

@media (max-width:820px){
  .hero-photo-v2{min-height:auto}
  .hero-photo-v2 .hero-bg{background-position:62% center}
  .hero-photo-v2 .hero-scrim{background:linear-gradient(180deg,rgba(36,17,58,.94) 0%,rgba(45,20,74,.92) 55%,rgba(55,20,96,.85) 100%)}
  .hero-copy-v2{max-width:none;padding:56px 0 44px}
  .hero-copy-v2 .sub{max-width:none}
  .hero-info-strip{gap:1.1rem}
}
/* ===== Homepage events — matching events page design ===== */
.ev-featured{background:linear-gradient(180deg,var(--brand) 0%,var(--brand-dark) 100%);border-radius:20px;padding:2.4rem 2.6rem;color:#fff;display:flex;gap:2rem;align-items:center;box-shadow:var(--shadow)}
@media (max-width:760px){.ev-featured{flex-direction:column;text-align:center;padding:2rem 1.6rem}}
.ev-featured-date{flex:0 0 auto;background:rgba(255,255,255,.14);border-radius:16px;padding:1.2rem 1.6rem;text-align:center;min-width:110px}
.ev-featured-date .day{font-family:var(--font-display);font-size:2.6rem;font-weight:800;line-height:1}
.ev-featured-date .mon{text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;color:var(--accent);font-weight:700;margin-top:.3rem}
.ev-featured-body{flex:1}
.ev-featured-meta{display:flex;flex-wrap:wrap;gap:1.4rem;margin-top:1.1rem}
.ev-featured-meta span{display:flex;align-items:center;gap:.5rem;color:#f2ecfb;font-size:.92rem;font-weight:600}
.ev-featured-meta svg{width:17px;height:17px;color:var(--accent)}
.ev-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.3rem;margin-top:1.4rem}
.ev-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.5rem 1.6rem;box-shadow:var(--shadow-sm);display:flex;gap:1.1rem;transition:transform .18s ease,box-shadow .18s ease}
.ev-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.ev-date-tile{flex:0 0 64px;width:64px;height:64px;border-radius:13px;background:var(--bg-alt);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.ev-date-tile .day{font-family:var(--font-display);font-weight:800;font-size:1.5rem;color:var(--brand);line-height:1}
.ev-date-tile .mon{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700;margin-top:.15rem}
.ev-card-body{flex:1;min-width:0}
.ev-badge{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.25rem .65rem;border-radius:999px;margin-bottom:.55rem}
.ev-card h4{margin:0 0 .4rem;font-size:1.08rem;color:var(--fg);font-family:var(--font-body);font-weight:700}
.ev-card p.desc{color:var(--muted);font-size:.9rem;margin:0 0 .7rem;line-height:1.5}
.ev-card-meta{display:flex;flex-direction:column;gap:.35rem}
.ev-card-meta span{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.86rem}
.ev-card-meta svg{width:15px;height:15px;flex:0 0 15px;color:var(--brand-soft)}
/* ===== Homepage recent sermons — matching sermons page style ===== */
.hp-serm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.2rem;margin-top:2rem}
.hp-serm-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.4rem 1.5rem;box-shadow:var(--shadow-sm);display:flex;gap:1rem;transition:transform .18s,box-shadow .18s}
.hp-serm-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.hp-serm-date{flex:0 0 60px;width:60px;height:60px;border-radius:12px;background:var(--bg-alt);display:flex;flex-direction:column;align-items:center;justify-content:center}
.hp-serm-date .day{font-family:var(--font-display);font-weight:800;font-size:1.45rem;color:var(--brand);line-height:1}
.hp-serm-date .mon{font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700;margin-top:.12rem}
.hp-serm-body{flex:1;min-width:0}
.hp-serm-badge{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.2rem .6rem;border-radius:999px;margin-bottom:.45rem}
.hp-serm-body h4{margin:0 0 .3rem;font-size:1rem;font-weight:700;color:var(--fg);line-height:1.35}
.hp-serm-meta{display:flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.82rem;margin-bottom:.65rem}
.hp-serm-meta svg{width:13px;height:13px;flex:0 0 13px;color:var(--brand-soft)}
.hp-serm-action a{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;font-weight:700;color:var(--brand);text-decoration:none;padding:.3rem .7rem;border-radius:8px;border:1.5px solid var(--border);transition:background .15s,border-color .15s}
.hp-serm-action a:hover{background:rgba(75,34,117,.08);border-color:var(--brand-soft)}
.hp-serm-action svg{width:12px;height:12px}
/* ===== About page redesign ===== */

/* Intro split */
.about-intro{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center}
@media(max-width:820px){.about-intro{grid-template-columns:1fr;gap:2rem}}
.about-intro-img{border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}
.about-intro-img img{width:100%;height:380px;object-fit:cover;display:block}
.about-intro-img .img-ph{width:100%;height:380px;background:var(--bg-alt);border-radius:20px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.9rem}
.about-pillars{display:flex;flex-direction:column;gap:.85rem;margin-top:1.6rem}
.about-pillar{display:flex;align-items:flex-start;gap:.9rem;background:var(--bg-alt);border-radius:12px;padding:.9rem 1.1rem;border:1px solid var(--border)}
.about-pillar-icon{width:38px;height:38px;border-radius:10px;background:rgba(75,34,117,.1);display:flex;align-items:center;justify-content:center;flex:0 0 38px}
.about-pillar-icon svg{width:18px;height:18px;color:var(--brand)}
.about-pillar strong{display:block;color:var(--fg);font-weight:700;font-size:.95rem;margin-bottom:.2rem}
.about-pillar span{color:var(--muted);font-size:.85rem;line-height:1.45}

/* Stats strip */
.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2.4rem}
@media(max-width:600px){.about-stats{grid-template-columns:1fr 1fr}}
.about-stat{text-align:center;background:rgba(75,34,117,.07);border:1px solid rgba(75,34,117,.15);border-radius:14px;padding:1.4rem 1rem}
.about-stat .n{font-family:var(--font-display);font-size:2.2rem;font-weight:800;color:var(--brand);line-height:1}
.about-stat .l{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600;margin-top:.35rem}

/* Explore "Get to know us" feature cards */
.about-feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.1rem;margin-top:2rem}
.about-feat-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.5rem 1.4rem;text-decoration:none;display:block;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}
.about-feat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.about-feat-card .feat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}
.about-feat-card .feat-icon svg{width:22px;height:22px}
.about-feat-card h3{font-size:1.05rem;font-weight:700;color:var(--fg);margin:0 0 .45rem;font-family:var(--font-body)}
.about-feat-card p{color:var(--muted);font-size:.875rem;margin:0 0 1.1rem;line-height:1.5}
.about-feat-card .feat-link{font-size:.82rem;font-weight:700;color:var(--brand);display:inline-flex;align-items:center;gap:.3rem}
.about-feat-card .feat-link svg{width:13px;height:13px;transition:transform .15s}
.about-feat-card:hover .feat-link svg{transform:translateX(3px)}

/* Learn more image cards */
.about-learn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.4rem;margin-top:2rem}
.about-learn-card{border-radius:18px;overflow:hidden;border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-sm);text-decoration:none;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}
.about-learn-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.about-learn-img{height:190px;overflow:hidden;background:linear-gradient(145deg,var(--brand) 0%,var(--brand-dark) 100%);position:relative;display:flex;align-items:center;justify-content:center}
.about-learn-img.has-image{background:#eee}
.about-learn-img img{width:100%;height:100%;object-fit:cover;display:block}
.about-learn-img.has-image img{opacity:1;mix-blend-mode:normal}
.about-learn-img .learn-icon-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5rem}
.about-learn-img .learn-icon-overlay svg{width:40px;height:40px;color:rgba(255,255,255,.85)}
.about-learn-img .learn-icon-overlay span{color:#fff;font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 1px 4px rgba(0,0,0,.75)}
.about-learn-body{padding:1.2rem 1.3rem;flex:1;display:flex;flex-direction:column}
.about-learn-body h3{font-size:1.05rem;font-weight:700;color:var(--fg);margin:0 0 .4rem;font-family:var(--font-body)}
.about-learn-body p{color:var(--muted);font-size:.85rem;margin:0 0 auto;line-height:1.5;padding-bottom:.9rem}
.about-learn-cta{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;font-weight:700;color:var(--brand)}
.about-learn-cta svg{width:13px;height:13px;transition:transform .15s}
.about-learn-card:hover .about-learn-cta svg{transform:translateX(3px)}
/* ===== Ministries page redesign ===== */
.min-search-bar{max-width:520px;margin:0 auto 2.6rem;position:relative}
.min-search-bar svg{position:absolute;left:1.1rem;top:50%;transform:translateY(-50%);width:19px;height:19px;color:var(--muted)}
.min-search-bar input{width:100%;padding:.95rem 1.2rem .95rem 3rem;border:1.5px solid var(--border);border-radius:999px;font-size:1rem;font-family:inherit;box-sizing:border-box;background:var(--card);box-shadow:var(--shadow-sm);transition:border-color .15s ease,box-shadow .15s ease}
.min-search-bar input:focus{outline:none;border-color:var(--brand-soft);box-shadow:0 0 0 4px rgba(75,34,117,.12)}
.min-count{text-align:center;color:var(--muted);font-size:.88rem;margin:-1.8rem 0 2.2rem}

.min-featured-heading{font-family:var(--font-display);color:var(--brand);font-size:1.3rem;font-weight:700;margin:0 0 1.2rem}
.min-featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.4rem;margin-bottom:3rem}

.min-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.2rem}
.min-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.5rem 1.5rem 1.6rem;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease;text-decoration:none;display:block}
.min-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);text-decoration:none}
.min-icon-badge{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}
.min-icon-badge svg{width:26px;height:26px}
.min-card h4{margin:0 0 .3rem;font-size:1.08rem;color:var(--fg);font-family:var(--font-body);font-weight:700}
.min-card .min-leader{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:700;margin-bottom:.5rem;display:block}
.min-card p.desc{color:var(--muted);font-size:.88rem;margin:0 0 .8rem;line-height:1.5}
.min-card .card-link{font-weight:700;color:var(--brand);font-size:.9rem}

.min-empty{grid-column:1/-1;text-align:center;padding:3rem 1rem;color:var(--muted)}
.min-empty svg{width:44px;height:44px;color:var(--border);margin-bottom:1rem}
/* ===== Events page redesign ===== */
.ev-featured{background:linear-gradient(180deg,var(--brand) 0%,var(--brand-dark) 100%);border-radius:20px;padding:2.4rem 2.6rem;color:#fff;display:flex;gap:2rem;align-items:center;margin-bottom:2.6rem;box-shadow:var(--shadow)}
@media (max-width:760px){.ev-featured{flex-direction:column;text-align:center;padding:2rem 1.6rem}}
.ev-featured-date{flex:0 0 auto;background:rgba(255,255,255,.14);border-radius:16px;padding:1.2rem 1.6rem;text-align:center;min-width:110px}
.ev-featured-date .day{font-family:var(--font-display);font-size:2.6rem;font-weight:800;line-height:1}
.ev-featured-date .mon{text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;color:var(--accent);font-weight:700;margin-top:.3rem}
.ev-featured-body{flex:1}
.ev-featured .eyebrow{color:var(--accent)}
.ev-featured h2{color:#fff;margin-bottom:.5rem}
.ev-featured p{color:#e7d9f5;margin-bottom:0}
.ev-featured-meta{display:flex;flex-wrap:wrap;gap:1.4rem;margin-top:1.1rem}
.ev-featured-meta span{display:flex;align-items:center;gap:.5rem;color:#f2ecfb;font-size:.92rem;font-weight:600}
.ev-featured-meta svg{width:17px;height:17px;color:var(--accent)}

.ev-month-heading{font-family:var(--font-display);color:var(--brand);font-size:1.35rem;font-weight:700;margin:2.2rem 0 1.2rem;padding-bottom:.6rem;border-bottom:2px solid var(--border)}
.ev-month-heading:first-of-type{margin-top:0}

.ev-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.3rem}
.ev-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.5rem 1.6rem;box-shadow:var(--shadow-sm);display:flex;gap:1.1rem;transition:transform .18s ease,box-shadow .18s ease}
.ev-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.ev-date-tile{flex:0 0 64px;width:64px;height:64px;border-radius:13px;background:var(--bg-alt);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.ev-date-tile .day{font-family:var(--font-display);font-weight:800;font-size:1.5rem;color:var(--brand);line-height:1}
.ev-date-tile .mon{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700;margin-top:.15rem}
.ev-card-body{flex:1;min-width:0}
.ev-badge{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.25rem .65rem;border-radius:999px;margin-bottom:.55rem}
.ev-card h4{margin:0 0 .4rem;font-size:1.08rem;color:var(--fg);font-family:var(--font-body);font-weight:700}
.ev-card p.desc{color:var(--muted);font-size:.9rem;margin:0 0 .7rem;line-height:1.5}
.ev-card-meta{display:flex;flex-direction:column;gap:.35rem}
.ev-card-meta span{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.86rem}
.ev-card-meta svg{width:15px;height:15px;flex:0 0 15px;color:var(--brand-soft)}

.ev-empty{text-align:center;padding:3.5rem 1rem;color:var(--muted)}
.ev-empty svg{width:48px;height:48px;color:var(--border);margin-bottom:1rem}
/* ===== Sermons page redesign ===== */

/* Featured sermon spotlight */
.serm-featured{background:linear-gradient(145deg,var(--brand) 0%,var(--brand-dark) 100%);border-radius:20px;padding:2.6rem 2.8rem;color:#fff;display:flex;gap:2.4rem;align-items:center;margin-bottom:2.8rem;box-shadow:var(--shadow);position:relative;overflow:hidden}
.serm-featured::before{content:'';position:absolute;right:-40px;top:-40px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.05);pointer-events:none}
@media(max-width:780px){.serm-featured{flex-direction:column;text-align:center;padding:2rem 1.6rem;gap:1.6rem}}
.serm-feat-date{flex:0 0 auto;background:rgba(255,255,255,.14);border-radius:16px;padding:1.4rem 1.8rem;text-align:center;min-width:108px}
.serm-feat-date .day{font-family:var(--font-display);font-size:2.8rem;font-weight:800;line-height:1;color:#fff}
.serm-feat-date .mon{text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;color:var(--accent);font-weight:700;margin-top:.3rem}
.serm-feat-date .yr{font-size:.75rem;color:rgba(255,255,255,.55);margin-top:.15rem}
.serm-feat-body{flex:1}
.serm-feat-body .eyebrow{color:var(--accent);letter-spacing:.12em}
.serm-feat-body h2{color:#fff;margin:.4rem 0 .6rem;font-size:1.6rem;line-height:1.25}
.serm-feat-body p{color:#e7d9f5;margin:0 0 1.1rem;line-height:1.6}
.serm-feat-meta{display:flex;flex-wrap:wrap;gap:1.2rem;margin-bottom:1.4rem}
.serm-feat-meta span{display:flex;align-items:center;gap:.45rem;font-size:.9rem;font-weight:600;color:#f0e8fb}
.serm-feat-meta svg{width:16px;height:16px;color:var(--accent)}
.serm-feat-actions{display:flex;flex-wrap:wrap;gap:.75rem}
.serm-feat-actions a{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem 1.3rem;border-radius:99px;font-weight:700;font-size:.88rem;text-decoration:none;transition:opacity .15s,transform .15s}
.serm-feat-actions a:hover{opacity:.88;transform:translateY(-1px)}
.serm-feat-actions .btn-watch{background:var(--accent);color:#241A00}
.serm-feat-actions .btn-notes{background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.3)}
.serm-feat-actions svg{width:15px;height:15px}

/* Live stream bar */
.live-bar{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;background:var(--bg-alt);border-radius:14px;padding:1.1rem 1.4rem;margin-bottom:2.2rem;border:1px solid var(--border)}
.live-bar .live-label{font-weight:700;color:var(--fg);font-size:.95rem;flex:1}
.live-bar .live-label small{display:block;color:var(--muted);font-weight:400;font-size:.82rem;margin-top:.15rem}
.live-bar-btns{display:flex;gap:.7rem;flex-wrap:wrap}

/* Year heading */
.serm-year-heading{font-family:var(--font-display);color:var(--brand);font-size:1.3rem;font-weight:700;margin:2.4rem 0 1.2rem;padding-bottom:.55rem;border-bottom:2px solid var(--border);display:flex;align-items:center;gap:.6rem}
.serm-year-heading svg{width:18px;height:18px;color:var(--accent)}

/* Sermon card grid */
.serm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.2rem}
.serm-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.4rem 1.5rem;box-shadow:var(--shadow-sm);display:flex;gap:1rem;transition:transform .18s,box-shadow .18s}
.serm-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}

/* Date tile */
.serm-date-tile{flex:0 0 60px;width:60px;height:60px;border-radius:12px;background:var(--bg-alt);display:flex;flex-direction:column;align-items:center;justify-content:center}
.serm-date-tile .day{font-family:var(--font-display);font-weight:800;font-size:1.45rem;color:var(--brand);line-height:1}
.serm-date-tile .mon{font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700;margin-top:.12rem}

/* Card body */
.serm-card-body{flex:1;min-width:0}
.serm-series-badge{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.22rem .6rem;border-radius:999px;margin-bottom:.5rem}
.serm-card-body h4{margin:0 0 .35rem;font-size:1rem;font-weight:700;color:var(--fg);font-family:var(--font-body);line-height:1.35}
.serm-card-body .serm-desc{color:var(--muted);font-size:.84rem;margin:0 0 .65rem;line-height:1.45}
.serm-card-meta{display:flex;flex-direction:column;gap:.28rem;margin-bottom:.75rem}
.serm-card-meta span{display:flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.82rem}
.serm-card-meta svg{width:13px;height:13px;flex:0 0 13px;color:var(--brand-soft)}
.serm-card-actions{display:flex;gap:.5rem;flex-wrap:wrap}
.serm-card-actions a{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;font-weight:700;color:var(--brand);text-decoration:none;padding:.3rem .7rem;border-radius:8px;border:1.5px solid var(--border);transition:background .15s,border-color .15s}
.serm-card-actions a:hover{background:rgba(75,34,117,.08);border-color:var(--brand-soft)}
.serm-card-actions svg{width:12px;height:12px}

/* Empty state */
.serm-empty{text-align:center;padding:3rem 1rem;color:var(--muted)}
.serm-empty svg{width:48px;height:48px;color:var(--border);margin-bottom:1rem}

/* Stats bar above archive */
.serm-stats{display:flex;flex-wrap:wrap;gap:2.4rem;margin-bottom:2rem;padding:1.2rem 1.6rem;background:var(--card);border-radius:14px;border:1px solid var(--border);box-shadow:var(--shadow-sm)}
.serm-stat{text-align:center}
.serm-stat .n{font-family:var(--font-display);font-size:1.8rem;font-weight:800;color:var(--brand);line-height:1}
.serm-stat .l{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-top:.2rem}