/* Source: baseline/index.html inline <style> blocks, verbatim, in document order. */

html{scroll-behavior:smooth}
body{margin:0;background:var(--tgn-parchment-50);color:var(--tgn-ink);font-family:var(--font-body);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;text-wrap:pretty}
h1,h2,h3,p,ul,li{margin:0;padding:0}
ul{list-style:none}
a{color:inherit;text-decoration:none}
a:hover{color:var(--tgn-brick)}
button{font-family:var(--font-body);cursor:pointer;border:0}

/* CLOSING CTA — consolidated onto the canonical implementation in
   mission-disciple.html. The avatar ring itself is shared CSS: .ring and
   .tgn-av live in assets/css/tgn-avatar.css, linked above. */
.wrap{max-width:var(--tgn-container-max);margin:0 auto;padding:0 clamp(24px,2.8vw,40px)}
/* Top stop carries the amber tint of S5 Prayer and events, the background of the section
   directly above, so the band meets it with no neutral seam. */
.close{background:linear-gradient(to bottom,var(--tgn-amber-tint) 50%,var(--tgn-ink) 50%);padding-top:clamp(56px,6vw,80px)}
.ctacard{background:var(--tgn-brick);border-radius:var(--tgn-radius-card);padding:clamp(48px,5vw,72px);text-align:center;color:var(--tgn-parchment-50)}
.ctacard h2{font-family:var(--font-heading);font-size:clamp(28px,3vw,42px);font-weight:600;letter-spacing:-.02em;line-height:1.15}
.ctacard p{margin-top:16px;max-width:52ch;margin-left:auto;margin-right:auto;opacity:.9}
/* mission-disciple.html holds the base button declarations in a bare .btn
   rule. A bare .btn cannot be ported here: this page carries the soft-launch
   banner, whose own .btn is a plain text link, and the bare rule drops its
   line-height from 25.375px to 14.5px, shortening the banner by 3.6px at
   1280 and 9.4px at 360. Same declarations, scoped to the card instead. */
.ctacard .btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:16px;font-weight:600;line-height:1;padding:13px 24px;border-radius:var(--tgn-radius-pill);cursor:pointer;border:1.5px solid transparent;margin-top:28px}
.btn--dark{background:var(--tgn-parchment-50);color:var(--tgn-ink)}


/* hover states ported from the draft's style-hover attributes */
.hm-h1:hover{background:var(--tgn-amber) !important;color:var(--tgn-ink) !important}
.hm-h2:hover{border-color:var(--tgn-parchment-50) !important;background:rgba(249,247,246,0.1) !important;color:var(--tgn-parchment-50) !important}
.hm-h3:hover{border-color:var(--tgn-brick) !important}
.hm-h4:hover{border-bottom:1px solid var(--tgn-brick) !important}
.hm-h5:hover{border-bottom:1px solid var(--tgn-brick) !important}
.hm-h6:hover{border-bottom:1px solid var(--tgn-brick) !important}
.hm-h7:hover{background:var(--tgn-cta-surface-hover) !important;color:var(--tgn-cta-ink-hover) !important}
.hm-h8:hover{border-color:var(--tgn-brick) !important}
.hm-h10:hover{color:var(--tgn-parchment-50) !important;border-bottom:1px solid var(--tgn-brick) !important}
.hm-h30:hover{border-bottom:1px solid var(--tgn-brick) !important}


/* S5 events card header. At 320 the h3 plus the link need 185px of a 176px
   row; flex:none stops the link shrinking, so it overflowed the card padding.
   Wrapping only engages when the line genuinely does not fit, and one item on
   a space-between line lands at flex-start, which left-aligns it as specified. */
.hm-ev-head{flex-wrap:wrap}