/* Care Not Kill landing page. Copied unchanged from the original hand-built page (Vercel version),
   so the WordPress page looks and behaves the same. Additions for WordPress are at the very end. */
:root{
  --green:#13241e; --ink:#173029; --ink-soft:#3d524b; --cream:#feecd8; --cream-light:#fff4e8;
  --gold:#f9c126; --gold-hover:#fac73c; --sage:#77a088; --sky:#90d2e2; --peach:#fdd9b4;
  --page:var(--cream); --panel:var(--cream-light); --text:var(--ink); --muted:var(--ink-soft); --head:var(--green);
  --rule:rgba(19,36,30,.18); --rule-strong:var(--green);
  --font:'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color-scheme:light; box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --page:#0f1d18; --panel:#183029; --text:#feecd8; --muted:#e8d6c2; --head:#fff4e8;
    --rule:rgba(254,236,216,.2); --rule-strong:#feecd8; color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --page:#0f1d18; --panel:#183029; --text:#feecd8; --muted:#e8d6c2; --head:#fff4e8;
  --rule:rgba(254,236,216,.2); --rule-strong:#feecd8; color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 24px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--page);color:var(--text);font-family:var(--font);font-weight:300;font-size:18px;line-height:29px;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:3px}
a:hover{text-decoration-color:var(--sage)}
a:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:4px}
strong,b{font-weight:700;color:var(--head)}
mark{background:var(--gold);color:var(--ink);padding:0 .3em;border-radius:2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.hero .line{line-height:1.75!important}
.hero .line mark{padding:.08em .35em .12em}

/* ---------- Hero ---------- */
.hero{position:relative;background:var(--green);color:#fff4e8;overflow:hidden}
.hero-inner{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:40px 24px 150px}
.hero-top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}
.hero .logo{width:150px;height:auto;display:block}
.hero .tag{font-size:14px;line-height:20px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.hero h1{font-weight:900;font-size:clamp(40px,6.4vw,76px);line-height:1.05;margin:88px 0 0;max-width:680px;color:#fff4e8;letter-spacing:-.01em}
.art{position:absolute;right:-56px;top:24px;width:min(40vw,560px);aspect-ratio:600/520;pointer-events:none}
.art .blob{position:absolute;inset:0;width:100%;height:100%}
.illus{position:absolute;left:5%;bottom:0;width:90%;height:auto}
.hero h1 span{display:block;font-weight:300;font-size:.5em;line-height:1.3;margin-top:14px;color:var(--peach);letter-spacing:0}
.hero .line{font-size:clamp(22px,2.6vw,30px);line-height:1.5;font-weight:400;margin:36px 0 0;color:#fff4e8}
.hero .line mark{color:var(--ink)}
.pill{display:inline-flex;align-items:center;gap:10px;margin:36px 12px 0 0;background:var(--sky);color:var(--ink);border-radius:999px;padding:8px 18px;font-size:15px;line-height:22px;font-weight:700}
.pill i{font-style:italic;font-weight:400}
.wave{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:120px;display:block}
.wave path{fill:var(--page)}
.blob path{fill:var(--sage);opacity:.35}
@media (max-width:1000px){.art{position:relative;right:auto;top:auto;width:min(100%,440px);margin:40px auto 0}}
@media (max-width:760px){.hero-inner{padding-bottom:120px}.hero h1{margin-top:56px}}

/* ---------- Layout ---------- */
.wrap{max-width:1180px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:250px minmax(0,1fr);gap:64px}
.toc{position:sticky;top:calc(env(safe-area-inset-top,0px) + 24px);align-self:start;padding:32px 0;max-height:100vh;overflow:auto}
.toc h2{font-size:15px;line-height:20px;font-weight:900;color:var(--head);margin:0 0 14px}
.toc ol{list-style:none;margin:0;padding:0}
.toc a{display:grid;grid-template-columns:36px 1fr;align-items:center;padding:7px 10px 7px 0;color:var(--text);text-decoration:none;font-size:15px;line-height:21px;font-weight:400;border-radius:8px}
.toc a:hover{background:var(--panel)}
.toc .n{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--panel);color:var(--head);font-weight:700;font-size:12px}
main{padding:16px 0 96px;max-width:760px;min-width:0}
@media (max-width:1000px){
  .wrap{grid-template-columns:minmax(0,1fr);gap:0}
  .toc{position:static;padding:16px 0 0;max-height:none}
  .toc ol{columns:2;column-gap:24px}
  .toc li{break-inside:avoid}
}
@media (max-width:560px){.toc ol{columns:1} body{font-size:17px;line-height:28px}}

/* ---------- Sections ---------- */
.sec-h{font-weight:900;font-size:36.8px;line-height:1.15;color:var(--head);margin:88px 0 22px;letter-spacing:-.005em;display:flex;align-items:baseline;gap:16px;scroll-margin-top:24px}
main > .sec-h:first-child{margin-top:40px}
.sec-h .num{flex:none;display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--gold);color:var(--ink);font-size:17px;font-weight:900;transform:translateY(-6px)}
.sec-h .arno{font-style:normal}
h3{font-weight:700;font-size:22px;line-height:30px;color:var(--head);margin:44px 0 10px}
h3 .arno{font-style:normal}
p{margin:0 0 16px}
ul,ol{margin:0 0 22px;padding-left:24px}
li{margin:0 0 8px}
li::marker{color:var(--sage);font-weight:900}
main em{font-style:italic}

blockquote.pull{margin:32px 0;padding:34px 40px;background:var(--sage);color:var(--green);border-radius:56px 120px 72px 104px / 64px 88px 96px 72px}
blockquote.pull p{margin:0;font-size:25px;line-height:38px;font-weight:700;color:var(--green)}

.flag{display:inline-block;font-size:13px;line-height:18px;font-weight:700;padding:2px 10px;border-radius:999px;background:var(--sky);color:var(--ink);vertical-align:1px}
.fill{display:inline-block;font-size:.9em;line-height:1.3;padding:0 8px;border:1.5px dashed var(--muted);border-radius:6px;color:var(--muted)}

.table-wrap{overflow-x:auto;margin:10px 0 26px;border-radius:18px;background:var(--panel)}
.table-wrap:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
table{border-collapse:collapse;width:100%;min-width:560px;font-size:15px;line-height:22px}
th{text-align:left;font-weight:900;font-size:14px;color:#fff4e8;background:var(--green);padding:13px 14px;vertical-align:bottom}
td{padding:12px 14px;border-top:1px solid var(--rule);vertical-align:top;font-weight:400}
td:first-child{font-weight:700;color:var(--head)}
.tag{display:inline-block;font-size:13px;line-height:18px;font-weight:700;padding:3px 11px;border-radius:999px;white-space:nowrap}
.s-done{background:var(--green);color:#fff4e8}
.s-draft{background:var(--gold);color:var(--ink)}
.s-none{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1.5px var(--muted)}
.s-check{background:var(--sky);color:var(--ink)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .s-done{background:#fff4e8;color:var(--green)} :root:not([data-theme="light"]) th{background:#26443a}}

.draft,.qa{background:var(--panel);border-radius:22px;padding:30px 32px 14px;margin:12px 0 30px}
.draft p,.draft li{font-size:17px;line-height:28px}
.qa p{margin:0 0 22px}
.qa p strong{display:block;margin-bottom:4px}
.note{font-size:15px;line-height:23px;color:var(--muted);margin:-2px 0 12px;font-weight:400}
.btn{display:inline-block;background:var(--gold);color:#000;font-weight:700;font-size:16px;line-height:24px;padding:8px 22px;border-radius:6.4px;border:1px solid var(--green);margin:4px 0 10px}

/* ---------- Footer ---------- */
footer{position:relative;background:var(--green);color:#fff4e8;overflow:hidden}
footer .wave{top:-1px;bottom:auto;transform:scaleY(-1)}
.foot{position:relative;max-width:760px;margin:0 auto;padding:140px 24px 56px;text-align:center}
.foot img{width:150px;height:auto;margin:0 auto 26px;display:block}
.foot h2{font-weight:900;font-size:30px;line-height:1.3;margin:0 0 20px;color:#fff4e8}
.foot p{margin:0 0 8px;font-size:15px;line-height:23px;font-weight:400}
.foot .attr{color:var(--peach);margin-top:22px}

@media (prefers-reduced-motion:reduce){*{transition:none!important}}
@media print{
  :root{--page:#fff;--panel:#fff4e8;--text:#173029;--head:#13241e;--muted:#3d524b}
  .toc{display:none}.wrap{display:block}
  .hero,footer,.draft,.qa,th,.tag,.pull,.flag,mark{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .sec-h{break-after:avoid}.draft,.qa,table{break-inside:avoid}
}

/* hero: two columns, equal-width text lines */
.hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:56px;align-items:center}
.hero-top{grid-column:1/-1}
.copy{grid-column:1;min-width:0;margin-top:80px}
.hero h1{margin:0;max-width:none}
.hero .fit{display:block;width:fit-content;white-space:nowrap}
.hero h1 .fit{font-size:inherit;font-weight:900;color:#fff4e8;line-height:1.04;margin:0;letter-spacing:-.01em}
.hero h1 .fit.sub{font-weight:300;color:var(--peach);line-height:1.3;margin-top:14px;letter-spacing:0}
.hero .line{margin:26px 0 0;line-height:1!important}
.hero .line mark{display:inline-block;white-space:nowrap;padding:.12em .3em .16em;line-height:1.2}
.pill.stage{background:var(--sage);color:var(--green)}
main mark{font-weight:400}
.asof{margin:12px 0 0;font-size:14px;line-height:20px;font-weight:400;color:var(--peach)}
.art{position:relative;right:auto;top:auto;grid-column:2;justify-self:stretch;width:100%;margin-top:80px}
@media (max-width:1000px){.hero-inner{column-gap:28px}.copy,.art{margin-top:56px}}
@media (max-width:560px){.hero-inner{column-gap:16px;padding-bottom:110px}.copy,.art{margin-top:36px}.hero .line{margin-top:14px}.pill{margin-top:16px;padding:5px 10px;font-size:12px;line-height:16px;gap:4px;flex-wrap:wrap}.asof{font-size:11px;line-height:15px;margin-top:8px}}

/* ---------- Landing page ---------- */
main{max-width:none;padding:0}
.hero-top{align-items:center}
.top-cta{display:inline-block;background:var(--gold);color:#000;font-weight:700;font-size:16px;line-height:24px;padding:9px 20px;border-radius:6.4px;border:1px solid #13241e;text-decoration:none}
.top-cta:hover{background:var(--gold-hover);color:#000}
.hero h1 .no{color:var(--gold);font-weight:900}
.hero h1 em{font-style:italic;font-weight:900}
.hero h1 .strike{position:relative;display:inline-block;font-size:inherit;font-weight:inherit;color:inherit;margin:0;letter-spacing:inherit;line-height:inherit;white-space:nowrap}
.strike-line{position:absolute;left:-1.5%;top:50%;width:103%;height:auto;transform:translateY(-43%);overflow:visible;pointer-events:none}
.strike-line path{fill:none;stroke:var(--gold);stroke-width:4.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.js .strike-line path{stroke-dashoffset:1;animation:cnk-strike .75s cubic-bezier(.65,0,.35,1) .9s forwards}
@keyframes cnk-strike{to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){.js .strike-line path{animation:none;stroke-dashoffset:0}}

.hero .line em{font-style:italic}
.lede{margin:22px 0 0;font-size:19px;line-height:1.55;font-weight:400;color:#fff4e8;max-width:600px}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 0}
.btn{text-decoration:none;font-size:17px;padding:10px 22px;margin:0;transition:background-color .2s linear}
.btn:hover{background:var(--gold-hover);color:#000}
.btn.ghost{background:transparent;color:#fff4e8;border:2px solid #fff4e8;padding:9px 21px}
.btn.ghost:hover{background:rgba(255,244,232,.12);color:#fff4e8}
.btn.ghost.on-light{color:var(--head);border-color:var(--head)}
.btn.ghost.on-light:hover{background:var(--panel)}
.hero .pill.stage{margin-top:28px}
a.pill{text-decoration:none}
a.pill.stage:hover{background:#8db39c;color:var(--green)}
a.pill:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.asof a{color:inherit;text-decoration-color:var(--gold)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hero .pill.stage{font-size:clamp(15px,calc(1vw + 5px),20px);line-height:1.35;padding:.68em 1.25em .68em 1.05em;gap:.65em;margin-top:32px}
.hero .pill.stage i{font-size:inherit}
.live{position:relative;flex:none;width:14px;height:14px;border-radius:50%;background:#3ee07f;box-shadow:0 0 0 2px #13241e;}
.live::after{content:"";position:absolute;inset:-2px;border-radius:50%;box-shadow:0 0 0 0 rgba(62,224,127,.75);animation:cnk-pulse 1.8s ease-out infinite}
@keyframes cnk-pulse{0%{box-shadow:0 0 0 0 rgba(62,224,127,.75)}70%{box-shadow:0 0 0 12px rgba(62,224,127,0)}100%{box-shadow:0 0 0 0 rgba(62,224,127,0)}}
@media (prefers-reduced-motion:reduce){.live::after{animation:none}}
.status{display:inline-flex;flex-direction:column;max-width:100%;margin-top:32px}
.actions{display:inline-flex;flex-direction:column;max-width:100%}
.actions .status{display:flex;width:0;min-width:100%;margin-top:26px}
.actions .status .pill.stage{display:flex;flex-wrap:nowrap !important;width:100%;box-sizing:border-box;white-space:nowrap;overflow:hidden}
.actions .status .pill.stage i{margin-right:auto}
.hero .status .pill.stage{margin:0}
.status .asof{width:0;min-width:100%;font-size:12px;line-height:1.4;margin:10px 0 0;padding:0;box-sizing:border-box;white-space:nowrap;text-align:center}
@media (max-width:560px){.live{width:12px;height:12px}}
@media (max-width:560px){
  .hero-inner{grid-template-columns:minmax(0,1fr)}
  .art{grid-column:1;justify-self:center;width:min(100%,400px);margin:32px auto 0}
  .copy{margin-top:40px}
  .pill{padding:7px 16px;font-size:14px;line-height:20px;gap:8px}
  .hero .pill.stage{margin-top:24px}
  .asof{font-size:13px;line-height:18px}
  .lede{font-size:17px}
  .top-cta{font-size:15px;padding:8px 16px}
}
.section{max-width:1180px;margin:0 auto;padding:80px 24px 8px}
.section h2{font-weight:900;font-size:clamp(30px,4vw,44px);line-height:1.15;color:var(--head);margin:0 0 12px;letter-spacing:-.005em}
.section .intro{max-width:760px;margin:0 0 36px;font-weight:400}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px}
.card{background:var(--panel);border-radius:26px;padding:32px;display:flex;flex-direction:column;gap:12px}
.card h3{margin:0;font-size:24px;line-height:1.3;font-weight:900;color:var(--head)}
.card p{margin:0;font-size:17px;line-height:1.6;font-weight:400}
.card .when{font-size:15px;line-height:20px;font-weight:700;color:var(--muted)}
.card .btn,.card .btn.ghost{align-self:flex-start;margin-top:auto}
.label{align-self:flex-start;border-radius:999px;padding:4px 14px;font-size:14px;line-height:20px;font-weight:700}
.card.keep{position:relative;background:var(--green);color:#fff4e8}
.card.keep h3,.card.keep p{color:#fff4e8}
.card.keep .label{background:var(--sage);color:var(--green)}
.card.remove{position:relative;background:var(--gold);color:var(--ink)}
.card .mark{position:absolute;top:24px;right:24px;display:grid;place-items:center;width:52px;height:52px;border-radius:50%}
.card .mark svg{width:28px;height:28px;fill:none;stroke:#fff;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.card .mark.yes{background:#2fb36a}
.card .mark.no{background:#d93025}
.card.keep h3,.card.remove h3{padding-right:64px}
.card.remove h3,.card.remove p{color:var(--ink)}
.card.remove .label{background:var(--ink);color:var(--gold)}
.card.story{background:var(--green);color:#fff4e8}
.card.story h3,.card.story p{color:#fff4e8}
.card.story .when{color:var(--gold)}
.card.story a{color:#fdd9b4}
.bill-head{display:flex;flex-wrap:wrap;align-items:center;gap:24px 56px;margin:0 0 36px}
.bill-copy{flex:1 1 440px;min-width:0}
.bill-copy .intro{margin-bottom:0}
.bill-art{flex:0 1 300px;width:min(300px,100%);height:auto;margin-left:auto;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.bill-art:hover{transform:rotate(-3deg) scale(1.03)}
@media (max-width:760px){.bill-art{flex-basis:220px;width:220px;margin:0 auto}}
@media (prefers-reduced-motion:reduce){.bill-art{transition:none}.bill-art:hover{transform:none}}
.section h2.big .afit{display:block;width:fit-content;white-space:nowrap}
.section h2.big{font-size:clamp(38px,5.4vw,66px);line-height:1.08;margin-bottom:18px}
.intro.lead{font-size:clamp(19px,1.6vw,22px);line-height:1.5;margin-bottom:14px !important;font-weight:400}
.act-art{flex:0 1 280px;width:min(280px,100%);height:auto;margin-left:auto;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.act-art:hover{transform:rotate(-4deg) scale(1.04)}
@media (max-width:760px){.act-art{flex-basis:200px;width:200px;margin:0 auto}}
@media (prefers-reduced-motion:reduce){.act-art{transition:none}.act-art:hover{transform:none}}
.quote-row{display:flex;flex-wrap:wrap;align-items:center;gap:28px 56px;margin:56px 0 0}
.bill-art{overflow:visible}
.bill-art .ring{fill:none;stroke:var(--page);stroke-width:14}
.quote-row blockquote.pull{flex:1 1 460px;min-width:0;margin:0}
.quote-row{position:relative;isolation:isolate}
.quote-deco{position:absolute;z-index:-1;left:-7%;top:50%;width:min(60%,700px);height:auto;transform:translateY(-50%) rotate(-7deg);overflow:visible;pointer-events:none}
.quote-deco path{fill:none;stroke:#90d2e2;stroke-width:2.5;vector-effect:non-scaling-stroke}
@media (max-width:760px){.quote-deco{left:-14%;top:0;width:130%;transform:translateY(-12%) rotate(-7deg)}}
.lady{position:relative;flex:0 1 250px;width:min(250px,100%);isolation:isolate}
.lady .under{position:absolute;z-index:0;width:138%;height:auto;left:60%;top:55%;transform:translate(-50%,-50%) rotate(-28deg);pointer-events:none}
.lady .bill-art{position:relative;z-index:1;display:block;width:100%;margin:0}
@media (max-width:760px){.quote-row{margin-top:40px}.lady{flex-basis:210px;width:210px;margin:0 auto}}
.timeline{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;position:relative}
.timeline::before{content:"";position:absolute;left:12.5%;right:12.5%;top:46px;height:4px;border-radius:2px;background:var(--sage)}
.timeline li{position:relative;margin:0;text-align:center}
.timeline .dot{position:relative;z-index:1;display:grid;place-items:center;width:96px;height:96px;margin:0 auto 18px;border-radius:50%;background:var(--panel);box-shadow:inset 0 0 0 4px var(--sage);font-size:18px;letter-spacing:-.01em;font-weight:900;color:var(--head);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}
.timeline li.now .dot{background:var(--gold);box-shadow:inset 0 0 0 4px var(--gold);color:var(--ink)}
.timeline li:first-child .dot{background:#d93025;box-shadow:inset 0 0 0 4px #d93025;color:#fff}
.timeline li:first-child:hover .dot{box-shadow:inset 0 0 0 4px #d93025,0 10px 24px rgba(19,36,30,.18)}
.tl-title{margin:clamp(64px,calc(23vw - 130px),200px) 0 0;font-size:clamp(28px,3.3vw,38px);line-height:1.2;font-weight:900;color:var(--head)}
.tl-title + .timeline{margin-top:32px}
.timeline p{margin:0 auto;max-width:240px;font-size:16px;line-height:1.5;font-weight:400}
.timeline li:hover .dot{transform:scale(1.16);box-shadow:inset 0 0 0 4px var(--sage),0 10px 24px rgba(19,36,30,.18)}
.timeline li.now:hover .dot{box-shadow:inset 0 0 0 4px var(--gold),0 10px 24px rgba(19,36,30,.18)}
@media (max-width:760px){
  .timeline{grid-template-columns:minmax(0,1fr);gap:22px}
  .timeline::before{left:44px;right:auto;top:44px;bottom:44px;width:4px;height:auto}
  .timeline li{display:grid;grid-template-columns:88px minmax(0,1fr);gap:18px;align-items:center;text-align:left}
  .timeline .dot{width:88px;height:88px;margin:0;font-size:16px}
  .timeline p{margin:0;max-width:none}
}
blockquote.pull{margin:36px 0 0}
.split{display:flex;flex-wrap:wrap;gap:32px 56px;align-items:flex-start;background:var(--panel);border-radius:32px;padding:44px}
.split > div{flex:1 1 320px;min-width:0}
.split > .wide{flex:1.4 1 440px}
.split .table-wrap{margin:0;background:transparent;border-radius:14px}
.em-badge{display:flex;width:fit-content;max-width:100%;box-sizing:border-box;background:#fff;border-radius:14px;padding:12px 16px;box-shadow:0 0 0 1px rgba(19,36,30,.12)}
.em-badge img{display:block;width:280px;max-width:100%;height:auto}
.em-steps{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:10px}
.em-steps li{display:flex;align-items:center;gap:14px;margin:0;font-size:17px;line-height:1.4;font-weight:400}
.em-steps b{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#0080c6;color:#fff;font-weight:900;font-size:15px}
.btn.em-btn{display:inline-flex;align-items:center;gap:10px}
.btn.em-btn img{display:block;width:24px;height:auto}
.actions .cta{flex-wrap:nowrap}
@media (max-width:560px){.actions .cta{gap:10px}.actions .cta .btn{font-size:15px;padding:9px 14px}.actions .cta .btn.ghost{padding:8px 13px}.btn.em-btn{gap:7px}.btn.em-btn img{width:20px}}
@media (max-width:380px){.actions .cta{gap:8px}.actions .cta .btn{font-size:14px;padding:8px 11px}.actions .cta .btn.ghost{padding:7px 10px}.btn.em-btn img{width:18px}}
.top-ctas{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.top-cta{display:inline-flex;align-items:center;gap:8px}
.top-cta img{display:block;width:22px;height:auto}
.top-cta.letter{background:#fff4e8;color:#000}
.top-cta.letter:hover{background:#fdd9b4;color:#000}
.formcard.letter{margin-top:24px}
.formcard.letter .em-steps b{background:#ff595a;color:#13241e}
@media (max-width:640px){.hero-top{flex-direction:column;align-items:flex-start;gap:18px}.top-ctas{justify-content:flex-start}.top-cta{font-size:14px;padding:7px 12px;gap:6px}.top-cta img{width:18px}}
.btn.em-go{display:inline-flex;align-items:center;gap:8px;font-size:18px;padding:12px 24px}
.reel-feature{display:flex;flex-wrap:wrap;align-items:center;gap:28px 48px;margin:24px 0 0;background:var(--panel);border-radius:28px;padding:32px}
.reel{position:relative;flex:0 0 auto;display:block;width:min(240px,100%);aspect-ratio:9/16;border-radius:22px;overflow:hidden;box-shadow:0 14px 30px rgba(19,36,30,.18);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.reel img{display:block;width:100%;height:100%;object-fit:cover}
.reel .play{position:absolute;left:14px;bottom:14px;width:58px;height:58px;border-radius:50%;background:#f9c126;display:grid;place-items:center;box-shadow:0 8px 20px rgba(0,0,0,.25);transition:transform .25s ease}
.reel .play svg{width:26px;height:26px;fill:#13241e;margin-left:4px}
.reel:hover{transform:translateY(-4px) rotate(-1.5deg)}
.reel:hover .play{transform:scale(1.1)}
.reel:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.reel-copy{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:10px}
.reel-copy .when{font-size:15px;font-weight:700;color:var(--muted)}
.reel-copy h3{margin:0;font-size:clamp(24px,2.4vw,30px);line-height:1.2;font-weight:900;color:var(--head)}
.reel-copy p{margin:0;font-weight:400}
.reel-copy .btn.ghost.on-light{position:relative;overflow:hidden;isolation:isolate}
.reel-copy .btn.ghost.on-light:hover{background:#f9c126;color:#000;border-color:#13241e}
@media (max-width:560px){.reel-feature{padding:24px;justify-content:center}.reel{width:min(220px,80%)}}
@media (prefers-reduced-motion:reduce){.reel,.reel .play{transition:none}.reel:hover{transform:none}}
.formcard{background:var(--panel);border-radius:28px;padding:36px;display:flex;flex-wrap:wrap;gap:32px 56px;align-items:center}
.formcard > div{flex:1 1 320px;min-width:0}
form{display:flex;flex-direction:column;gap:14px}
label{font-size:15px;font-weight:700;color:var(--head);display:block;margin-bottom:6px}
input{font:inherit;font-size:18px;font-weight:400;width:100%;box-sizing:border-box;min-height:48px;padding:11px 16px;border-radius:10px;border:1.5px solid var(--head);background:var(--page);color:var(--text)}
input::placeholder{color:var(--muted)}
input:focus-visible{outline:3px solid var(--gold);outline-offset:1px}
form button{font:inherit;font-size:18px;font-weight:700;min-height:48px;background:var(--gold);color:#000;border:1px solid #13241e;border-radius:6.4px;padding:12px 20px;cursor:pointer}
form button:hover{background:var(--gold-hover)}
.formnote{font-size:14px;line-height:1.5;color:var(--muted);margin:0;font-weight:400}
.preview{display:none;background:var(--sky);color:var(--ink);border-radius:12px;padding:12px 16px;font-size:15px;font-weight:700}
.preview.show{display:block}
.band{background:var(--sage);color:var(--green);border-radius:32px;padding:44px;display:flex;flex-wrap:wrap;gap:28px 56px;align-items:center}
.band > div{flex:1 1 340px;min-width:0}
.band h2{color:var(--green)}
.band p{color:var(--green);font-weight:400;margin:0}
.dl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;flex:1 1 320px}
.dl li{margin:0}
.dl a{display:flex;justify-content:space-between;gap:16px;background:#fff4e8;color:var(--green);text-decoration:none;font-weight:700;padding:15px 22px;border-radius:14px;min-height:48px;box-sizing:border-box}
.dl a span{font-weight:400}
.dl a:hover{background:#fdd9b4}
.faq h2,.faq .intro{max-width:900px}
details p + p{margin-top:10px}
.section h2 mark,.foot h2 mark{font-weight:inherit}
details{background:var(--panel);border-radius:18px;padding:20px 26px;margin:0 0 14px}
summary{cursor:pointer;list-style:none;font-size:20px;line-height:1.4;font-weight:700;color:var(--head);display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-weight:900;color:var(--sage);flex:none}
details[open] summary::after{content:"−"}
details p{margin:12px 0 0;font-size:17px;font-weight:400}
.foot h2 mark{padding:0 .25em}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .card.keep .label{background:var(--sage);color:var(--green)}
  :root:not([data-theme="light"]) .card.keep{box-shadow:inset 0 0 0 1px rgba(254,236,216,.2)}
  :root:not([data-theme="light"]) .card.story{box-shadow:inset 0 0 0 1px rgba(254,236,216,.2)}
  :root:not([data-theme="light"]) .btn.ghost.on-light{color:#fff4e8;border-color:#fff4e8}
}
@media (max-width:560px){.split,.formcard,.band{padding:28px 22px;border-radius:24px}.card{padding:26px}}

/* ---------- Motion (matches carenotkill.ca: gentle fade-up on scroll) ---------- */
@keyframes cnk-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.js .hero .copy{animation:cnk-up .7s ease both}
.js .hero .art{animation:cnk-up .8s .12s ease both}
.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .5s ease}
.js .reveal.in{opacity:1;transform:none}
.art{pointer-events:auto}
.art .blob{transform-origin:55% 60%;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.art:hover .blob{transform:rotate(-3deg) scale(1.04)}
.card,.dl a,details{transition:transform .25s ease,box-shadow .25s ease,background-color .2s linear}
.card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(19,36,30,.10)}
.dl a:hover{transform:translateX(4px)}
@media (prefers-reduced-motion:reduce){
  .js .hero .copy,.js .hero .art{animation:none}
  .js .reveal{opacity:1;transform:none;transition:none}
  .art:hover .blob,.card:hover,.dl a:hover,.timeline li:hover .dot{transform:none}
  .art .blob,.card,.dl a,details,.timeline .dot{transition:none}
}

/* ---------- Highlighter sweep ---------- */
.js mark{background-color:transparent;background-image:linear-gradient(var(--gold),var(--gold));background-repeat:no-repeat;background-position:0 0;background-size:0% 100%;transition:background-size .8s cubic-bezier(.65,0,.35,1)}
.js mark.lit{background-size:100% 100%}
.js .hero mark{transition:none;animation:cnk-hl .8s cubic-bezier(.65,0,.35,1) 3.15s both}
@keyframes cnk-hl{from{background-size:0% 100%;color:#fff4e8}to{background-size:100% 100%;color:var(--ink)}}
@media (prefers-reduced-motion:reduce){.js mark{transition:none;background-size:100% 100%}.js .hero mark{animation:none;background-size:100% 100%;color:var(--ink)}}

/* ---------- Consent section: decoration + strike ---------- */
main{overflow-x:clip}
#bill{position:relative;isolation:isolate;z-index:0}
#consent{position:relative;z-index:1}
.deco{position:absolute;inset:0;z-index:-1;pointer-events:none}
.deco-blob{position:absolute;right:-16%;top:auto;bottom:-95px;width:min(82vw,1150px);height:auto;opacity:.55}
@media (max-width:760px){.deco-blob{right:-55%;bottom:-70px;width:150vw}}
.section h2 em{font-style:italic}
.strike2{position:relative;display:inline-block}
.strike2 .strike-line{left:-4%;width:108%;top:50%;transform:translateY(-30%)}
.strike2 .strike-line path{stroke:#d93025;stroke-width:5}
.js .strike2 .strike-line path{animation:none;stroke-dashoffset:1;transition:stroke-dashoffset .6s cubic-bezier(.65,0,.35,1)}
.js .strike2.lit .strike-line path{stroke-dashoffset:0}
@media (prefers-reduced-motion:reduce){.js .strike2 .strike-line path{transition:none;stroke-dashoffset:0}}

/* ---------- Button sheen (copied from carenotkill.ca's .btn:hover) ---------- */
.btn:not(.ghost),.top-cta:not(.letter){position:relative;overflow:hidden;isolation:isolate}
.btn:not(.ghost)::before,.top-cta:not(.letter)::before{content:"";position:absolute;bottom:-100px;left:-220px;width:200px;height:200px;background:linear-gradient(111deg,rgba(255,255,255,0) 28%,rgba(255,255,255,.4) 53%,rgba(255,255,255,0) 75%);pointer-events:none;z-index:1}
.btn:not(.ghost):hover::before,.top-cta:not(.letter):hover::before,.btn:not(.ghost):focus-visible::before,.top-cta:not(.letter):focus-visible::before{animation:cnk-sheen .8s linear}
.btn:not(.ghost):hover,.top-cta:not(.letter):hover{background:#faca47;color:#000}
@keyframes cnk-sheen{from{left:-220px}to{left:110%}}
@media (prefers-reduced-motion:reduce){.btn:not(.ghost):hover::before,.top-cta:not(.letter):hover::before{animation:none}}
.hero .copy{grid-row:2 / span 2}
.helpline{grid-column:2;grid-row:3;justify-self:center;margin:18px 0 0;font-size:15px;line-height:1.4;font-weight:400;color:#fdd9b4;text-align:center}
.helpline a{color:#fff4e8;font-weight:700;white-space:nowrap;text-decoration-color:var(--gold)}
@media (max-width:560px){.helpline{grid-column:1;grid-row:auto;margin-top:14px}}

/* ---------- Comparison table: always side by side, no sideways scroll ---------- */
.split{align-items:center;padding:clamp(22px,3.4vw,44px);gap:24px clamp(20px,4vw,56px)}
.split > div{flex:1 1 clamp(200px,28vw,340px)}
.split > .wide{flex:1.6 1 clamp(260px,46vw,520px)}
.split h2{font-size:clamp(26px,3.4vw,44px)}
.split .table-wrap{overflow:visible}
.split table{min-width:0;table-layout:fixed;font-size:clamp(13px,1.1vw + 4px,16px);line-height:1.45}
.split th,.split td{padding:clamp(8px,1vw,13px) clamp(8px,1vw,14px);overflow-wrap:break-word;hyphens:auto}
.split th{font-size:clamp(12px,.9vw + 4px,14px)}
.split col.rowhead{width:24%}
.split td em,.split td strong em{font-style:italic}
#consent{padding-top:140px}
@media (max-width:760px){#consent{padding-top:100px}}
.section h2 mark.pp{padding:0 .18em}
blockquote.pull mark{font-weight:inherit;padding:0 .15em;border-radius:3px}

/* sources, card buttons, church, footer */
.card .btn.ghost.on-light{position:relative;overflow:hidden;isolation:isolate}
.card .btn.ghost.on-light::before{content:"";position:absolute;bottom:-100px;left:-220px;width:200px;height:200px;background:linear-gradient(111deg,rgba(255,255,255,0) 28%,rgba(255,255,255,.4) 53%,rgba(255,255,255,0) 75%);pointer-events:none;z-index:1}
.card .btn.ghost.on-light:hover,.card .btn.ghost.on-light:focus-visible{background:#f9c126;color:#000;border-color:#13241e}
.card .btn.ghost.on-light:hover::before,.card .btn.ghost.on-light:focus-visible::before{animation:cnk-sheen .8s linear}
@media (prefers-reduced-motion:reduce){.card .btn.ghost.on-light:hover::before{animation:none}}
.band .church{flex:0 0 auto;width:clamp(84px,9vw,120px);height:auto;align-self:center;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.band .church:hover{transform:rotate(-4deg) scale(1.05)}
@media (max-width:760px){.band .church{width:84px}}
.foot-logos{display:flex;align-items:center;justify-content:center;gap:28px;margin:0 0 26px}
.foot .foot-logos img{margin:0;display:block;height:auto}
.foot .foot-logos .l-cnk{width:150px}
.foot .foot-logos .l-arpa{width:170px}
.foot-logos .div{width:1px;height:64px;background:rgba(254,236,216,.35)}
.foot .attr a{color:#fff4e8;text-decoration-color:var(--gold)}
.foot .attr strong{color:#fff4e8;font-weight:900;letter-spacing:.02em}
.srcs{display:flex;flex-wrap:wrap;gap:6px 20px}
.card.story{transition:background-color .35s ease,transform .25s ease,box-shadow .25s ease}
.card.story h3,.card.story p,.card.story .when,.card.story a{transition:color .35s ease}
.card.story:hover,.card.story:focus-within{background:#fff4e8;box-shadow:0 12px 28px rgba(19,36,30,.10),inset 0 0 0 1.5px #13241e}
.card.story:hover h3,.card.story:hover p,.card.story:focus-within h3,.card.story:focus-within p{color:#173029}
.card.story:hover .when,.card.story:focus-within .when{color:#3d524b}
.card.story:hover a,.card.story:focus-within a{color:#13241e !important}
.card.story .srcs a,.card.story > a{color:#fdd9b4;font-weight:700;font-size:16px}
/* ---------- Action toolkit ---------- */
details.tool{background:var(--panel);border-radius:22px;margin:0 0 14px;padding:0;overflow:hidden;scroll-margin-top:24px}
details.tool > summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:16px;padding:20px 24px}
details.tool > summary::-webkit-details-marker{display:none}
details.tool > summary::after{content:"+";margin-left:auto;font-size:26px;font-weight:900;color:var(--sage);line-height:1}
details.tool[open] > summary::after{content:"\2212"}
details.tool > summary:focus-visible{outline:3px solid var(--gold);outline-offset:-3px;border-radius:22px}
.tool-ico{flex:none;width:48px;height:48px;border-radius:12px;background:var(--sage);display:grid;place-items:center}
.tool-ico svg{width:24px;height:24px;fill:#13241e}
.tool-t{display:flex;flex-direction:column;gap:2px}
.tool-t b{font-size:21px;line-height:1.25;font-weight:900;color:var(--head)}
.tool-t span{font-size:15px;line-height:1.4;font-weight:400;color:var(--muted)}
.tool-body{padding:4px 28px 28px 88px;max-width:900px}
.tool-body h3{margin:22px 0 8px;font-size:19px;line-height:1.3;font-weight:900;color:var(--head)}
.tool-body p,.tool-body li{font-size:17px;line-height:1.6;font-weight:400}
.tool-body ul{padding-left:22px;margin:0 0 6px}
.script{position:relative;background:var(--page);border-radius:14px;padding:18px 22px 6px 26px;margin:6px 0 10px}
.script::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:5px;border-radius:0 4px 4px 0;background:var(--gold)}
.script p{margin:0 0 12px}
.fill{display:inline;padding:0 6px;border:1.5px dashed var(--muted);border-radius:6px;color:var(--muted);white-space:nowrap}
.tool-actions{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 6px}
.tool-actions .btn,.copy-post{font:inherit;font-size:16px;font-weight:700;cursor:pointer}
button.btn{border:1px solid #13241e}
button.btn.ghost.on-light{background:transparent;border:2px solid var(--head);color:var(--head)}
ol.steps{list-style:none;counter-reset:st;padding:0;margin:8px 0 6px}
ol.steps li{counter-increment:st;position:relative;padding-left:46px;margin:0 0 14px}
ol.steps li::before{content:counter(st);position:absolute;left:0;top:1px;width:30px;height:30px;border-radius:50%;background:var(--gold);color:var(--ink);display:grid;place-items:center;font-weight:900;font-size:15px}
.share-set{margin:10px 0 22px}
.post{position:relative;background:var(--page);border:2px solid transparent;border-radius:14px;padding:14px 18px;margin:0 0 10px;cursor:pointer;transition:border-color .2s}
.post p{margin:0}
.post .url{font-weight:700;color:var(--head);overflow-wrap:anywhere;word-break:normal}
.post[aria-pressed="true"]{border-color:var(--sage)}
.post:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.post-tools{display:flex;align-items:center;gap:12px;margin-top:10px}
.post-tools .pick{font-size:14px;font-weight:700;color:var(--muted)}
.post[aria-pressed="true"] .pick{color:var(--head)}
.copy-post{background:transparent;border:1.5px solid var(--head);color:var(--head);border-radius:6.4px;padding:5px 12px;font-size:14px}
.copy-post:hover{background:#f9c126;color:#000}
.share-icons{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.sicon{width:46px;height:46px;border-radius:11px;background:#77a088;display:grid;place-items:center;border:0;cursor:pointer;text-decoration:none;transition:background-color .2s,transform .2s}
.sicon svg{width:24px;height:24px;fill:#13241e}
.sicon svg.stroke{fill:none;stroke:#13241e;stroke-width:2.2;stroke-linecap:round}
.sicon:hover,.sicon:focus-visible{background:#f9c126;transform:translateY(-2px)}
.sicon:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.share-note{font-size:14px;color:var(--muted);margin:8px 0 0;min-height:1.4em}
@media (max-width:640px){.tool-body{padding:4px 20px 24px}details.tool > summary{padding:18px}.tool-t b{font-size:19px}}
@media (prefers-reduced-motion:reduce){.sicon{transition:none}.sicon:hover{transform:none}}

/* ---------- Handwritten correction in the hero ---------- */
.hero h1 .strike .hand{text-shadow:.8px 0 0 #13241e,-.8px 0 0 #13241e,0 .8px 0 #13241e,0 -.8px 0 #13241e,.6px .6px 0 #13241e,-.6px .6px 0 #13241e,.6px -.6px 0 #13241e,-.6px -.6px 0 #13241e;position:absolute;left:1%;bottom:59%;font-family:'Caveat','Comic Sans MS',cursive;font-style:normal;font-weight:700;font-size:.72em;line-height:1;letter-spacing:.01em;color:var(--gold);white-space:nowrap;transform:rotate(-2.5deg);transform-origin:left bottom;pointer-events:none}
.js .hero h1 .strike .hand{clip-path:inset(-20% 100% -20% 0);animation:cnk-write 1.25s cubic-bezier(.45,.05,.55,.95) 1.75s forwards}
@keyframes cnk-write{to{clip-path:inset(-20% -2% -20% 0)}}
.hero h1 .fit + .fit{padding-top:.26em}
@media (prefers-reduced-motion:reduce){.js .hero h1 .strike .hand{animation:none;clip-path:none}}
.note-sm{font-size:15px !important;color:var(--muted);margin:10px 0 0}
/* ---------- Hamburger menu ---------- */
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hero-top{padding-right:64px}
@media (max-width:640px){.hero-top{padding-right:0}}
.menu-btn{position:fixed;z-index:70;top:calc(env(safe-area-inset-top,0px) + 52px);right:max(16px,calc((100vw - 1180px)/2 + 8px));width:48px;height:48px;border-radius:50%;background:#13241e;border:1.5px solid rgba(254,236,216,.35);display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.18);transition:background-color .2s,border-color .2s}
.menu-btn:hover{background:#1e3a30;border-color:#f9c126}
.menu-btn:focus-visible{outline:3px solid #f9c126;outline-offset:2px}
.menu-btn .bars{display:grid;gap:5px;width:20px}
.menu-btn .bars i{display:block;height:2.5px;border-radius:2px;background:#fff4e8}
.menu-scrim{position:fixed;inset:0;z-index:71;background:rgba(10,20,16,.45);opacity:0;transition:opacity .25s}
.menu-scrim.show{opacity:1}
.site-menu{position:fixed;z-index:72;top:0;right:0;bottom:0;width:min(380px,88vw);background:#13241e;color:#fff4e8;box-sizing:border-box;padding:calc(env(safe-area-inset-top,0px) + 22px) 26px calc(env(safe-area-inset-bottom,0px) + 26px);overflow-y:auto;transform:translateX(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1);box-shadow:-10px 0 30px rgba(0,0,0,.25)}
.site-menu.open{transform:none}
.menu-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px}
.menu-head img{width:96px;height:auto;display:block}
.menu-close{width:44px;height:44px;border-radius:50%;background:transparent;border:1.5px solid rgba(254,236,216,.35);display:grid;place-items:center;cursor:pointer}
.menu-close svg{width:20px;height:20px;fill:none;stroke:#fff4e8;stroke-width:2.4;stroke-linecap:round}
.menu-close:hover{border-color:#f9c126}
.menu-close:focus-visible{outline:3px solid #f9c126;outline-offset:2px}
.menu-list{list-style:none;margin:0;padding:0;counter-reset:m}
.menu-list > li{margin:0;border-top:1px solid rgba(254,236,216,.14)}
.menu-list > li:last-child{border-bottom:1px solid rgba(254,236,216,.14)}
.menu-list a{display:block;color:#fff4e8;text-decoration:none;font-weight:700;font-size:17px;line-height:1.3;padding:12px 4px;border-radius:8px;transition:color .2s}
.menu-list a:hover,.menu-list a:focus-visible{color:#f9c126}
.menu-list a:focus-visible{outline:2px solid #f9c126;outline-offset:2px}
.menu-sub{list-style:none;margin:-6px 0 10px;padding:0 0 0 14px;border-left:2px solid #77a088}
.menu-sub a{font-weight:400;font-size:15px;padding:7px 4px;color:#fdd9b4}
.menu-ctas{display:flex;flex-direction:column;gap:10px;margin:22px 0 0}
.menu-ctas .btn{text-align:center;justify-content:center}
.menu-help{margin:18px 0 0;font-size:13px;line-height:1.5;color:#fdd9b4}
.menu-help a{color:#fff4e8;font-weight:700;text-decoration-color:#f9c126}
@media (prefers-reduced-motion:reduce){.site-menu,.menu-scrim{transition:none}}
@media print{.menu-btn,.site-menu,.menu-scrim{display:none!important}}
.hero .lede .fit{font-weight:400;line-height:1.3}
.hero .lede{max-width:none}
.lede-call{display:inline-grid;place-items:center;width:1.45em;height:1.45em;margin-left:.15em;vertical-align:-.38em;border-radius:50%;background:#f9c126;transition:background-color .2s,transform .2s}
.lede-call svg{width:.82em;height:.82em;fill:#13241e}
.lede-call:hover{background:#fdd9b4;transform:rotate(-12deg)}
.lede-call:focus-visible{outline:3px solid #f9c126;outline-offset:3px}
@media (prefers-reduced-motion:reduce){.lede-call{transition:none}.lede-call:hover{transform:none}}
.hero .lede .lfit{display:block;width:fit-content;white-space:nowrap;font-weight:400;line-height:1.3}
.helpline{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:nowrap}
.help-call{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f9c126;transition:background-color .2s,transform .2s}
.help-call svg{width:18px;height:18px;fill:#13241e}
.help-call:hover{background:#fdd9b4;transform:rotate(-12deg)}
.help-call:focus-visible{outline:3px solid #f9c126;outline-offset:3px}
@media (prefers-reduced-motion:reduce){.help-call{transition:none}.help-call:hover{transform:none}}
.help-txt{white-space:nowrap}
@media (max-width:560px){.helpline{font-size:13px;gap:8px}.help-call{width:30px;height:30px}.help-call svg{width:16px;height:16px}}
@media (max-width:360px){.helpline{font-size:12px}}
.intro.lead-ask{font-size:clamp(19px,1.7vw,22px);line-height:1.5;max-width:860px}
.intro.lead-ask strong{font-weight:900;color:var(--head)}
.sub-title{margin:44px 0 6px;font-size:clamp(24px,2.6vw,30px);line-height:1.2;font-weight:900;color:var(--head)}
.intro.after-cards{margin-top:28px;max-width:860px}
.intro.after-cards strong{font-weight:900;color:var(--head)}

/* ---------- "Split the bill." heading ---------- */
.section h2.split-h{font-size:clamp(46px,7.4vw,104px);line-height:1;letter-spacing:-.015em;margin:0 0 22px}
.sp-wrap{position:relative;display:inline-block}
.sp-size{display:inline-block}
.sp-half{position:absolute;inset:0;display:inline-block;will-change:transform;opacity:0}
.sp-a{clip-path:polygon(-5% -20%,72% -20%,64% 120%,-5% 120%)}
.sp-b{clip-path:polygon(72% -20%,105% -20%,105% 120%,64% 120%)}
.sp-hl{display:inline-block;padding:.04em .16em .1em;background-image:linear-gradient(#f9c126,#f9c126);background-repeat:no-repeat;background-size:100% 100%;color:var(--head)}
.sp-cut{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.sp-cut line{stroke:var(--page);stroke-width:.09em;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;opacity:0}
.js .split-h .sp-hl{background-size:0% 100%}
.js .split-h .sp-half .sp-hl{background-size:100% 100%}
.js .split-h.go .sp-hl{animation:sp-hl .7s cubic-bezier(.65,0,.35,1) .25s forwards}
.js .split-h.go .sp-cut line{animation:sp-cut .35s ease-out 1.05s forwards}
.js .split-h.go .sp-size .sp-hl{animation:sp-hl .7s cubic-bezier(.65,0,.35,1) .25s forwards,sp-off .01s linear 1.4s forwards}
.js .split-h.go .sp-a{animation:sp-on .01s linear 1.4s forwards,sp-a .55s cubic-bezier(.2,.8,.2,1) 1.45s forwards}
.js .split-h.go .sp-b{animation:sp-on .01s linear 1.4s forwards,sp-b .55s cubic-bezier(.2,.8,.2,1) 1.45s forwards}
@keyframes sp-on{to{opacity:1}}
@keyframes sp-off{to{opacity:0}}
@keyframes sp-hl{to{background-size:100% 100%}}
@keyframes sp-cut{0%{opacity:1;stroke-dashoffset:1}70%{opacity:1;stroke-dashoffset:0}100%{opacity:0;stroke-dashoffset:0}}
@keyframes sp-a{to{transform:translate(-.08em,-.03em) rotate(-1.6deg)}}
@keyframes sp-b{to{transform:translate(.08em,.035em) rotate(1.6deg)}}
.sp-cut line{stroke-width:7px}
.lead-line{margin:0 0 14px;font-size:clamp(22px,2.5vw,32px);line-height:1.25;font-weight:900;color:var(--head);max-width:900px}
.after-cards{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:28px}
.after-cards p{flex:1 1 520px;margin:0;font-size:clamp(17px,1.5vw,19px);line-height:1.55;font-weight:400;max-width:820px}
.after-cards strong{font-weight:900;color:var(--head)}
.after-cards .btn{flex:none;display:inline-flex;align-items:center;gap:10px;position:relative;overflow:hidden;isolation:isolate}
@media (prefers-reduced-motion:reduce){.js .split-h .sp-hl{background-size:100% 100%}.js .split-h.go .sp-size .sp-hl{animation:none}.js .split-h.go .sp-hl,.js .split-h.go .sp-cut line,.js .split-h.go .sp-a,.js .split-h.go .sp-b{animation:none}}

/* ---------- Handwritten "The good / The bad / The ugly" ---------- */
.card.keep,.card.remove{overflow:visible}
.tl-title{position:relative}
.scrawl{position:absolute;z-index:3;left:-14px;top:-30px;font-family:'Caveat','Comic Sans MS',cursive;font-weight:700;font-style:normal;font-size:clamp(36px,3.4vw,47px);line-height:1;color:#f9c126;white-space:nowrap;transform:rotate(-3.5deg);transform-origin:left bottom;pointer-events:none;
  text-shadow:1.3px 0 0 #13241e,-1.3px 0 0 #13241e,0 1.3px 0 #13241e,0 -1.3px 0 #13241e,1px 1px 0 #13241e,-1px 1px 0 #13241e,1px -1px 0 #13241e,-1px -1px 0 #13241e}
.tl-title .scrawl{left:-6px;top:-27px}
.card .scrawl{left:4px;top:-22px}
@media (max-width:560px){.card .scrawl{left:6px;top:-20px}.tl-title .scrawl{left:-2px;top:-24px}}
.js .scrawl{clip-path:inset(-70% 100% -70% 0)}
.js .scrawl.go{animation:sc-write .9s cubic-bezier(.45,.05,.55,.95) .15s forwards}
@keyframes sc-write{to{clip-path:inset(-70% -15% -70% -15%)}}
@media (prefers-reduced-motion:reduce){.js .scrawl{clip-path:none}.js .scrawl.go{animation:none}}

/* ---------- Plan your care heading ---------- */
.section h2.plan-h{margin:0 0 16px;line-height:1.1}
.plan-h .pfit{display:block;width:fit-content;white-space:nowrap}
.plan-h .pfit + .pfit{margin-top:.12em}
.plan-h mark{padding:0 .12em}
.plan-h .strike-long .strike-line{left:-2%;width:104%;transform:translateY(-40%)}
.plan-h .strike-long .strike-line path{stroke-width:4.2}
.card.remove .label{background:#d93025;color:#fff}
.after-cards{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;text-align:left;gap:16px 40px}
.after-cards p{flex:1 1 520px;max-width:760px}
.card{position:relative}
.c-ico{position:absolute;top:20px;right:20px;width:46px;height:46px;border-radius:50%;background:var(--sage);display:grid;place-items:center;transition:opacity .3s ease,transform .35s cubic-bezier(.2,.8,.2,1)}
.c-ico svg{width:24px;height:24px;fill:none;stroke:#13241e;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
@media (hover:hover){.c-ico{opacity:0;transform:scale(.6) rotate(-20deg)}.card:hover .c-ico,.card:focus-within .c-ico{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.c-ico{transition:none}}
.plan-lines{margin:0;font-weight:400}
.plan-lines span{display:block;margin:0 0 6px}
.plan-lines span:last-child{font-weight:700;color:var(--head);margin:0}
.split th.th-c{text-align:center}
.split th.th-hand{position:relative;vertical-align:middle}
.split th .scrawl{position:static;display:block;white-space:normal;font-size:clamp(20px,1.9vw,27px);line-height:.95;transform:rotate(-6deg);transform-origin:center}
/* webinar feature */
.web-feature{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:28px 64px}
.lawton{position:relative;flex:0 0 auto;width:min(320px,80vw);aspect-ratio:600/520}
.lawton svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.lw-blob path{fill:var(--sage)}
.lw-outline{transform:translate(14px,12px) rotate(-4deg)}
.lw-outline path{fill:none;stroke:var(--gold);stroke-width:5;vector-effect:non-scaling-stroke}
.lw-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:16px;line-height:1.35;font-weight:700;color:#13241e}
.lw-ph small{font-weight:400;font-size:13px}
.web-copy{flex:1 1 380px;max-width:560px;display:flex;flex-direction:column;gap:12px}
.web-copy .when{font-size:15px;font-weight:700;color:var(--muted)}
.section .web-copy h2{margin:0;font-size:clamp(28px,3vw,40px);line-height:1.12}
.web-copy p{margin:0;font-weight:400;text-wrap:balance}
details.heard{background:var(--panel);border-radius:16px;padding:0 18px;margin-top:6px}
details.heard > summary{cursor:pointer;font-weight:900;color:var(--head);padding:14px 0;list-style:none}
details.heard > summary::-webkit-details-marker{display:none}
details.heard > summary::after{content:"+";float:right;color:var(--sage);font-size:22px;line-height:1}
details.heard[open] > summary::after{content:"\2212"}
.heard-body{padding:0 0 14px}
.heard-body h4{margin:10px 0 6px;font-size:16px;font-weight:900;color:var(--head)}
.heard-body ul{margin:0 0 6px;padding-left:20px}
.heard-body li{font-size:16px;line-height:1.5;margin:0 0 4px}
.reel-feature{background:var(--panel);border-radius:46% 54% 42% 58% / 48% 40% 60% 52%;padding:56px clamp(28px,6vw,90px);justify-content:center;gap:28px 56px}


.reel-copy{flex:0 1 420px;align-items:flex-start}
.reel-copy h3,.reel-copy p{text-wrap:balance}
@media (max-width:560px){.reel-feature{border-radius:38px;padding:30px 22px}}
/* churches: big church on a blob */
#churches{padding-top:120px}
.band.band-church{position:relative;padding-left:clamp(44px,27vw,330px);overflow:visible;min-height:clamp(200px,22vw,300px)}
.band-church .church-blob{position:absolute;left:-56px;top:20px;width:clamp(230px,27vw,350px);height:auto;transform:rotate(-14deg)}
.band-church .church-blob path{fill:#fecb8b}
.band.band-church .church{position:absolute;left:clamp(6px,2.6vw,36px);top:-74px;width:clamp(170px,21vw,290px);height:auto;align-self:auto}
@media (max-width:760px){
  #churches{padding-top:96px}
  .band.band-church{padding-left:22px;padding-top:170px}
  .band-church .church-blob{left:50%;top:-70px;bottom:auto;width:230px;transform:translateX(-50%) rotate(-14deg)}
  .band.band-church .church{left:50%;top:-86px;bottom:auto;width:150px;transform:translateX(-50%)}
}
.verse{padding-top:40px;padding-bottom:40px}
.verse-fig{margin:0 auto;max-width:880px;text-align:center}
.verse-mark{width:56px;height:auto;fill:var(--gold);margin:0 auto 14px;display:block}
.verse-fig blockquote{margin:0}
.verse-fig blockquote p{margin:0;font-size:clamp(26px,3.3vw,42px);line-height:1.22;font-weight:900;color:var(--head);text-wrap:balance}
.verse-fig figcaption{margin-top:16px;font-size:17px;font-weight:700;color:var(--muted);letter-spacing:.02em}
.intro,.after-cards p{text-wrap:balance}
#consent h2 mark{padding:0 .1em;margin:0 .02em}

.card.remove .scrawl{color:#d93025;text-shadow:none}
.split th.th-hand{text-align:right;padding-right:6px}
.split th .scrawl{display:inline-block;text-align:right;font-size:clamp(18px,1.6vw,23px);transform:rotate(-5deg);transform-origin:right center}
.bd-arrow{display:block;margin:2px 0 0 auto;width:clamp(34px,3.4vw,46px);height:auto;overflow:visible}
.bd-arrow path{fill:none;stroke:#f9c126;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.reel-feature{background:var(--sage)}
.reel-feature .reel-copy .when{color:#13241e}
.reel-feature .reel-copy h3,.reel-feature .reel-copy p{color:#13241e}
.reel-wrap{position:relative;flex:0 0 auto;isolation:isolate;width:min(240px,70vw)}
.reel-wrap .reel{width:100%}
.reel-wrap .reel{position:relative;z-index:1}
.reel-blob{position:absolute;z-index:0;left:50%;top:52%;width:150%;height:auto;transform:translate(-50%,-50%) rotate(-22deg);pointer-events:none}
.reel-blob path{fill:#fecb8b}
.band-church .church-blob{left:-40px;top:auto;bottom:-34px;width:clamp(240px,26vw,340px);transform:rotate(-24deg)}
@media (min-width:1180px){
  .band.band-church .church{top:-40px;height:calc(100% + 80px);width:auto;max-height:440px}
  .band.band-church{padding-left:340px}
}
@media (max-width:760px){.band-church .church-blob{left:50%;top:-60px;bottom:auto;width:230px;transform:translateX(-50%) rotate(-24deg)}}
.split th.th-hand{text-align:center;padding:12px 8px 14px;position:relative}
.split th .scrawl{display:block;text-align:center;font-size:clamp(21px,2.1vw,29px);line-height:.92;transform:rotate(-3deg);transform-origin:center}
.bd-arrow{position:absolute;right:-6px;bottom:-40px;width:clamp(28px,2.6vw,38px);height:auto;margin:0;z-index:2}
.reel-feature{position:relative;isolation:isolate;background:none;border-radius:0;padding:40px 24px 40px 0;gap:28px clamp(40px,7vw,110px)}
.reel-feature::before{content:"";position:absolute;z-index:-1;left:clamp(150px,22%,260px);right:0;top:0;bottom:0;background:var(--sage);border-radius:44% 56% 46% 54% / 52% 44% 56% 48%}
.reel-feature .reel-copy{padding:30px 40px 30px 0}
@media (max-width:760px){.reel-feature{padding:0 0 28px}.reel-feature::before{left:0;top:38%;border-radius:40px}.reel-feature .reel-copy{padding:0 24px}}
/* churches stack: blob + church scale together */
.band.band-church{--cw:clamp(220px,25vw,360px);position:relative;padding-left:calc(var(--cw) + 64px);min-height:calc(var(--cw) * .62);overflow:visible}
.ch-stack{position:absolute;left:clamp(-30px,-1.5vw,-10px);top:calc(var(--cw) * -.3);width:var(--cw);aspect-ratio:600/520}
.ch-blob{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-12deg)}
.ch-blob path{fill:#fecb8b}
.ch-svg{position:absolute;left:50%;top:50%;width:80%;height:auto;transform:translate(-50%,-55%)}
@media (min-width:1180px){.band.band-church .ch-svg{height:auto;width:80%;top:50%}}
@media (max-width:760px){
  .band.band-church{--cw:220px;padding-left:22px;padding-top:calc(var(--cw) * .62)}
  .ch-stack{left:50%;top:calc(var(--cw) * -.32);transform:translateX(-50%)}
}
.lw-photo .lw-fill{fill:var(--sage)}
.lawton .lw-photo{overflow:visible}
#churches{padding-top:clamp(120px,12vw,176px)}
@media (max-width:760px){#churches{padding-top:110px}}
.lawton{width:min(400px,84vw)}
.web-feature{gap:44px 64px}
.reel-blob{width:190%}
.reel-feature::before{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20742%20427%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%2377a088%22%20d%3D%22M27.25%2C252.03c0%2C52-23.08%2C102.91%2C23.36%2C140.65%2C62.58%2C50.87%2C178.88-95.33%2C287.17-95.33%2C131.23%2C0%2C233.67%2C105.29%2C290.87%2C35.05%2C25.03-30.73%2C81.74-43.22%2C81.74-80.37%2C0-41.01-4.96-132.3-35.03-165.21-42.04-46.01-104.95%2C35.81-188.53%2C34.58-34.61-.51-81.32-90.39-118-90.39-126.96%2C0-156.41%2C67.34-215.28%2C133.86-28.6%2C32.32-126.29%2C47.25-126.29%2C87.16Z%22/%3E%3C/svg%3E") center/100% 100% no-repeat;border-radius:0;left:clamp(150px,21%,250px);right:-2%;top:-6%;bottom:-6%}
.reel-feature .reel-copy{padding:34px 30px 34px clamp(10px,3vw,48px)}
@media (max-width:760px){.reel-feature::before{left:-4%;right:-4%;top:34%;bottom:0}.reel-feature .reel-copy{padding:10px 26px 20px}}
.band.band-church{--cw:clamp(200px,20vw,290px);padding-left:calc(var(--cw) + 80px);min-height:calc(var(--cw) * .95)}
.band.band-church .ch-stack{left:40px;top:50%;transform:translateY(-50%);width:var(--cw);aspect-ratio:120/140}
.band.band-church .ch-blob{inset:auto;left:50%;top:50%;width:76%;height:84%;transform:translate(-50%,-50%) rotate(-10deg)}
.band.band-church .ch-svg{left:0;top:0;width:100%;height:auto;transform:none}
@media (max-width:760px){
  .band.band-church{--cw:190px;padding-left:22px;padding-top:calc(var(--cw) * .9)}
  .band.band-church .ch-stack{left:50%;top:calc(var(--cw) * -.32);transform:translateX(-50%)}
}
.reel-feature .reel-copy{flex:0 1 500px}
/* final: church on its original blob, straddling the band's left edge */
.band.band-church{--cw:clamp(190px,17.5vw,250px);--sl:max(calc(var(--cw) * -.35), calc(var(--cw) * .14 - max(24px, (100vw - 1132px) / 2) + 8px));padding-left:calc(var(--sl) + var(--cw) * 1.14 + 40px);min-height:calc(var(--cw) * .95)}
.band.band-church .ch-stack{left:var(--sl);top:50%;transform:translateY(-50%);width:var(--cw);aspect-ratio:600/520}
.band.band-church .ch-blob{inset:0;left:0;top:0;width:100%;height:100%;transform:rotate(-12deg)}
.band.band-church .ch-svg{left:50%;top:50%;width:128%;height:auto;transform:translate(-50%,-53%)}
@media (max-width:760px){
  .band.band-church{--cw:170px;padding-left:22px;padding-top:calc(var(--cw) * 1.25)}
  .band.band-church .ch-stack{left:50%;top:calc(var(--cw) * -.15);transform:translateX(-50%)}
}
/* final: Daniel's section */
.reel-wrap{width:min(300px,74vw)}
.reel-blob{width:165%}
.reel-feature::before{left:clamp(80px,12%,160px);right:3%;top:-11%;bottom:-11%}
@media (max-width:760px){.reel-feature::before{left:-4%;right:-4%;top:38%;bottom:0}}
/* churches v3: the band grows out of the church stack */
@media (min-width:981px){
  .band.band-church{--chh:clamp(400px,28vw,420px);--chw:calc(var(--chh) * 120 / 140);margin-left:calc(var(--chw) * .42);padding:40px 44px 40px calc(var(--chw) * .58 + 36px);min-height:0;flex-wrap:nowrap;gap:32px;align-items:center}
  .band.band-church > div:not(.ch-stack){flex:1 1 auto;min-width:0}
  .band.band-church .dl{flex:0 0 clamp(230px,23vw,300px)}
  .band.band-church .ch-stack{left:calc(var(--chw) * -.42);top:50%;transform:translateY(-50%);width:var(--chw);height:var(--chh);aspect-ratio:auto}
  .band.band-church .ch-svg{left:0;top:0;width:100%;height:auto;transform:none}
  .band.band-church .ch-blob{inset:auto;left:50%;top:60%;width:98%;height:auto;transform:translate(-50%,-50%) rotate(-12deg)}
  #churches{padding-top:clamp(150px,13vw,190px)}
}
@media (max-width:980px){
  .band.band-church{--chh:300px;--chw:calc(var(--chh) * 120 / 140);margin-left:0;padding:calc(var(--chh) * .6) 26px 30px;min-height:0}
  .band.band-church .ch-stack{left:50%;top:calc(var(--chh) * -.42);transform:translateX(-50%);width:var(--chw);height:var(--chh);aspect-ratio:auto}
  .band.band-church .ch-svg{left:0;top:0;width:100%;height:auto;transform:none}
  .band.band-church .ch-blob{inset:auto;left:50%;top:60%;width:118%;height:auto;transform:translate(-50%,-50%) rotate(-12deg)}
  #churches{padding-top:170px}
}
/* Daniel: simple smooth green blob */
.reel-feature::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20600%20520%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%2377a088%22%20d%3D%22M318%2022c112-16%20236%2040%20266%20152%2031%20115-28%20230-134%20288-104%2057-246%2072-344%206C18%20404-22%20286%2014%20182%2048%2084%20204%2038%20318%2022z%22/%3E%3C/svg%3E")}
/* EasyMail + EasyLetter side by side */
.form-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px;align-items:stretch}
.form-pair .formcard{display:flex;flex-direction:column;gap:6px;margin:0;padding:clamp(24px,2.6vw,36px)}
.form-pair .formcard > div{display:flex;flex-direction:column}
.form-pair .formcard > div:last-child{flex:1}
.form-pair .formcard h3{margin:16px 0 14px !important;font-size:clamp(22px,2vw,27px) !important;text-wrap:balance}
.form-pair .em-steps{margin:0 0 22px}
.form-pair .em-go{margin-top:auto;align-self:flex-start}
@media (max-width:820px){.form-pair{grid-template-columns:1fr}}
.form-pair .formcard > div{flex:0 0 auto}
.form-pair .formcard > div:last-child{flex:1 1 auto}
.form-pair .formcard.letter{margin-top:0}
.form-pair .formcard{align-items:stretch}
.reel-feature{margin-top:56px}
.reel-feature::before{left:clamp(110px,16%,200px);right:6%;top:2%;bottom:2%}
@media (max-width:760px){.reel-feature::before{left:-2%;right:-2%;top:40%;bottom:0}}

/* ===== Nov 5 pass ===== */
/* Good / bad / ugly: a touch bigger, and "The bad" gets the same dark outline as the others */
.scrawl{font-size:clamp(40px,3.75vw,52px)}
.card.remove .scrawl{text-shadow:1.3px 0 0 #13241e,-1.3px 0 0 #13241e,0 1.3px 0 #13241e,0 -1.3px 0 #13241e,1px 1px 0 #13241e,-1px 1px 0 #13241e,1px -1px 0 #13241e,-1px -1px 0 #13241e}
.card .scrawl{top:-26px}
.tl-title .scrawl{top:-31px}
@media (max-width:560px){.card .scrawl{top:-23px}.tl-title .scrawl{top:-27px}}
/* More room between the timeline and the consent section */
#consent{padding-top:clamp(140px,16vw,230px)}
/* "Consent must be present, not past." fills the width on desktop */
#consent h2.consent-h{margin:0 0 22px;line-height:1.05;letter-spacing:-.015em}
#consent h2.consent-h .cfit{display:inline-block;white-space:nowrap}
@media (max-width:760px){#consent h2.consent-h .cfit{white-space:normal;font-size:clamp(34px,10vw,52px)!important;letter-spacing:0!important}}
/* Consent cards: icons always showing; the card inverts on hover */
#consent .c-ico{opacity:1;transform:none}
#consent .card{transition:background-color .3s ease,transform .25s ease,box-shadow .25s ease}
#consent .card h3,#consent .card p,#consent .card .when{transition:color .3s ease}
#consent .card:hover,#consent .card:focus-within{background:#13241e}
#consent .card:hover h3,#consent .card:hover p,#consent .card:focus-within h3,#consent .card:focus-within p{color:#fff4e8}
#consent .card:hover .when,#consent .card:focus-within .when{color:#f9c126}
#consent .card:hover .c-ico,#consent .card:focus-within .c-ico{background:#f9c126}
/* "There's a big difference" arrow: starts at the end of "big" and curves down to the rows */
.split th .bd-big{display:inline}
.bd-arrow{position:absolute;right:auto;bottom:auto;left:0;top:0;width:clamp(34px,3.3vw,48px);height:auto;margin:0;z-index:2;overflow:visible;pointer-events:none}
.bd-arrow path{fill:none;stroke:#f9c126;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.split th .scrawl{overflow-wrap:normal;word-break:keep-all;hyphens:none}
@media (max-width:560px){.split th.th-hand{padding:10px 4px 12px}.split th .scrawl{font-size:17px;white-space:normal}.bd-arrow{width:17px}}
/* New "Cause of death" row stands out */
.split tr.cause td{background:rgba(249,193,38,.18)}
.split tr.cause td:first-child{font-weight:700}
/* Clipboard illustration fills the space beside "You can make a difference!" */
@media (min-width:761px){
  #act .act-head{flex-wrap:nowrap;gap:24px 40px}
  #act .act-head .bill-copy{flex:1 1 auto;min-width:0}
  #act .act-art{flex:0 0 auto;width:clamp(280px,30vw,400px);margin:-34px -36px -34px auto}
}
/* Daniel's video section spans the same width as the EasyMail / EasyLetter cards */
@media (min-width:761px){
  #act .reel-feature{justify-content:flex-start;padding-right:0}
  #act .reel-feature::before{right:-1.2%}
  #act .reel-wrap{margin-left:111px}
}

/* ===== Nov 6 pass ===== */
/* "The bad": outline is yellow over the card, dark green over the page */
.sc-clip{position:absolute;inset:0;overflow:hidden;border-radius:inherit;z-index:4;pointer-events:none}
.card.remove .sc-on-card{text-shadow:1.8px 0 0 #f9c126,-1.8px 0 0 #f9c126,0 1.8px 0 #f9c126,0 -1.8px 0 #f9c126,1.4px 1.4px 0 #f9c126,-1.4px 1.4px 0 #f9c126,1.4px -1.4px 0 #f9c126,-1.4px -1.4px 0 #f9c126}
/* "Split the bill." lead and intro match the heading width */
#bill .lead-line,#bill > p.intro{max-width:var(--splitw,760px)}
#bill .lead-line .ll{white-space:nowrap}
@media (min-width:600px){#bill .lead-line .ll{display:block;width:max-content}}
@media (max-width:599px){#bill .lead-line .ll{white-space:normal}#bill .lead-line,#bill > p.intro{max-width:none}}
#bill > p.intro{text-wrap:wrap}
/* Bill C-41 paper, tucked behind "The bad" card */
#bill .cards{position:relative;z-index:1}
.bill-doc{display:none;position:absolute;z-index:0;right:5%;width:clamp(220px,21vw,320px);pointer-events:none}
@media (min-width:1000px){.bill-doc{display:block}}
.bdoc-paper{height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fffaf1;color:#13241e;border:3px solid #13241e;border-radius:8px;box-shadow:12px 12px 0 var(--sage);padding:26px 22px 0;transform:rotate(6deg);overflow:hidden}
.bdoc-house{font-size:clamp(9px,.72vw,11px);line-height:1.3;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.bdoc-num{margin:12px 0 8px;font-size:clamp(28px,2.7vw,40px);line-height:1;font-weight:900;text-transform:uppercase;letter-spacing:.01em}
.bdoc-title{font-size:clamp(12px,1vw,15px);line-height:1.3;font-weight:700;max-width:15em}
.bdoc-read{margin-top:10px;font-size:clamp(9px,.68vw,10.5px);line-height:1.3;letter-spacing:.12em;text-transform:uppercase;color:#3d524b}
.bdoc-text{align-self:stretch;flex:none;height:46px;margin-top:22px;background:repeating-linear-gradient(to bottom,rgba(19,36,30,.2) 0 5px,transparent 5px 14px)}
.bdoc-rest{flex:1;margin-top:12px}
.bdoc-cut{align-self:stretch;position:relative;margin:12px -22px 0;border-top:2.5px dashed #13241e}
.bdoc-cut svg{position:absolute;left:14px;top:-13px;width:24px;height:24px;padding:1px;background:#fffaf1;fill:none;stroke:#13241e;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-90deg)}
/* Consent: source line, roomier cards */
.src-note{margin:-14px 0 30px;font-size:13px;line-height:1.5;color:var(--muted);max-width:760px}
.src-note a{text-decoration-thickness:1px}
#consent .card h3{margin-top:16px}
#consent .quote-row{margin-top:96px}
@media (max-width:760px){#consent .quote-row{margin-top:64px}}
/* Webinar: riding beside Lawton, video frame */
.lawton{container-type:inline-size}
.lw-riding{position:absolute;z-index:2;left:69.5%;top:12%;width:29%;margin:0;font-size:max(10px,2.8cqw);line-height:1.28;font-weight:700;color:#13241e;text-align:left}
.lw-riding span{display:block;font-weight:400}
.vid-frame{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:16/9;border-radius:16px;background:#13241e;display:grid;place-items:center;margin-top:6px}
.vid-frame::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--poster,none) center/cover no-repeat}
.vf-blob,.vf-ring{position:absolute;z-index:-1;width:60%;right:-22%;bottom:-48%;overflow:visible}
.vf-blob path{fill:var(--sage);opacity:.32}
.vf-ring{right:-19%;bottom:-52%;transform:rotate(-6deg)}
.vf-ring path{fill:none;stroke:#f9c126;stroke-width:3;opacity:.55;vector-effect:non-scaling-stroke}
.vid-frame[style*="--poster"] .vf-blob,.vid-frame[style*="--poster"] .vf-ring{display:none}
.vid-frame[style*="--poster"]::after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(19,36,30,.45)}
.vid-btn{margin:0;display:inline-flex;align-items:center;gap:10px}
.vid-btn svg{width:16px;height:16px;fill:currentColor}

/* Timeline: duotone photos behind the dots */
.tl-photo{position:relative;z-index:1;display:block;width:min(100%,240px);height:170px;object-fit:cover;margin:0 auto -48px;border-radius:22px;background:var(--sage)}
.timeline .dot{z-index:2}
.timeline::before{top:168px}
@media (max-width:760px){
  .timeline::before{display:none}
  .timeline li{align-items:start;row-gap:12px}
  .tl-photo{grid-column:2;grid-row:1;width:100%;max-width:320px;height:auto;aspect-ratio:48/34;margin:0}
  .timeline .dot{grid-column:1;grid-row:1}
  .timeline p{grid-column:2;grid-row:2}
  .timeline li:not(:last-child)::after{content:"";position:absolute;left:42px;top:44px;width:4px;height:calc(100% + 22px);border-radius:2px;background:var(--sage)}
}

/* Timeline portraits (duotone) sitting behind the dots */
.timeline::before{top:168px}
.tl-photo{display:block;position:relative;z-index:1;width:min(100%,240px);height:170px;object-fit:cover;margin:0 auto -48px;border-radius:22px}
.timeline .dot{z-index:2}
@media (max-width:760px){
  .timeline::before{display:none}
  .timeline li{grid-template-columns:88px minmax(0,1fr);grid-template-rows:auto auto;row-gap:12px;align-items:start}
  .tl-photo{grid-column:2;grid-row:1;width:100%;max-width:340px;height:120px;margin:0;border-radius:18px}
  .timeline .dot{grid-column:1;grid-row:1;align-self:center}
  .timeline p{grid-column:2;grid-row:2}
  .timeline li:not(:last-child)::after{content:"";position:absolute;left:42px;top:60px;height:calc(100% + 22px);width:4px;border-radius:2px;background:var(--sage);z-index:0}
}

/* Bill C-41 paper, wider: spans from its right edge to where text starts in "The bad" card. Hover pops; click splits it on the dotted line */
.bill-doc{container-type:inline-size;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}
.bdoc-tilt{position:relative;height:100%;transform:rotate(2.5deg);transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.bdoc-paper{position:absolute;inset:0;transform:none;padding:clamp(20px,5cqw,34px) 6% 0;transition:transform .55s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease}
.bdoc-house{font-size:clamp(10px,2cqw,13px)}
.bdoc-num{margin:clamp(10px,2cqw,16px) 0 8px;font-size:clamp(30px,8.5cqw,62px)}
.bdoc-title{font-size:clamp(13px,2.7cqw,19px);max-width:22em}
.bdoc-read{font-size:clamp(9px,1.7cqw,12px)}
.bdoc-text{height:clamp(46px,9cqw,60px)}
.bdoc-cut{margin:14px -6.5% 0}
.bdoc-cut svg{left:5%;top:-22px;background:none;transform:rotate(-90deg)}
@media (hover:hover){
  .bill-doc:hover .bdoc-tilt{transform:rotate(5.5deg) translateY(-12px) scale(1.035)}
  .bill-doc:hover .bdoc-paper{box-shadow:18px 18px 0 var(--sage)}
}
#bill .split-h{position:relative;z-index:2;pointer-events:none}
@media (prefers-reduced-motion:reduce){.bdoc-tilt,.bdoc-paper{transition:none}}

/* Bill C-41 v3: two real pieces that meet exactly on the dotted line */
.bdoc-tilt{display:flex;flex-direction:column;isolation:isolate}
.bdoc-piece{position:relative;background-color:#fffaf1;color:#13241e;border:3px solid #13241e;transition:transform .55s cubic-bezier(.34,1.56,.64,1)}
.bdoc-piece::before{content:"";position:absolute;inset:-3px;z-index:-1;border-radius:inherit;background:var(--sage);transform:translate(12px,12px);transition:transform .35s ease}
.bdoc-top{flex:none;display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(20px,5cqw,34px) 6% 18px;border-bottom:2.5px dashed #13241e;border-radius:8px 8px 0 0;transform-origin:100% 100%}
.bdoc-bot{flex:1;border-top:0;border-radius:0 0 8px 8px;padding:18px 6% 0;background:repeating-linear-gradient(to bottom,rgba(19,36,30,.2) 0 5px,transparent 5px 14px) content-box,#fffaf1;transform-origin:0 0}
.bdoc-top .bdoc-text{flex:none;align-self:stretch;height:33px;margin-top:20px}
.bdoc-sc{position:absolute;left:5%;bottom:-15px;width:28px;height:28px;padding:2px;background:#fffaf1;z-index:3}
.bdoc-sc svg{display:block;width:24px;height:24px;fill:none;stroke:#13241e;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-90deg)}
@media (hover:hover){.bill-doc:hover .bdoc-piece::before{transform:translate(18px,18px)}}
.bill-doc.is-cut .bdoc-top{transform:translate(6px,-20px) rotate(-2.5deg)}
.bill-doc.is-cut .bdoc-bot{transform:translate(8px,24px) rotate(2deg)}
@media (prefers-reduced-motion:reduce){.bdoc-piece,.bdoc-piece::before{transition:none}}

/* Bill pieces: plain box-shadows (the later piece covers the earlier one's shadow), scissors ride on the bottom piece */
.bdoc-piece::before{content:none}
.bdoc-piece{box-shadow:12px 12px 0 var(--sage);transition:transform .55s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease}
@media (hover:hover){.bill-doc:hover .bdoc-piece{box-shadow:18px 18px 0 var(--sage)}}
.bdoc-bot .bdoc-sc{top:-16px;bottom:auto}
/* Smaller timeline dots now that the photos carry the row */
.timeline .dot{width:72px;height:72px;margin-bottom:16px;font-size:15px}
.tl-photo{margin-bottom:-36px}
@media (max-width:760px){
  .timeline li{grid-template-columns:64px minmax(0,1fr)}
  .timeline .dot{width:64px;height:64px;margin:0;font-size:13px}
  .timeline li:not(:last-child)::after{left:30px}
  .tl-photo{margin:0}
}
/* Lawton's riding: body subtext style, in gold */
.lw-riding{left:70%;top:10.5%;width:30%;font-size:max(12px,3.4cqw);line-height:1.15;font-weight:400;color:#f9c126}

/* Riding sits beside Lawton's name in the heading, in the body text style */
.web-copy h2 .wh-riding{display:inline-block;vertical-align:middle;margin:-2px 0 0 .5em;white-space:nowrap;font-size:15px;line-height:20px;font-weight:400;letter-spacing:0;color:#4d7461}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .web-copy h2 .wh-riding{color:#f9c126}}
:root[data-theme="dark"] .web-copy h2 .wh-riding{color:#f9c126}
@media (max-width:560px){.web-copy h2 .wh-riding{display:block;margin:6px 0 0;font-size:14px;line-height:1.5}}

/* Churches: heading lines up with the first download button; church + blob tilt left on hover */
@media (min-width:981px){
  .band.band-church{align-items:flex-start}
  .band.band-church > div:not(.ch-stack) h2{margin-top:-7px}
}
.band.band-church .ch-stack{transform-origin:50% 85%;transition:rotate .6s cubic-bezier(.34,1.56,.64,1),scale .6s cubic-bezier(.34,1.56,.64,1)}
@media (hover:hover){.band.band-church .ch-stack:hover{rotate:-6deg;scale:1.03}}
@media (prefers-reduced-motion:reduce){.band.band-church .ch-stack{transition:none}}

/* Church download buttons turn gold on hover */
#churches .dl a:hover,#churches .dl a:focus-visible{background:#f9c126;color:#13241e}

/* Bigger woman + blob, overlapping the green quote pill */
@media (min-width:761px){
  #consent .quote-row{--lov:clamp(60px,7vw,110px)}
  #consent .quote-row .lady{flex:0 0 clamp(300px,27vw,370px);width:auto;margin-left:calc(-56px - var(--lov));z-index:2}
  #consent .quote-row blockquote.pull{padding-right:calc(40px + var(--lov))}
}

/* Arrow matches the handwritten "big difference": same line weight, same thin dark outline */
.split th .bd-arrow path{stroke-width:2.5}
.split th .bd-arrow{filter:drop-shadow(1.3px 0 0 #13241e) drop-shadow(-1.3px 0 0 #13241e) drop-shadow(0 1.3px 0 #13241e) drop-shadow(0 -1.3px 0 #13241e)}

/* Footer contacts with mail and phone icons */
.foot .foot-contact{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 28px;margin-top:10px;color:var(--peach)}
.foot .foot-contact a{display:inline-flex;align-items:center;gap:8px;color:var(--peach);text-decoration:none}
.foot .foot-contact a:hover{color:#fff4e8;text-decoration:underline;text-decoration-color:var(--gold)}
.foot .foot-contact svg{width:17px;height:17px;flex:none;fill:none;stroke:var(--gold);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* Footer: thinner link underlines; logo links are plain */
.foot .attr a,.foot .foot-contact a:hover{text-decoration-thickness:1px;text-underline-offset:4px}
.foot .foot-logos a{display:block;text-decoration:none}
.foot .foot-logos a:focus-visible{outline:3px solid var(--gold);outline-offset:4px;border-radius:4px}

/* Timeline photos flip to a negative on hover */
.tl-photo{transition:filter .45s ease}

@media (prefers-reduced-motion:reduce){.tl-photo{transition:none}}

/* Timeline photos: on hover, crossfade to a negative within the green/gold duotone */
.tl-pic{display:block;position:relative;z-index:1;width:min(100%,240px);height:170px;margin:0 auto -36px;border-radius:22px;overflow:hidden}
.tl-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0;border-radius:0;filter:none!important}
.tl-pic .tl-photo{z-index:0}
.tl-pic .tl-neg{z-index:1;opacity:0;transition:opacity .45s ease}
@media (hover:hover){.timeline li:hover .tl-neg{opacity:1}}
@media (prefers-reduced-motion:reduce){.tl-pic .tl-neg{transition:none}}
@media (max-width:760px){.tl-pic{grid-column:2;grid-row:1;width:100%;max-width:340px;height:120px;margin:0;border-radius:18px}}

/* Beige blob behind the timeline grows so its edge just touches the first photo */
@media (min-width:1101px){.deco-blob{width:min(calc(27.9vw + 793px),1195px)}}
@media (min-width:761px) and (max-width:1100px){.deco-blob{width:100vw}}

/* Timeline blob: nudged right so it never sits behind "How we got here:" */
@media (min-width:761px){.deco-blob{translate:80px 0}}
/* Timeline text in cards, joined to their dot by a short stem; dot and card move together on hover */
.timeline li{--ring:var(--sage)}
.timeline li:first-child{--ring:#d93025}
.timeline li.now{--ring:var(--gold)}
.timeline p{position:relative;box-sizing:border-box;width:min(100%,240px);max-width:none;margin:0 auto;padding:14px 16px 16px;background:var(--panel);border-radius:16px;border-top:4px solid var(--ring);box-shadow:0 2px 0 rgba(19,36,30,.06);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}
@media (min-width:761px){
  .timeline .dot{margin-bottom:18px}
  .timeline p::before{content:"";position:absolute;left:50%;top:-22px;width:4px;height:20px;margin-left:-2px;border-radius:2px;background:var(--ring)}
}
@media (hover:hover){.timeline li:hover p{transform:translateY(-4px);box-shadow:0 12px 26px rgba(19,36,30,.16)}}
@media (max-width:760px){
  .timeline p{width:auto;margin:0;border-top:0;border-left:4px solid var(--ring);padding:12px 14px}
}
@media (prefers-reduced-motion:reduce){.timeline p{transition:none}}

/* Daniel's video sits in a phone: dark bezel, dynamic island, side buttons, home bar */
.reel-wrap .reel{overflow:visible;border:11px solid #13241e;border-radius:44px;background:#13241e;box-shadow:0 0 0 2px #3d524b,0 22px 40px rgba(19,36,30,.28)}
.reel-wrap .reel img{border-radius:33px}
.reel-wrap .reel::before{content:"";position:absolute;z-index:2;left:50%;top:9px;width:30%;height:22px;margin-left:-15%;border-radius:999px;background:#0b1512}
.reel-wrap .reel .phone-btns{position:absolute;inset:-11px;pointer-events:none}
.reel-wrap .reel .phone-btns::before{content:"";position:absolute;left:-4px;top:22%;width:4px;height:9%;border-radius:3px 0 0 3px;background:#13241e}
.reel-wrap .reel .phone-btns::after{content:"";position:absolute;right:-4px;top:26%;width:4px;height:14%;border-radius:0 3px 3px 0;background:#13241e}
.reel-wrap .reel .phone-btns i{position:absolute;left:-4px;top:34%;width:4px;height:9%;border-radius:3px 0 0 3px;background:#13241e}
.reel-wrap .reel .home-bar{position:absolute;z-index:2;left:50%;bottom:8px;width:36%;height:5px;margin-left:-18%;border-radius:999px;background:rgba(255,244,232,.85)}
.reel-wrap .reel .play{left:18px;bottom:24px}

/* Woman + blobs: bigger again, and further left over the quote pill */
@media (min-width:761px){
  #consent .quote-row{--lov:clamp(110px,12.5vw,200px)}
  #consent .quote-row .lady{flex-basis:clamp(340px,31vw,440px)}
}

/* More room between the churches band and the Scripture quote */
.section.verse{padding-top:clamp(84px,9vw,130px)}
@media (max-width:760px){.section.verse{padding-top:72px}}

/* Nov 7: Blog link in the top bar */
.top-ctas{align-items:center}
.top-blog{margin-right:6px;padding:8px 10px;color:#fff4e8;font-weight:700;font-size:16px;text-decoration:underline;text-decoration-color:#f9c126;text-decoration-thickness:1px;text-underline-offset:5px}
.top-blog:hover{color:#f9c126}
@media (max-width:760px){.top-blog{display:none}}
/* Nov 7: webinar video, thumbnail first, YouTube loads on click */
.vid-yt{display:block;background:#000;cursor:pointer}
.vid-yt .vid-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .3s ease}
.vid-yt:hover .vid-thumb{transform:scale(1.03);filter:brightness(.9)}
.vid-yt .vid-play{position:absolute;left:50%;top:50%;width:78px;height:78px;margin:-39px 0 0 -39px;border:0;border-radius:50%;background:#f9c126;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.35);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.vid-yt .vid-play svg{width:30px;height:30px;margin-left:5px;fill:#13241e}
.vid-yt:hover .vid-play,.vid-yt .vid-play:focus-visible{transform:scale(1.1)}
.vid-yt .vid-play:focus-visible{outline:3px solid #fff4e8;outline-offset:4px}
.vid-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Nov 7 reorder: consent now follows the hero, Split the bill follows Plan your care */
#consent{padding-top:clamp(70px,8vw,120px)!important}
#bill{padding-top:clamp(100px,10vw,150px)}
/* play button sits bottom-right so it never covers the thumbnail title */
.vid-yt .vid-play{left:auto;top:auto;right:20px;bottom:20px;width:66px;height:66px;margin:0}
.vid-yt .vid-play svg{width:26px;height:26px}
@media (max-width:560px){.vid-yt .vid-play{right:12px;bottom:12px;width:52px;height:52px}.vid-yt .vid-play svg{width:20px;height:20px}}

/* Consent intro: the two sentences run together on one line; the new explainer sits below */
#consent > p.intro{max-width:920px;text-wrap:pretty}
#consent > p.intro:not(.consent-more){max-width:none;margin-bottom:14px}
#consent > p.intro.consent-more{max-width:760px;margin-top:0}

/* Nov 7b: consent punch line on its own; timeline tucked up under the cards; CTA under the timeline */
#consent > p.intro.consent-more{margin-bottom:10px}
#consent > p.intro.consent-punch{margin-top:0}
#consent > p.intro.consent-punch + .src-note{margin-top:10px}
#bill .tl-title{margin-top:clamp(72px,7vw,104px)}
#bill .after-cards.after-tl{margin-top:clamp(40px,5vw,64px)}

/* Nov 7c: Split the bill ask moves up under the intro, deadline underlined */
#bill > p.intro:not(.bill-ask){margin-bottom:16px}
#bill > p.intro.bill-ask{margin-top:0}
#bill .bill-ask strong{font-weight:900;color:var(--head)}
#bill .bill-ask .deadline{font-weight:900;color:var(--head);white-space:nowrap;text-decoration:underline;text-decoration-color:#f9c126;text-decoration-thickness:4px;text-underline-offset:5px;text-decoration-skip-ink:none}
/* Bill C-41 graphic: shown at every size; beside the copy from 761px, stacked above the cards on phones */
@media (min-width:761px){.bill-doc{display:block}}
@media (max-width:760px){
  .bill-doc{display:block;position:relative;right:auto;width:min(82%,330px);height:320px;margin:26px auto -64px}
}
/* Daniel's video: stack the phone over the blob until there's room side by side */
@media (max-width:1060px){
  #act .reel-feature{flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:flex-start;padding:0 0 30px}
  #act .reel-feature::before{left:-2%;right:-2%;top:40%;bottom:0}
  #act .reel-wrap{margin-left:0}
  #act .reel-feature .reel-copy{flex:none;width:100%;max-width:620px;padding:12px clamp(24px,5vw,40px) 22px}
}
/* Consent story cards: three across on wide screens, one column below that (no 2 + 1 gap) */
#consent .cards{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1023px){#consent .cards{grid-template-columns:minmax(0,1fr)}}

/* Phones: shorter Split the bill copy and a smaller bill graphic */
.m-show{display:none}
@media (max-width:560px){
  #bill .m-hide{display:none}
  #bill .m-show{display:inline}
  .bill-doc{width:min(66%,240px);height:252px;margin:18px auto -30px}
}

/* Nov 7: bill always attached to a card. Side by side only on wide screens; below that, copy on top, small bill on "The good" */
@media (max-width:900px){
  .bill-doc{display:block;position:relative;right:auto;width:min(70%,280px);height:272px;margin:24px auto -36px}
  #bill .cards{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:900px){#bill > p.intro{max-width:660px}}
@media (max-width:560px){.bill-doc{width:min(66%,240px);height:252px;margin:18px auto -30px}}
/* Nov 7: more room above "You can make a difference!", clipboard always above the beige blob */
#act{position:relative;z-index:1;padding-top:clamp(140px,13vw,200px)}
#act .act-art{position:relative;z-index:2}
/* Nov 7: phones get round Email / Letter buttons beside the menu button; they open to show their label */
.fab-ctas{display:none}
@media (max-width:760px){
  .hero-top .top-ctas{display:none}
  .fab-ctas{display:flex;position:fixed;z-index:70;top:calc(env(safe-area-inset-top,0px) + 52px);right:72px;gap:8px;align-items:center}
  .fab{display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:48px;min-width:48px;padding:0 12px;border-radius:999px;border:1.5px solid #13241e;background:#f9c126;color:#000;text-decoration:none;font-weight:700;font-size:14px;line-height:1;white-space:nowrap;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.18)}
  .fab.letter{background:#fff4e8}
  .fab img{display:block;width:20px;height:auto;flex:none}
  .fab-t{display:inline-block;max-width:0;opacity:0;margin-left:0;overflow:hidden;transition:max-width .35s ease,opacity .25s ease,margin-left .35s ease}
  .fab:hover .fab-t,.fab:focus-visible .fab-t,.fab.peek .fab-t{max-width:170px;opacity:1;margin-left:8px}
  .fab:focus-visible{outline:3px solid #13241e;outline-offset:2px}
}
@media print{.fab-ctas{display:none!important}}
/* Nov 7: Read Bill C-41 link in the menu */
.menu-list a.menu-ext{display:flex;align-items:center;gap:6px}
/* Nov 7: footer line breaks cleanly: "Dignity at every age" / "and every stage." */
.foot h2 .fl{white-space:nowrap}
@media (max-width:720px){.foot h2 .fl{display:block}.foot h2{font-size:clamp(24px,7.4vw,34px)}}
/* Nov 7: Read Bill C-41 stands out in gold */
.menu-list a.menu-ext{color:#f9c126}
.menu-list a.menu-ext:hover,.menu-list a.menu-ext:focus-visible{color:#fff4e8}
/* Nov 7: ARPA Facebook + Instagram in the menu and footer (Simple Icons) */
.soc{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1.5px solid rgba(254,236,216,.35);color:#fff4e8;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s,transform .2s}
.soc svg{width:19px;height:19px;fill:currentColor}
.soc:hover,.soc:focus-visible{background:#f9c126;border-color:#f9c126;color:#13241e;transform:translateY(-2px)}
.soc:focus-visible{outline:3px solid #f9c126;outline-offset:2px}
.menu-social{display:flex;align-items:center;gap:10px;margin:20px 0 0}
.menu-social span{margin-right:auto;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fdd9b4}
.foot-social{display:flex;justify-content:center;gap:12px;margin:22px 0 0}
@media (prefers-reduced-motion:reduce){.soc{transition:none}.soc:hover{transform:none}}
.menu-list a.menu-ext svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
/* Nov 7: timeline cards link to the bills, and invert on hover */
.timeline p{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,background-color .3s ease,color .3s ease}
.tl-law{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 8px;margin-top:10px;font-size:14px;line-height:1.3}
.tl-law + .tl-law{margin-top:4px}
.tl-law a{display:inline-flex;align-items:center;gap:3px;font-weight:700;color:inherit;text-decoration:underline;text-decoration-color:var(--ring);text-decoration-thickness:2px;text-underline-offset:3px}
.tl-law a svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.tl-law em{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.75}
.timeline li:first-child .tl-law a{text-decoration-color:#f9c126}
.tl-law a:focus-visible{outline:3px solid #f9c126;outline-offset:3px;border-radius:3px}
@media (hover:hover){.timeline li:hover p{background:var(--head);color:var(--page)}}
.timeline li:focus-within p{background:var(--head);color:var(--page)}
@media (max-width:760px){.tl-law{justify-content:flex-start}}
/* Nov 7: the "big difference" arrow draws in after the words finish writing */
.js .split th .bd-arrow path{stroke-dasharray:1 1;stroke-dashoffset:1;opacity:0}
.js .split th .scrawl.go ~ .bd-arrow .ba-line{animation:ba-draw .5s cubic-bezier(.45,.05,.55,.95) 1.1s forwards}
.js .split th .scrawl.go ~ .bd-arrow .ba-head{animation:ba-draw .2s ease-out 1.6s forwards}
@keyframes ba-draw{from{opacity:1;stroke-dashoffset:1}to{opacity:1;stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){.js .split th .bd-arrow path{stroke-dasharray:none;stroke-dashoffset:0;opacity:1;animation:none!important}}
@media (max-width:760px){#act{padding-top:110px}}

/* Nov 7: Scripture band in the style of the old carenotkill.ca quote area: a full-width sage band,
   with the group of people (the old site's People.webp) leaning over its top edge */
.section.verse{position:relative;isolation:isolate;margin-top:clamp(190px,22vw,290px);padding-top:clamp(70px,7vw,96px)!important;padding-bottom:clamp(72px,7vw,100px)}
.section.verse::before{content:"";position:absolute;inset:0;background:#77a088;box-shadow:0 0 0 100vmax #77a088;clip-path:inset(0 -100vmax);z-index:-1}
.verse-people{position:absolute;top:0;left:max(24px,calc((100% - 980px)/2));width:clamp(250px,30vw,390px);height:auto;transform:translateY(-89.3%);pointer-events:none;user-select:none}
.verse-fig{position:relative;max-width:980px;padding:0 clamp(0px,9vw,120px)}
.verse-mark{fill:#13241e;width:clamp(48px,5.4vw,72px)}
.verse-fig blockquote p{color:#fff;font-weight:400;font-size:clamp(22px,2.5vw,32px);line-height:1.55;letter-spacing:0}
.verse-fig figcaption{margin-top:clamp(26px,3vw,40px);font-size:14px;line-height:20px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#13241e}
.verse-fig figcaption::before{content:"\2014\00a0\00a0"}
@media (min-width:761px){
  .verse-mark{position:absolute;top:4px;left:0;margin:0}
  .verse-mark.close{left:auto;right:0;transform:rotate(180deg)}
}
@media (max-width:760px){.verse-mark.close{display:none}.verse-mark{margin-bottom:18px}}

/* Nov 7: "Share an image" in Spread the word: the three Care Not Kill share graphics, with Download and Share buttons */
.img-share{margin-top:8px}
.img-note{margin:0 0 16px;font-size:16px;line-height:1.5;color:var(--muted)}
.img-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 6px}
.img-card{margin:0;display:flex;flex-direction:column;gap:10px}
.img-card img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:14px;box-shadow:0 2px 0 rgba(19,36,30,.08);background:#fff4e8}
.img-acts{display:flex;flex-wrap:wrap;gap:8px}
.img-acts .btn{display:inline-flex;align-items:center;gap:7px;font-size:15px;line-height:22px;padding:8px 14px;margin:0;cursor:pointer;font-family:inherit}
.img-acts .btn svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.img-acts button.btn.ghost.on-light{background:transparent;color:var(--head);border:1px solid var(--head)}
.img-acts button.btn.ghost.on-light:hover{background:#fdd9b4}
@media (max-width:760px){.img-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media (max-width:480px){.img-acts{gap:6px}.img-acts .btn{font-size:14px;padding:7px 10px;gap:5px}.img-acts .btn svg{width:15px;height:15px}.img-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:6px;margin-right:-20px;padding-right:20px}.img-card{flex:0 0 74%;scroll-snap-align:start}}

/* Nov 7: "More ways to make a difference": billboard or bus ad, and petition (carried over from the old carenotkill.ca) */
.more-ways{margin-top:clamp(44px,5vw,68px)}
.ways-h{margin:0 0 18px;font-size:clamp(24px,2.6vw,32px);line-height:1.2;font-weight:900;color:var(--head)}
.ways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.way{background:var(--panel);border-radius:28px;padding:28px 30px;display:flex;gap:24px;align-items:flex-start}
.way-ico{flex:0 0 clamp(96px,10vw,128px);width:clamp(96px,10vw,128px);height:auto;display:block}
.way-copy{flex:1;min-width:0}
.way h4{margin:4px 0 8px;font-size:22px;line-height:1.25;font-weight:900;color:var(--head)}
.way p{margin:0 0 16px;font-size:16px;line-height:1.55}
.way p a{color:var(--head);font-weight:700;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:3px}
.way-btns{display:flex;flex-wrap:wrap;gap:10px}
.way-btns .btn{font-size:15px;line-height:22px;padding:9px 16px;margin:0}
@media (max-width:900px){.ways{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){.way{flex-direction:column;align-items:center;text-align:center;padding:24px 20px}.way-btns{justify-content:center}}

/* Nov 7: EasyMail and EasyLetter logos on the menu buttons */
.menu-ctas .btn{display:inline-flex;align-items:center;gap:9px}
.menu-ctas .btn img{display:block;width:22px;height:auto;flex:none}
.menu-ctas .btn.ghost img{filter:invert(1) brightness(1.1)}

/* Nov 7: icons lift on hover; toolkit and Meet your MP illustrations; numbered talking points */
.way-ico,.toolkit-art,.meet-art{transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s ease}
.way:hover .way-ico,.toolkit-art:hover,.meet-intro:hover .meet-art{transform:translateY(-10px);filter:drop-shadow(0 14px 14px rgba(19,36,30,.16))}
@media (prefers-reduced-motion:reduce){.way-ico,.toolkit-art,.meet-art{transition:none}.way:hover .way-ico,.toolkit-art:hover,.meet-intro:hover .meet-art{transform:none}}
#toolkit{position:relative}
.toolkit-art{position:absolute;right:clamp(20px,3vw,40px);top:var(--tk-top,36px);width:clamp(112px,13vw,176px);height:auto;z-index:1}
#toolkit > h2,#toolkit > p.intro{padding-right:clamp(130px,15vw,210px)}
.meet-intro{display:flex;align-items:center;gap:clamp(16px,2.5vw,28px);margin:0 0 8px}
.meet-intro p{margin:0;flex:1;min-width:0}
.meet-art{flex:0 0 clamp(108px,13vw,150px);width:clamp(108px,13vw,150px);height:auto;display:block}
@media (max-width:560px){.meet-intro{flex-direction:column;align-items:flex-start}.meet-art{width:120px;flex-basis:auto}}
@media (max-width:560px){#toolkit > p.intro{padding-right:0}}

/* Nov 7d: handshake moves to the top right of the green blob beside the video phone;
   the toolkit illustration grows and tucks behind the Phone script card; bolder Scripture verse */
#act .reel-feature{position:relative}
.reel-hand{position:absolute;z-index:2;right:7%;top:-8px;width:clamp(132px,12.5vw,170px);height:auto;pointer-events:auto;transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s ease}
.reel-feature:hover .reel-hand{transform:translateY(-10px);filter:drop-shadow(0 14px 14px rgba(19,36,30,.16))}
@media (max-width:1060px){.reel-hand{top:calc(40% - 18px);right:7%;width:124px}}
@media (max-width:560px){.reel-hand{top:auto;bottom:22px;right:2px;width:86px}}
@media (prefers-reduced-motion:reduce){.reel-hand{transition:none}.reel-feature:hover .reel-hand{transform:none}}
.meet-intro{display:block}
.tk-head{position:relative;padding-right:clamp(170px,23vw,300px)}
.tk-head > h2,.tk-head > p.intro{padding-right:0!important}
#toolkit .toolkit-art{position:absolute;top:auto;right:clamp(6px,2vw,30px);bottom:var(--tk-tuck,calc(-60px - clamp(170px,21vw,272px) * .16));width:clamp(170px,21vw,272px);height:auto;z-index:0}
#toolkit details.tool{position:relative;z-index:1}
@media (max-width:560px){.tk-head{padding-right:142px}#toolkit .toolkit-art{width:150px;right:-6px;bottom:-84px}}
.verse-fig blockquote p{font-weight:900;font-size:clamp(26px,3.3vw,42px);line-height:1.22;letter-spacing:-.005em}

/* Nov 7e: yellow "Watch" label, bigger handshake, Find your MP link, bigger toolkit sitting higher */
.reel-feature .reel-copy .when{color:#f9c126}
.reel-copy .cta{display:flex;flex-wrap:wrap;gap:12px}
.reel-copy .find-mp{margin:0;font-size:15px;line-height:1.45;color:#13241e}
.reel-copy .find-mp a{color:#13241e;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.reel-hand{top:-38px;width:clamp(150px,15vw,204px)}
@media (max-width:1060px){.reel-hand{top:calc(40% - 30px);width:156px}}
@media (max-width:560px){.reel-hand{top:auto;bottom:-6px;right:-4px;width:104px}}
.tk-head{padding-right:clamp(210px,28vw,360px)}
#toolkit .toolkit-art{width:clamp(200px,25vw,330px);bottom:calc(-60px - clamp(200px,25vw,330px) * .08)}
@media (max-width:560px){.tk-head{padding-right:150px}#toolkit .toolkit-art{width:170px;right:-8px;bottom:-72px}}
#toolkit{z-index:1}
.tk-head{margin-top:clamp(0px,calc(6vw - 20px),70px)}
@media (max-width:560px){.reel-copy .find-mp{padding-right:96px}}

/* Nov 9a: mental illness graphic removed, two share images side by side */
@media (min-width:481px){.img-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px}}

/* Nov 9e: riding — green pill on light, gold text on dark */
.web-copy h2 .wh-riding{color:#fff4e8!important;background:#4d7461;border-radius:999px;padding:3px 12px;display:inline-block;width:max-content;max-width:100%;white-space:normal}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .web-copy h2 .wh-riding{color:#f9c126!important;background:none;padding:0}}
:root[data-theme="dark"] .web-copy h2 .wh-riding{color:#f9c126!important;background:none;padding:0}
/* Nov 9f: contrast fixes, so all text reaches 4.5:1 (3:1 for large text) in light and dark mode */
/* "Split the bill.": dark green on gold in dark mode too (cream on gold was 1.5:1) */
.sp-hl{color:#13241e}
/* "Watch" label on the green blob: dark green (gold on green was 1.8:1) */
.reel-feature .reel-copy .when{color:#13241e}
/* "Find your MP" on the green blob: dark green in dark mode too (cream on green was 2.7:1) */
#act .reel-copy .btn.ghost.on-light{color:#13241e;border-color:#13241e}
#act .reel-copy .btn.ghost.on-light:hover{color:#000}
/* Scripture verse: dark green on the sage band, like its quote marks and reference (white was 2.9:1) */
.verse-fig blockquote p{color:#13241e}
/* Phones and tablets: a slightly larger green blob, so every line of the "Why your MP" panel sits on green */
@media (max-width:1060px){#act .reel-feature::before{left:-10%;right:-10%;top:36%}#act .reel-feature{padding-bottom:84px}}
@media (max-width:359px){#act .reel-feature::before{top:29%}}
/* Nov 9g: CareMail replaces EasyMail. Its step numbers use the CareMail green with dark numbers,
   the same way the EasyLetter card uses its own red (5.5:1) */
.em-steps b{background:#77a088;color:#13241e}
/* Nov 9h reorder: "Split the bill." and the timeline follow the hero; the consent section follows the timeline */
#bill{padding-top:clamp(70px,8vw,120px)}
#consent{padding-top:clamp(140px,16vw,230px)!important}
/* Nov 9i: consent section heading is now "Advance requests would allow euthanasia without real consent." */
#consent h2.ar-h{font-size:clamp(34px,5vw,66px);line-height:1.08;margin:0 0 22px;text-wrap:balance}
/* the red line through "without" sits mid-word whatever the word's width */
#consent h2.ar-h .strike2 .strike-line{height:.5em;top:50%;transform:translateY(-35%)}
#consent h2.ar-h .strike2 .strike-line path{stroke-width:6.5}
/* the cards keep the same room above them as when the sources note sat there */
#consent > p.intro.consent-more{margin-bottom:30px}
/* Nov 9j: "More ways to make a difference" now follows the action toolkit as its own section */
#more-ways{padding-top:0}
#more-ways .more-ways{margin-top:clamp(28px,4vw,52px)}
/* Nov 9j/9l: Scripture band removed; the leaning people now stand on the footer's top edge, hands over it,
   as they leaned over the band. On this page the footer's top edge is straight (no wave) so they sit well.
   The space above leaves room for the people (89.3% of their height stands above the edge). */
footer .wave{display:none}
.foot-people{position:relative;height:0;z-index:2;margin-top:clamp(100px,14vw,200px)}
.foot-people .verse-people{top:0}
/* Nov 9k: source line under the consent cards */
#consent .cards-src{margin:14px 0 0}
/* Nov 9m: footer logos span the same width as "Dignity at every age and every stage." */
.foot .foot-logos .l-cnk{width:197px}
.foot .foot-logos .l-arpa{width:223px}
.foot-logos .div{height:84px}
@media (max-width:720px){.foot-logos{gap:22px}.foot .foot-logos .l-cnk{width:min(138px,35vw)}.foot .foot-logos .l-arpa{width:min(157px,40vw)}.foot-logos .div{height:58px}}

/* ---------- WordPress additions ---------- */
/* Keep WordPress's admin toolbar from covering the fixed menu button when logged in */
.admin-bar .menu-btn{top:calc(env(safe-area-inset-top,0px) + 52px + 32px)}
.admin-bar .fab-ctas{top:calc(env(safe-area-inset-top,0px) + 52px + 32px)}
@media (max-width:782px){.admin-bar .menu-btn,.admin-bar .fab-ctas{top:calc(env(safe-area-inset-top,0px) + 52px + 46px)}}
.wp-site-blocks{padding:0;margin:0}
.skip-link.screen-reader-text{position:absolute!important;left:-9999px}
.skip-link.screen-reader-text:focus{left:6px;top:7px;z-index:100000;background:#fff;color:#13241e;padding:12px 18px;border-radius:8px}