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

*{box-sizing:border-box}
body{margin:0;background:var(--tgn-white);font-family:var(--font-body);font-size:16px;line-height:1.75;color:var(--tgn-ink);-webkit-font-smoothing:antialiased;text-wrap:pretty}
h1,h2,h3,h4,p,ul,li,figure{margin:0;padding:0}
ul{list-style:none}
a{color:var(--tgn-ink);text-decoration:none}
a:hover{color:var(--tgn-brick)}
:focus-visible{outline:2px solid var(--tgn-brick);outline-offset:3px}
input::placeholder{color:var(--tgn-parchment-300)}

/* 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 S06 Three kinds of practitioner, 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 */
.mt-h1:hover{background:var(--tgn-parchment-500) !important;color:var(--tgn-parchment-50) !important}
.mt-h2:hover{background:var(--tgn-parchment-500) !important;color:var(--tgn-parchment-50) !important}
.mt-h3:hover{background:var(--tgn-parchment-500) !important;color:var(--tgn-parchment-50) !important}
.mt-h4:hover{background:var(--tgn-parchment-500) !important;color:var(--tgn-parchment-50) !important}
.mt-h5:hover{background:var(--tgn-parchment-500) !important;color:var(--tgn-parchment-50) !important}
.mt-h6:hover{text-decoration:underline !important;color:var(--tgn-brick) !important}
.mt-h7:hover{text-decoration:underline !important;color:var(--tgn-brick) !important}
.mt-h8:hover{text-decoration:underline !important;color:var(--tgn-brick) !important}
.mt-h9:hover{text-decoration:underline !important;color:var(--tgn-brick) !important}
.mt-h10:hover{text-decoration:underline !important;color:var(--tgn-brick) !important}
.mt-h11:hover{background:var(--tgn-amber) !important;color:var(--tgn-ink) !important}
.mt-h12:hover{border-color:var(--tgn-brick) !important;color:var(--tgn-ink) !important}
.mt-h15:hover{color:var(--tgn-parchment-50) !important;border-bottom:1px solid var(--tgn-brick) !important}
.mt-h34:hover{background:var(--tgn-cta-surface-hover) !important;color:var(--tgn-cta-ink-hover) !important}