/* Theme A, "Editorial": clean light, off-white with one confident cobalt accent, editorial serif headings (Apple's New
 * York where there is one). Loaded after styles.css by SITE_THEME=a builds. */
html[data-theme="a"]{
 --bg:#fbfaf7;--surface:#fff;--ink:#101114;--muted:#5d6068;--line:#e7e5e0;
 --accent:#2f4cff;--accent-ink:#fff;--gold:#2f4cff;--gold-ink:#2f4cff;--soft:#f1f0ec;
 --serif:"New York",ui-serif,Charter,"Bitstream Charter","Sitka Text",Cambria,Georgia,serif;
 --sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
 --radius:10px;--shadow:none;
}
@media (prefers-color-scheme:dark){
 html[data-theme="a"]{--bg:#0f1013;--surface:#17181c;--ink:#f3f3f1;--muted:#a3a6ae;--line:#2a2c32;--accent:#8496ff;--accent-ink:#0b0c10;--gold:#8496ff;--gold-ink:#8496ff;--soft:#1d1f24}
}
[data-theme="a"] body{font-size:17px;letter-spacing:-.003em}
[data-theme="a"] h1,[data-theme="a"] h2,[data-theme="a"] h3{font-weight:600;letter-spacing:-.025em}
[data-theme="a"] h1{font-size:clamp(2.3rem,8vw,4rem);line-height:1.05}
[data-theme="a"] .mark{background-color:var(--ink);border-radius:.22em}
[data-theme="a"] .wordmark{font-family:var(--sans);font-weight:700;letter-spacing:-.03em}
[data-theme="a"] .site-header{background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(1.6) blur(14px);position:sticky;top:0;z-index:5}
[data-theme="a"] nav a:hover,[data-theme="a"] nav a[aria-current="page"]{background:transparent;color:var(--ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
[data-theme="a"] .eyebrow{letter-spacing:.12em;font-size:.72rem}
[data-theme="a"] .button{border-radius:10px;font-weight:600}
[data-theme="a"] .button.ghost{color:var(--ink);border:1px solid var(--line);background:var(--surface)}
[data-theme="a"] .button.ghost:hover{border-color:var(--ink);filter:none}
[data-theme="a"] .button.primary{box-shadow:0 8px 24px -10px color-mix(in srgb,var(--accent) 70%,transparent)}
[data-theme="a"] .featured{background:transparent;border-block:1px solid var(--line)}
[data-theme="a"] .pastor,[data-theme="a"] .invite-card,[data-theme="a"] .join-form{border-color:var(--line)}
[data-theme="a"] .portrait{border:0;box-shadow:none}
[data-theme="a"] .monogram{color:var(--ink);font-family:var(--serif)}
[data-theme="a"] .badge{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}

/* Clips: magazine style, no card chrome; the video carries the card. */
[data-theme="a"] .clip-grid{gap:28px 14px}
[data-theme="a"] .clip{background:transparent;border:0;border-radius:0;overflow:visible}
[data-theme="a"] .player{border-radius:10px;overflow:hidden;background:#000}
[data-theme="a"] .player video,[data-theme="a"] .player img{background:#000}
[data-theme="a"] .clip-body{padding:12px 0 0}
[data-theme="a"] .hook{font-size:1.08rem;font-weight:600;letter-spacing:-.01em}
[data-theme="a"] .clip-links a.sermon{border-radius:8px;min-height:44px;font-size:.86rem}
[data-theme="a"] .clip-links a.ig{color:var(--muted);font-weight:500}

/* Directory: square portraits, left-aligned serif names. */
[data-theme="a"] .directory{gap:20px 14px}
[data-theme="a"] .dir-card{align-items:flex-start;text-align:left;padding:0;background:transparent;border:0}
[data-theme="a"] .dir-card .portrait{width:100%;height:auto;aspect-ratio:1;border-radius:10px;margin-bottom:10px}
[data-theme="a"] .dir-card .monogram{font-size:2.6rem}
[data-theme="a"] .dir-card:hover .dir-name{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
[data-theme="a"] .dir-name{font-size:1.2rem}
[data-theme="a"] .dir-card .badge{align-self:flex-start}
[data-theme="a"] .dir-cta{padding-top:8px}

/* Pastor page: name big and editorial, the full-sermon button right under it. */
[data-theme="a"] .pastor-hero .portrait.large{width:88px;height:88px;border-radius:10px}
[data-theme="a"] .pastor-hero h1{font-size:clamp(2rem,7vw,3.2rem)}
[data-theme="a"] .cta-note{text-align:left}
[data-theme="a"] .sort a[aria-current="true"]{box-shadow:0 1px 3px rgb(0 0 0 / .12)}
@media (min-width:880px){
 [data-theme="a"] .pastor-hero .wrap{display:grid;grid-template-columns:auto 1fr 400px;gap:24px;align-items:center}
 [data-theme="a"] .pastor-hero .portrait.large{width:132px;height:132px}
 [data-theme="a"] .pastor-hero .cta{margin:0}
}
