@font-face{font-family:"Cinzel";src:url(/fonts/cinzel.woff2) format("woff2");font-weight:400 900;font-display:swap}
:root{
  --bg:#f5f3ee;--paper:#fffdf9;--ink:#2f2b25;--muted:#6c655b;--line:#e4ded3;
  --gold:#b48a3c;--gold-d:#8a6626;--gold-l:#e8d3a2;
  --t-parents:#eceae6;--t-friends:#ece2d5;--t-mentor:#f4e1cf;--t-church:#dfdad4;--t-savior:linear-gradient(180deg,#fffdf8,#f7eedd);
  --serif:"Cinzel",Georgia,"Times New Roman",serif;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --r:18px;--shadow:0 10px 30px rgba(60,48,30,.08),0 2px 6px rgba(60,48,30,.05);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:17px/1.65 var(--sans);color:var(--ink);background:var(--bg);overflow-x:hidden}
img{max-width:100%;display:block}
a{color:var(--gold-d)}
a:hover{color:#5e4515}
h1,h2,h3{font-family:var(--serif);font-weight:700;line-height:1.2;letter-spacing:.02em;margin:0 0 .5em}
h1{font-size:clamp(2rem,7vw,3.4rem)}
h2{font-size:clamp(1.4rem,4.5vw,2rem)}
h3{font-size:1.15rem}
p{margin:0 0 1em}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.narrow{max-width:720px}
.muted{color:var(--muted)}
.small{font-size:.9rem}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:#fff;padding:8px;z-index:99}

/* heavenly light + slow statue background */
.sky{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden;
  background:radial-gradient(120% 70% at 50% -10%,#fff 0,#fbfaf6 35%,var(--bg) 70%)}
.rays{position:absolute;left:50%;top:-40vmax;width:160vmax;height:160vmax;margin-left:-80vmax;opacity:.55;
  background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(255,250,235,.0) 0deg,rgba(255,248,225,.9) 4deg,rgba(255,250,235,0) 9deg);
  -webkit-mask:radial-gradient(circle at 50% 50%,#000 0,rgba(0,0,0,.4) 30%,transparent 55%);
          mask:radial-gradient(circle at 50% 50%,#000 0,rgba(0,0,0,.4) 30%,transparent 55%);
  animation:rays 60s linear infinite,shimmer 7s ease-in-out infinite alternate}
@keyframes rays{to{transform:rotate(360deg)}}
@keyframes shimmer{from{opacity:.35}to{opacity:.7}}
.drift{position:absolute;inset:0}
.drift i{position:absolute;bottom:-4vh;width:min(46vw,460px);height:80vh;background:center bottom/contain no-repeat;
  opacity:0;filter:grayscale(.3) blur(.5px);animation:drift 50s ease-in-out infinite;will-change:opacity,transform}
.drift i:nth-child(odd){left:-6vw}.drift i:nth-child(even){right:-6vw}
.drift i:nth-child(1){background-image:url(/img/parents.webp)}
.drift i:nth-child(2){background-image:url(/img/friends.webp);animation-delay:10s}
.drift i:nth-child(3){background-image:url(/img/mentor.webp);animation-delay:20s}
.drift i:nth-child(4){background-image:url(/img/church.webp);animation-delay:30s}
.drift i:nth-child(5){background-image:url(/img/savior.webp);animation-delay:40s}
@keyframes drift{0%{opacity:0;transform:scale(1) translateY(10px)}10%{opacity:.16}20%{opacity:.16}30%{opacity:0;transform:scale(1.08) translateY(-10px)}100%{opacity:0}}

/* hero */
.hero{text-align:center;padding-top:34px;padding-bottom:10px}
.eyebrow{font-family:var(--serif);letter-spacing:.18em;text-transform:uppercase;font-size:.82rem;color:var(--gold-d);margin-bottom:.4em}
.title-5{display:flex;align-items:center;justify-content:center;gap:12px;margin:.1em 0 .2em}
.title-5 .n{font-family:var(--serif);font-weight:900;font-size:clamp(3.6rem,14vw,6rem);line-height:.9;
  background:linear-gradient(180deg,#d9b866,#9c7430);-webkit-background-clip:text;background-clip:text;color:transparent}
.title-5 h1{margin:0;text-align:left;font-size:clamp(1.6rem,6vw,2.8rem)}
.roles-line{font-family:var(--serif);font-size:.72rem;letter-spacing:.14em;color:var(--muted)}
.belong{font-family:var(--serif);font-size:clamp(1.5rem,5vw,2.1rem);margin:18px 0 6px}
.lead{font-size:1.08rem;color:#4a443b;max-width:620px;margin:0 auto 1em}

/* statue build */
.build{position:relative;max-width:760px;margin:10px auto 0;aspect-ratio:1152/936;border-radius:22px;overflow:hidden;container-type:inline-size;
  box-shadow:0 30px 60px -30px rgba(70,55,30,.35)}
.build img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.build .rough{filter:grayscale(1) contrast(.62) brightness(.9) blur(2px)}
.build .grain{position:absolute;inset:0;mix-blend-mode:multiply;opacity:.55;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/><feColorMatrix values='0 0 0 0 .55 0 0 0 0 .52 0 0 0 0 .48 0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.build .smooth{clip-path:inset(0 0 0 0)}
.build .edge{position:absolute;left:0;right:0;height:3px;top:0;opacity:0;
  background:linear-gradient(90deg,transparent,rgba(255,244,210,.9) 20%,#fff 50%,rgba(255,244,210,.9) 80%,transparent);
  box-shadow:0 0 18px 6px rgba(255,236,190,.7)}
.build .dust{position:absolute;inset:0;pointer-events:none}
.build .dust span{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff8e6;box-shadow:0 0 6px 2px rgba(255,236,190,.8);opacity:0}
.build.go .smooth{animation:carve 4.2s cubic-bezier(.45,.05,.3,1) .3s both}
.build.go .grain,.build.go .rough{animation:settle 4.6s ease .3s both}
.build.go .edge{animation:edge 4.2s cubic-bezier(.45,.05,.3,1) .3s both}
.build.go .dust span{animation:dust 1.6s ease-out both}
@keyframes carve{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes edge{0%{top:100%;opacity:0}6%{opacity:1}92%{opacity:1}100%{top:0;opacity:0}}
@keyframes settle{0%,60%{opacity:1}100%{opacity:0}}
@keyframes dust{0%{opacity:0;transform:translate(0,0) scale(.6)}15%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2)}}
.build .glint{position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%);background-size:250% 100%;background-position:150% 0;opacity:0}
.build.done .glint{animation:glint 2.2s ease .1s both}
@keyframes glint{0%{opacity:1;background-position:150% 0}100%{opacity:1;background-position:-60% 0}}

/* cards */
.section{padding-top:34px;padding-bottom:34px}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:22px}
.now{border-top:4px solid var(--gold);text-align:left}
.now .q{font-family:var(--serif);letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;color:var(--gold-d)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px;padding:0;list-style:none}
.chips li{font-family:var(--serif);font-size:.82rem;letter-spacing:.08em;padding:6px 12px;border-radius:999px;background:#f3ead7;color:#6b4f1d;border:1px solid var(--gold-l)}
.btn{display:inline-block;font:600 1rem var(--sans);padding:12px 20px;border-radius:12px;border:1px solid var(--gold-d);
  background:linear-gradient(180deg,#d1ab5c,#a77d34);color:#fff;text-decoration:none;cursor:pointer;transition:transform .2s,box-shadow .2s}
.btn:hover{color:#fff;transform:translateY(-1px);box-shadow:0 8px 18px -8px rgba(138,102,38,.7)}
.btn.ghost{background:transparent;color:var(--gold-d)}
.btn.ghost:hover{color:#5e4515}
.btn.small{padding:8px 14px;font-size:.9rem}
.steps{display:grid;gap:14px;counter-reset:s;padding:0;margin:0;list-style:none}
.steps li{counter-increment:s;display:flex;gap:14px;align-items:flex-start}
.steps li::before{content:counter(s);flex:0 0 38px;height:38px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-weight:700;color:#fff;background:linear-gradient(180deg,#d1ab5c,#a77d34)}
.steps h3{margin:.25em 0 .15em}
.steps p{margin:0;color:var(--muted)}
@media(min-width:760px){.steps{grid-template-columns:1fr 1fr}}

/* the five statues */
.five{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media(min-width:760px){.five{grid-template-columns:repeat(5,1fr)}}
.statue{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);border-radius:var(--r);overflow:hidden;background:var(--t);border:1px solid rgba(0,0,0,.04);transition:transform .35s,box-shadow .35s}
.statue:hover{transform:translateY(-4px);box-shadow:var(--shadow);color:var(--ink)}
.statue .art{position:relative;aspect-ratio:3/5;background:linear-gradient(#f9f8f5,#ecebe7)}
.statue .art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom}
.statue .cap{padding:12px 12px 14px;font-size:.88rem;line-height:1.4;color:#4a443b}
.statue .cap strong{display:block;font-family:var(--serif);letter-spacing:.1em;font-size:.82rem;color:#5b4a2f}
.t-parents{--t:var(--t-parents)}.t-friends{--t:var(--t-friends)}.t-mentor{--t:var(--t-mentor)}.t-church{--t:var(--t-church)}.t-savior{--t:var(--t-savior)}
/* form-on-scroll */
.form-in img{filter:grayscale(1) contrast(.55) brightness(1.05) blur(6px);opacity:.35;transform:scale(.98);transition:filter 1.6s ease,opacity 1.2s ease,transform 1.6s ease}
.form-in.in img{filter:none;opacity:1;transform:none}
/* savior: his statue as in the guide, with soft heavenly light (no frame, no lettering) */
.savior-art .glow{position:absolute;inset:0;z-index:1;pointer-events:none;mix-blend-mode:screen;
  background:radial-gradient(ellipse 75% 45% at 50% 22%,rgba(255,250,232,.85),rgba(255,244,214,.35) 45%,rgba(255,244,214,0) 75%);animation:pulse 6s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:.75}50%{opacity:1}}

/* plaque */
.plaque{display:inline-block;font-family:var(--serif);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#5a3f12;
  padding:10px 22px;border-radius:6px;background:linear-gradient(180deg,#f1dca6,#c9a052 55%,#e3c57f);border:1px solid #a78035;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 6px 16px -8px rgba(100,70,20,.6);text-shadow:0 1px 0 rgba(255,240,200,.7)}
.engrave{font-family:var(--serif);letter-spacing:.12em;text-transform:uppercase;color:#5b4a2f;text-shadow:0 1px 0 rgba(255,255,255,.8),0 -1px 0 rgba(0,0,0,.12)}
blockquote{margin:0;padding:18px 20px;border-left:3px solid var(--gold);background:rgba(255,253,249,.7);border-radius:0 12px 12px 0;font-size:1.05rem;color:#4a443b}
blockquote cite{display:block;margin-top:8px;font-style:normal;font-size:.85rem;color:var(--muted)}

/* reveal */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s ease}
.reveal.in{opacity:1;transform:none}

/* guide */
.tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.tabs button{flex:0 0 auto;font:600 .92rem var(--sans);padding:10px 16px;border-radius:999px;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;transition:background .2s}
.tabs button[aria-selected=true]{background:linear-gradient(180deg,#d1ab5c,#a77d34);color:#fff;border-color:var(--gold-d)}
.rolehead{display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:center;background:var(--t);border-radius:var(--r);padding:16px;margin:10px 0 18px}
.rolehead .art{position:relative;aspect-ratio:3/5;border-radius:12px;overflow:hidden;background:linear-gradient(#f9f8f5,#ecebe7)}
.rolehead .art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:bottom}
.rolehead h2{margin:.1em 0 .2em}
.rolehead .sub{font-size:.92rem;color:#4a443b;margin-bottom:.4em}
.rolehead .obj{font-size:.92rem;margin:0}
@media(min-width:760px){.rolehead{grid-template-columns:170px 1fr;padding:22px}}
.quarters{display:grid;gap:16px}
@media(min-width:900px){.quarters{grid-template-columns:1fr 1fr}}
.qcard{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:20px;position:relative}
.qcard.current{border:2px solid var(--gold);box-shadow:0 16px 40px -18px rgba(150,110,40,.45)}
.qcard .badge{position:absolute;top:-12px;right:16px;font:700 .72rem var(--sans);letter-spacing:.08em;text-transform:uppercase;background:var(--gold);color:#fff;padding:4px 10px;border-radius:999px}
.qcard .qh{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}
.qcard .qh h3{margin:0}
.qcard .months{font-size:.85rem;color:var(--muted)}
.qcard .focus{font-weight:600;margin:.4em 0 .1em}
.qcard .goal{font-size:.92rem;color:var(--muted);margin:0 0 .6em}
.glance{font-size:.85rem;color:#5b5247;background:var(--t);border-radius:10px;padding:8px 12px;margin:0 0 10px;list-style:none}
.glance li{margin:2px 0}
.check{list-style:none;margin:0;padding:0}
.check li{border-top:1px solid var(--line);padding:10px 0}
.check label{display:flex;gap:12px;cursor:pointer;align-items:flex-start}
.check input{appearance:none;-webkit-appearance:none;flex:0 0 24px;height:24px;margin-top:2px;border:2px solid #c9b48a;border-radius:7px;background:#fff;display:grid;place-items:center;cursor:pointer;transition:background .2s}
.check input:checked{background:var(--gold);border-color:var(--gold)}
.check input:checked::after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px)}
.check input:focus-visible{outline:3px solid var(--gold-l);outline-offset:2px}
.check .tip{display:block;font-size:.9rem;color:var(--muted);font-style:italic;margin-top:4px}
.check input:checked + span{color:#857c70}
.progress{font-size:.85rem;color:var(--muted);margin-top:8px}
.bar{height:6px;background:#efe8da;border-radius:6px;overflow:hidden;margin-top:4px}
.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#d8b768,#a77d34);transition:width .4s}

/* ward page / forms */
.grid2{display:grid;gap:16px}
@media(min-width:860px){.grid2{grid-template-columns:1.3fr 1fr}}
.events{list-style:none;margin:0;padding:0}
.events li{display:flex;gap:14px;padding:12px 0;border-top:1px solid var(--line)}
.events .date{flex:0 0 58px;text-align:center;border-radius:12px;background:#f3ead7;padding:6px 0;font-family:var(--serif);line-height:1.1;color:#6b4f1d}
.events .date b{display:block;font-size:1.4rem}
.events .date small{font-size:.7rem;letter-spacing:.1em}
.tag{display:inline-block;font:700 .68rem var(--sans);letter-spacing:.06em;text-transform:uppercase;color:#7a5b20;background:#f8ecd0;border:1px solid var(--gold-l);border-radius:999px;padding:1px 8px;margin-left:6px;vertical-align:2px}
.poll button.opt{display:block;width:100%;text-align:left;font:inherit;padding:12px 14px;margin:8px 0;border-radius:12px;border:1px solid var(--line);background:#fff;cursor:pointer;transition:border-color .2s,background .2s}
.poll button.opt:hover{border-color:var(--gold);background:#fffaf0}
.result{margin:10px 0}
.result .row{display:flex;justify-content:space-between;font-size:.95rem}
.result .bar{height:10px}
label.f{display:block;font-weight:600;font-size:.95rem;margin:14px 0 4px}
label.f small{font-weight:400;color:var(--muted)}
input:not([type=checkbox]),textarea{width:100%;font:inherit;font-size:16px;padding:11px 12px;border:1px solid #d9d1c3;border-radius:10px;background:#fff;color:var(--ink)}
textarea{min-height:84px;resize:vertical}
input:focus,textarea:focus{outline:2px solid var(--gold-l);border-color:var(--gold)}
.evrow{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;border:1px dashed #d9d1c3;border-radius:12px;margin:8px 0}
.evrow .full{grid-column:1/-1}
.evrow button{grid-column:1/-1;justify-self:end}
.notice{padding:14px 16px;border-radius:12px;background:#fbf3df;border:1px solid var(--gold-l);margin:12px 0}
.notice.err{background:#fbe9e6;border-color:#e9b9b0}
.code{font:700 1.4rem ui-monospace,Menlo,Consolas,monospace;letter-spacing:.15em;background:#fff;border:1px dashed var(--gold);padding:8px 12px;border-radius:10px;display:inline-block;user-select:all}
ul.plain{padding-left:1.1em}
ul.plain li{margin:.35em 0}
.quote{margin:12px 0}
.quote a{font-size:.85rem}

footer{padding:40px 0 50px;color:var(--muted);font-size:.88rem;text-align:center}
footer .plaque{font-size:.78rem;margin-bottom:12px}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .drift{display:none}
  .reveal,.form-in img{opacity:1!important;transform:none!important;filter:none!important}
  .build .rough,.build .grain,.build .edge,.build .dust,.build .glint{display:none}
}
@media print{
  .sky,.top,.tabs,footer,.noprint,.build .rough,.build .grain{display:none!important}
  body{background:#fff;font-size:12pt}
  .reveal{opacity:1;transform:none}
  .qcard,.card{box-shadow:none;break-inside:avoid;border:1px solid #bbb}
  .quarters{grid-template-columns:1fr 1fr}
  .check input{border-color:#555}
  .rolehead{background:none;border:1px solid #bbb}
  a{color:#000}
}
#tools{margin-top:24px}
#w-leaders-box,#w-ysa{margin-top:16px}
#w-edit{margin-top:24px;text-align:center}
.gm{display:inline-flex;align-items:center;gap:8px}
.opt-in{margin:6px 0}
label.f input,label.f textarea{margin-top:6px;font-weight:400}
#ward-form h3{margin-top:24px}
#done{margin-bottom:16px}
#unlock{margin-bottom:16px}

/* ===== warm & welcoming refresh ===== */
:root{--bg:#f7f2ea;--paper:#fffcf7}
.sky{background:radial-gradient(120% 70% at 50% -10%,#fffaf0 0,#fbf5ea 38%,var(--bg) 72%)}
.btn{border-radius:999px;padding:12px 22px;background:linear-gradient(180deg,#dcb466,#b0863a);box-shadow:0 6px 16px -10px rgba(138,102,38,.8)}
.btn.ghost{background:#fffaf0;border-color:var(--gold-l);color:#7a5a1e}
.btn.ghost:hover{background:#fbf1dc}
.btn.sm,.btn.small{font-size:.9rem;padding:9px 16px}
.btnrow{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.greet{font-family:var(--serif);color:var(--gold-d);font-size:clamp(1.05rem,3.6vw,1.3rem);letter-spacing:.04em;margin:14px 0 0}
.plates{position:fixed;inset:0;z-index:-1;pointer-events:none}
.plates i{position:absolute;inset:0;background:center/cover no-repeat;opacity:0;animation:plate 48s ease-in-out infinite}
.plates i:nth-child(1){background-image:url(/img/hero-m.webp)}
.plates i:nth-child(2){background-image:url(/img/hdr-encourage.webp);animation-delay:16s}
.plates i:nth-child(3){background-image:url(/img/hdr-leaders.webp);animation-delay:32s}
@media (min-width:760px){.plates i:nth-child(1){background-image:url(/img/hero-d.webp)}}
@keyframes plate{0%,100%{opacity:0}12%,30%{opacity:.16}42%{opacity:0}}
@media (prefers-reduced-motion:reduce){.plates i{animation:none}.plates i:nth-child(1){opacity:.12}}
.page-hdr{display:block;width:100%;height:auto;max-height:260px;object-fit:cover;object-position:70% 60%;border-radius:var(--r);margin:0 auto 18px;
  box-shadow:var(--shadow);-webkit-mask:linear-gradient(#000 70%,transparent);mask:linear-gradient(#000 70%,transparent)}
.stack{display:grid;gap:16px;padding-bottom:20px}

/* savior plaque label (HTML, not baked into the image) */
.savior-art{container-type:inline-size}
.sv-label{position:absolute;left:0;right:0;top:85%;z-index:2;text-align:center;font:700 7.4cqw/1 var(--serif);letter-spacing:.12em;color:#7d725f;
  text-shadow:0 1px 0 rgba(255,255,255,.8),0 -1px 0 rgba(0,0,0,.18);pointer-events:none}
.rolehead .sv-label{font-size:8cqw}
.rolehead .savior-art,.rolehead .art{position:relative}

/* segmented toggles */
.seg{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 12px}
.seg button{font:600 .88rem var(--sans);padding:8px 14px;border-radius:999px;border:1px solid var(--gold-l);background:#fffaf0;color:#6b4f1d;cursor:pointer}
.seg button.on{background:linear-gradient(180deg,#dcb466,#b0863a);color:#fff;border-color:var(--gold-d)}

/* This week */
.week{border-top:4px solid var(--gold);margin-top:16px}
.week .q{font-family:var(--serif);letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;color:var(--gold-d)}
.wk-focus{margin:.2em 0 .4em}
.checks{list-style:none;margin:0;padding:0}
.checks li{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line)}
.checks input{width:22px;height:22px;flex:0 0 22px;margin-top:2px;accent-color:var(--gold)}
.wk-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}
.streak{display:inline-flex;align-items:center;gap:6px;font-family:var(--serif);color:#6b4f1d;background:#f8ecd0;border:1px solid var(--gold-l);border-radius:999px;padding:4px 12px}
.streak b{font-size:1.2rem}
.remind{margin-top:14px;padding-top:12px;border-top:1px dashed var(--gold-l)}
.remind h3{font-size:1.02rem;margin:0 0 .2em}
.remind-row{display:flex;gap:10px;flex-wrap:wrap}
.remind-row label{display:flex;align-items:center;gap:6px;font-size:.92rem}
.remind-row select,.remind-row input{width:auto;font:inherit;font-size:16px;padding:8px 10px;border:1px solid #d9d1c3;border-radius:10px;background:#fff}

/* ward calendar */
.cal{list-style:none;margin:0;padding:0}
.cal li{display:flex;gap:14px;padding:12px 0;border-top:1px solid var(--line);align-items:flex-start}
.cal li>div{display:block}
.cal li>div>*{margin:2px 0}
.cal .tag{display:inline-block}
.cal-date{flex:0 0 58px;text-align:center;border-radius:12px;background:#f3ead7;padding:6px 0;font:.72rem/1.15 var(--serif);letter-spacing:.06em;color:#6b4f1d}
.cal-date b{display:block;font-size:1.3rem}
.cal-week .cal-date{background:linear-gradient(180deg,#dcb466,#b0863a);color:#fff}
.cal-week .cal-date b{font-size:1rem}
.tag.svc{background:#eef3e6;border-color:#cfdcbc;color:#4f6331}
.tag.sample{background:#f1eee9;border-color:#ddd6cb;color:#6c655b}
.cal .tag,.ask .tag{margin-right:6px}

/* encourage */
.enc-group h3{font-size:1rem;margin:16px 0 6px;color:#6b4f1d}
.msg{background:#fffaf0;border:1px solid var(--gold-l);border-radius:14px;padding:12px 14px;margin:8px 0}
.msg p{margin:0 0 4px}
.msg .btnrow{margin:4px 0 0}

/* involved */
.actions{display:grid;gap:14px;list-style:none;padding:0;margin:0}
.action{display:flex;gap:14px}
.action .num{flex:0 0 36px;height:36px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-weight:700;color:#fff;background:linear-gradient(180deg,#dcb466,#b0863a)}
.action h3{margin:.2em 0 .4em}
blockquote.hq{margin:8px 0;padding:10px 14px;border-left:3px solid var(--gold);background:#fffaf0;border-radius:0 12px 12px 0;font-style:italic;font-size:.95rem}
blockquote.hq cite{font-style:normal}

/* resources */
.reslist li{display:flex;flex-direction:column;padding:10px 0;border-top:1px solid var(--line)}
.reslist a{font-weight:600}

/* ask boxes */
.ask{margin-top:18px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);padding:0 18px 16px;overflow:hidden}
.ask::before{content:"";display:block;margin:0 -18px 12px;height:120px;background:url(/img/hdr-ask.webp) 70% 55%/cover no-repeat;-webkit-mask:linear-gradient(#000 60%,transparent);mask:linear-gradient(#000 60%,transparent)}
.ask h3{margin:.2em 0 .3em}
.ask-form{display:flex;gap:8px;margin:8px 0}
.ask-form input{flex:1}
.ask-form button{flex:0 0 auto}
.ask-out{display:grid;gap:10px;margin-top:8px}
.ask-card{display:flex;gap:12px;align-items:flex-start;background:#fffaf0;border:1px solid var(--gold-l);border-radius:14px;padding:10px 12px}
.ask-card img,.ask-ph{flex:0 0 64px;width:64px;height:64px;object-fit:cover;border-radius:10px;background:#f3ead7}
.ask-ph{display:grid;place-items:center;color:var(--gold);font-size:1.4rem}
.ask-card p{margin:.2em 0 0;font-size:.92rem}
.ask-card.verse{display:block}
.ask-card.verse blockquote{margin:0;font-style:italic}
.note{font-size:.86rem;color:var(--muted);margin:8px 0 0}

/* ward pieces */
#activities::before,#w-leaders-box::before,#w-needs::before{content:"";display:block;margin:-22px -22px 14px;height:130px;background:url(/img/hdr-service.webp) 70% 55%/cover no-repeat;border-radius:var(--r) var(--r) 0 0;
  -webkit-mask:linear-gradient(#000 60%,transparent);mask:linear-gradient(#000 60%,transparent)}
#w-leaders-box::before{background-image:url(/img/hdr-leaders.webp)}
#w-needs::before{background-image:url(/img/hdr-involved.webp)}
.role-group{border-top:1px solid var(--line);padding-top:10px;margin-top:10px}
.role-group h3{font-size:1rem;margin:0 0 .2em}
.role-group ul{list-style:none;margin:0;padding:0}
.role-group li{padding:6px 0}
.contact{margin-left:6px;font-size:.92rem}
.needs li{padding:12px 0;border-top:1px solid var(--line)}
.needs p{margin:.3em 0}
.role-set{border:1px solid var(--line);border-radius:14px;padding:10px 14px;margin:10px 0}
.role-set legend{font-family:var(--serif);font-size:.92rem;padding:0 6px;color:#6b4f1d}
.role-row{display:grid;gap:6px;margin:8px 0}
.need-row{display:grid;gap:8px;margin:10px 0;padding:14px}
.need-row label{display:grid;gap:4px}
#find-ysa form{display:flex;gap:8px;margin:8px 0}
#find-ysa form input{flex:1}
@media (min-width:760px){.role-row{grid-template-columns:1fr 1fr 1fr}}

/* hero plaque label (HTML, not baked into the image) */
.plaque-label{position:absolute;left:22.3%;right:22.9%;top:87.6%;height:8.4%;z-index:3;display:flex;align-items:center;justify-content:center;
  padding:0 3%;box-sizing:border-box;overflow:visible;
  font-family:var(--serif);font-weight:700;line-height:1;letter-spacing:.05em;text-indent:.05em;text-transform:uppercase;white-space:nowrap;pointer-events:none;
  font-size:calc(min(760px,100vw - 40px) * .034);font-size:3.4cqw;
  background:linear-gradient(180deg,#d8b45f,#9a7029);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.7))}
.build.go .plaque-label{animation:plq 1.2s ease 1.3s both}
@keyframes plq{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.build.go .plaque-label{animation:none}}

/* keep page titles fully clear of the sticky header (incl. iOS safe area) */
html{scroll-padding-top:calc(76px + env(safe-area-inset-top,0px))}
.top{padding-top:env(safe-area-inset-top,0px)}
main{scroll-margin-top:calc(76px + env(safe-area-inset-top,0px))}
.hero{padding-top:44px}
.hero h1,.title-5,.eyebrow{scroll-margin-top:calc(80px + env(safe-area-inset-top,0px))}
@media (max-width:480px){.title-5 .n{line-height:1}.title-5 h1{line-height:1.15;padding-top:.08em}}

/* statue cards: breathing room above heads */
.statue .art,.rolehead .art{aspect-ratio:9/16;container-type:inline-size;background:linear-gradient(#f2e6d7,#efe3d3)}
.statue .art img,.rolehead .art img{inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
.plq{position:absolute;left:0;right:0;z-index:2;transform:translateY(-50%);text-align:center;font-weight:700;line-height:1;white-space:nowrap;letter-spacing:.1em;color:#7d6c52;pointer-events:none}
.statue .cap .qlbl{display:block;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-d);margin:2px 0 1px}

/* section header art: never crop heads (16:9 art in 16:9 slots, soft bottom fade only) */
.page-hdr{max-width:640px;width:100%;aspect-ratio:16/9;height:auto;max-height:none;object-fit:contain;object-position:center;background:#f4e8d8;box-shadow:none;
  -webkit-mask:linear-gradient(#000 88%,transparent);mask:linear-gradient(#000 88%,transparent)}
.ask::before,#activities::before,#w-leaders-box::before,#w-needs::before,#w-calendar::before,#find-ysa::before{content:"";display:block;height:auto;aspect-ratio:16/9;max-height:320px;
  background-repeat:no-repeat;background-size:contain;background-position:center;background-color:#f4e8d8;
  -webkit-mask:linear-gradient(#000 86%,transparent);mask:linear-gradient(#000 86%,transparent)}
#w-calendar::before,#find-ysa::before{margin:-22px -22px 14px;border-radius:var(--r) var(--r) 0 0}
.ask::before{background-image:url(/img/hdr-ask.webp)}
#ask-savior::before{background-image:url(/img/hdr-savior.webp);background-color:#ecebe8}
#activities::before{background-image:url(/img/hdr-activities.webp)}
#w-leaders-box::before{background-image:url(/img/hdr-leaders.webp)}
#w-needs::before{background-image:url(/img/hdr-service.webp)}
#w-calendar::before{background-image:url(/img/hdr-calendar.webp)}
#find-ysa::before{background-image:url(/img/hdr-findward.webp)}
.ask h2{overflow-wrap:break-word;text-wrap:balance;line-height:1.2}

/* compact tab card (site-wide pattern) */
.tc{padding:16px 16px 18px}
.tc>h2{margin:.1em 0 .5em}
.tc-tabs{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:6px;margin:0 0 14px;padding:4px;border-radius:999px;background:#f3ead9;border:1px solid var(--line)}
.tc-tab{appearance:none;border:0;background:transparent;border-radius:999px;padding:8px 4px;min-height:40px;font:600 .82rem/1.15 var(--sans,inherit);color:var(--muted,#6d6253);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow-wrap:anywhere}
.tc-tab .tc-b{display:block;font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-d,#8a6a2c);margin-top:1px}
.tc-tab[aria-selected="true"]{background:linear-gradient(180deg,#fffdf8,#f7edd9);color:#3d3326;box-shadow:0 1px 3px rgba(80,60,20,.18),inset 0 0 0 1px #e2cf9f}
.tc-tab:focus-visible{outline:2px solid var(--gold,#b8913f);outline-offset:2px}
.tc-panels{display:grid}
.tc-panel{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .28s ease,visibility 0s linear .28s;outline:none}
.tc-panel.on{opacity:1;visibility:visible;transition:opacity .28s ease}
.tc-panel>:first-child{margin-top:0}
@media (max-width:420px){.tc-tabs{border-radius:18px}.tc-tab{border-radius:14px;font-size:.78rem;padding:7px 3px}}
@media (prefers-reduced-motion:reduce){.tc-panel,.tc-panel.on{transition:none}}
@media print{.tc-tabs{display:none}.tc-panel{display:none}.tc-panel.on{display:block;opacity:1;visibility:visible}}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.qpanel .qh{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.qpanel .qh h3{margin:0}
.qpanel .why1{margin:.3em 0 .6em;font-size:.92rem}
.qpanel .check li{margin:.35em 0}
.qpanel .check .ib{display:block;font-size:.86rem;color:var(--muted);margin-top:1px}
.tc .ask{margin:0;padding:0;border:0;box-shadow:none;background:none;overflow:visible;border-radius:0}
.tc .ask::before{margin:0 0 12px;border-radius:12px}
.ask-h{font-size:1.35rem;line-height:1.2;text-wrap:balance;overflow-wrap:break-word;margin:.1em 0 .3em}
.ask-tc .tc-tabs{grid-template-columns:repeat(3,minmax(0,1fr));border-radius:18px}
.ask-tc .tc-tab{border-radius:14px}
.sv-top{margin:0 0 4px;display:flex;gap:8px;align-items:center}
.sv-top .said{font-size:.82rem;color:var(--muted);font-style:normal}
@media (max-width:420px){.ask-tc .tc-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.ask-h{font-size:1.2rem}}
.motes{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:normal}
@media (prefers-reduced-motion:reduce){.sky::after{content:"";position:absolute;inset:0;background:radial-gradient(2px 2px at 18% 30%,rgba(236,196,110,.35),transparent),radial-gradient(1.5px 1.5px at 72% 22%,rgba(255,250,235,.5),transparent),radial-gradient(2px 2px at 40% 64%,rgba(236,196,110,.3),transparent),radial-gradient(1.5px 1.5px at 85% 78%,rgba(236,196,110,.3),transparent),radial-gradient(60% 40% at 50% 0,rgba(255,240,205,.35),transparent)}}
@media print{.motes{display:none}}
.tc-panel{max-height:max(520px,74vh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:2px}
@media print{.tc-panel{max-height:none;overflow:visible}}
/* See Your Worth */
.w-open blockquote.hq{font-size:1.15rem;text-align:left}
#worth-app{outline:none;scroll-margin-top:84px}
.w-step h2{margin:.2em 0 .6em}
.w-dots{display:flex;gap:8px;list-style:none;padding:0;margin:0 0 10px}
.w-dots li{flex:1;height:5px;border-radius:5px;background:#eadfca}
.w-dots li.done,.w-dots li.on{background:linear-gradient(90deg,var(--gold-l),var(--gold))}
.w-opts{display:grid;gap:8px;margin:0 0 14px}
.w-opt{display:flex;gap:10px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fffdf8;cursor:pointer;min-height:48px}
.w-opt:has(input:checked){border-color:var(--gold);background:#fbf1dc;box-shadow:inset 0 0 0 1px var(--gold-l)}
.w-opt input,.w-rem input{width:22px;height:22px;accent-color:var(--gold-d);flex:none}
.w-note{display:block;margin:0 0 14px}
.w-note input{display:block;width:100%;box-sizing:border-box;margin-top:4px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;font:inherit;background:#fff}
.w-card{position:relative;overflow:hidden;padding:28px 22px;border-radius:22px;background:linear-gradient(180deg,#fffdf8,#f7eedd);border:2px solid #d9bf85;box-shadow:0 10px 30px rgba(120,90,30,.12)}
.w-card>*{position:relative}
.w-light{position:absolute!important;inset:-30% -10% auto;height:70%;background:radial-gradient(50% 60% at 50% 40%,rgba(255,236,190,.85),rgba(255,236,190,0));opacity:0;animation:wfill 2.4s ease-out .2s forwards;pointer-events:none}
@keyframes wfill{from{opacity:0;transform:translateY(30%)}to{opacity:1;transform:none}}
.w-title{font-size:2rem;margin:.1em 0 .4em}
.w-group{margin:16px 0;padding-top:12px;border-top:1px solid #e8dcc2}
.w-group h3{margin:0 0 6px}
.w-group li{margin:.25em 0}
.w-close{font:italic 700 1.2rem/1.4 var(--serif,Georgia,serif);color:#6d4f17;margin:18px 0 10px;text-align:center}
.w-next{padding:12px 14px;border-radius:14px;background:#fff;border:1px dashed var(--gold-l);font-size:.95rem}
.w-actions{margin-top:14px}
.crisis{border-left:4px solid var(--gold)}
@media (prefers-reduced-motion:reduce){.w-light{animation:none;opacity:1}}
/* one-page print sheets */
.print-sheet{display:none}
.worth-link{display:block;text-decoration:none;color:inherit;margin:16px 0;border-left:4px solid var(--gold)}
.print-pick{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:8px 0}
.print-pick select{font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#fff}
@page{margin:0.45in}
@media print{
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  *,*::before,*::after{animation:none!important;transition:none!important}
  body.printing>*:not(.print-sheet),body.print-worth>*:not(main),body.print-worth main>*:not(:has(#w-card)),body.print-worth #worth-app .w-actions,body.print-worth #worth-app>div>p{display:none!important}
  body.printing,body.print-worth{background:#fff!important;margin:0}
  body.printing .print-sheet{display:flex}
  .print-sheet{flex-direction:column;box-sizing:border-box;width:100%;height:9.95in;padding:.28in .34in;border:2px solid #c9a55a;outline:1px solid #e8d3a2;outline-offset:-7px;border-radius:10px;background:linear-gradient(180deg,#fffdf8,#fbf5ea);color:#2f2b25;font:10.5pt/1.4 Georgia,"Times New Roman",serif;break-inside:avoid;overflow:hidden}
  .ps-head{display:flex;gap:.22in;align-items:center;border-bottom:1px solid #e3cf9c;padding-bottom:.12in}
  .ps-statue{width:.95in;height:1.69in;object-fit:cover;border-radius:6px}
  .ps-eyebrow{font:600 9pt var(--serif);letter-spacing:.18em;text-transform:uppercase;color:#8a6626}
  .ps-title{font:700 23pt/1.1 var(--serif);margin:.03in 0;color:#2f2b25;background:linear-gradient(90deg,#8a6626,#c9a55a 50%,#8a6626);-webkit-background-clip:text;background-clip:text;color:transparent}
  .ps-ward{font-size:12pt}
  .ps-q{font:600 10pt var(--serif);color:#8a6626;letter-spacing:.08em;margin-top:.04in}
  .ps-focus{margin:.14in 0 .06in;font-size:12pt}
  .ps-check{list-style:none;padding:0;margin:.04in 0}
  .ps-check li{display:flex;gap:.12in;align-items:flex-start;padding:.07in 0;border-bottom:1px dotted #e3cf9c;break-inside:avoid}
  .ps-box{flex:none;width:.2in;height:.2in;border:1.5px solid #b48a3c;border-radius:4px;margin-top:.02in;background:#fff}
  .ps-because{margin:.12in 0;padding:.08in .12in;background:#fbf1dc;border-left:3px solid #b48a3c;border-radius:0 6px 6px 0}
  .ps-notes{flex:1;display:flex;flex-direction:column;justify-content:space-evenly;min-height:1in}
  .ps-nl{font:600 9pt var(--serif);letter-spacing:.12em;text-transform:uppercase;color:#8a6626}
  .ps-notes i{display:block;border-bottom:1px solid #d9c79c;height:.3in}
  .ps-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e3cf9c;padding-top:.08in;font-size:9.5pt}
  .ps-small{font-size:8.5pt;color:#6c655b}
  .ps-qr{width:.85in;height:.85in}
  /* Worth card on one page */
  body.print-worth .w-card{box-shadow:none;max-height:9.9in;overflow:hidden;font-size:10.5pt;padding:.3in}
  body.print-worth .w-card blockquote.hq{font-size:9.5pt;margin:4px 0}
  body.print-worth .w-group{margin:6px 0;padding-top:6px}
  body.print-worth .hero,body.print-worth .crisis{display:none!important}
}
@media print{
  body.print-worth main,body.print-worth main>section,body.print-worth #worth-app{margin:0!important;padding:0!important}
  body.print-worth .w-card{max-height:9.7in;font-size:9.5pt;line-height:1.35;padding:.25in .3in;break-inside:avoid}
  body.print-worth .w-card li{margin:1px 0}
  body.print-worth .w-title{font-size:20pt;margin:0 0 4px}
  body.print-worth .w-close{font-size:12pt;margin:8px 0 6px}
  body.print-worth .w-serve .small{display:none}
}
.w-five{padding-left:1.2em}.w-five li{margin:6px 0}
.w-vs-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.w-vs-grid>div{padding:12px 14px;border-radius:14px;background:#fffaf0;border:1px solid var(--line)}
.w-vs-grid h3{margin:0 0 4px}.w-vs-grid p{margin:0;font-size:.95rem}
.w-big{font:700 1.15rem/1.35 var(--serif);color:var(--gold-d);text-align:center;margin:16px 0}
.w-takeaway{margin:0;padding:20px 22px;border-radius:20px;text-align:center;font:italic 600 1.12rem/1.55 Georgia,serif;color:#4a3a1e;background:linear-gradient(180deg,#fff8e6,#f6e8c8);border:1px solid #e2cf9f;box-shadow:0 6px 24px rgba(180,138,60,.18)}
.w-term h3{margin:.2em 0 .3em}.w-term p{margin:0;font-size:1.05rem}
.terms-tc .tc-tabs{border-radius:18px}.terms-tc .tc-tab{border-radius:14px}
@media (max-width:420px){.w-vs-grid{grid-template-columns:1fr}}
@media print{body.print-worth main>section>:not(#worth-app){display:none!important}body.print-worth #w-card{margin:0!important}}
@media print{
  body.print-worth .w-card{max-height:none;overflow:visible;columns:2;column-gap:.28in;font-size:9pt}
  body.print-worth .w-card>*:not(.w-group):not(.w-serve){column-span:all}
  body.print-worth .w-group,body.print-worth .w-serve{break-inside:avoid;margin:0 0 6px;padding-top:4px}
  body.print-worth .w-group h3{font-size:11pt;margin:0 0 2px}
  body.print-worth .w-card ul{margin:2px 0 4px;padding-left:1.1em}
  body.print-worth .w-card blockquote.hq{font-size:8.3pt;line-height:1.3;padding:5px 8px;margin:3px 0}
}
/* Site title: The Worth of Souls */
.hero .site-title{display:block;margin:.05em 0 .15em;text-align:center;font-size:clamp(2.2rem,9.5vw,3.8rem);line-height:1.08;background:linear-gradient(90deg,#8a6626,#c9a55a 50%,#8a6626);-webkit-background-clip:text;background-clip:text;color:transparent}
.site-sub{margin:0 auto .5em;text-align:center;font-family:var(--serif);font-size:clamp(1.02rem,4.3vw,1.4rem);line-height:1.3;color:var(--ink);max-width:28ch}
.site-sub .n{font-weight:900;color:var(--gold-d);font-size:1.35em;vertical-align:-.06em}
.foot-title{font-family:var(--serif);color:var(--ink);margin-bottom:6px}
.foot-title strong{font-size:1.05rem;letter-spacing:.03em}
@media print{.ps-sub{font:500 10pt var(--serif);color:#2f2b25;margin:0 0 .03in}}
.site-sub{max-width:none}.site-sub .ss2{display:block}
/* home: centre the lone 5th relationship card (The Savior) on two-column phones */
@media (max-width:759px){.five>:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 7px)}}
/* home: "Why We Made This Guide" heading above the guide quote */
#intro{margin-top:4px}

/* Ask: text-message style thread */
.ask.chat-on::before{max-height:150px}
.ask-tc .tc-panel{max-height:none;overflow:visible}
.chat{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#fbf9f5,#f4f1ea);overflow:hidden;margin-top:8px}
.chat-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line);background:rgba(255,253,249,.85)}
.chat-top .small{font-size:.78rem}
.chat-clear{appearance:none;border:1px solid var(--gold-l);background:#fffaf0;color:#6b4f1d;font:600 .78rem var(--sans);padding:4px 12px;border-radius:999px;cursor:pointer}
.chat-clear:focus-visible,.chat-chip:focus-visible,.chat-send:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.chat-log{height:clamp(320px,52vh,460px);overflow-y:auto;overscroll-behavior:contain;padding:14px 12px 10px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;outline:none}
.chat-log:focus-visible{box-shadow:inset 0 0 0 2px var(--gold-l)}
.msg-row{display:flex}
.msg-row.me{justify-content:flex-end}
.msg-row.them{justify-content:flex-start}
.bubble{max-width:86%;padding:9px 13px;border-radius:20px;font-size:.95rem;line-height:1.45;overflow-wrap:anywhere;animation:bub .28s ease-out both}
.bubble.me{background:linear-gradient(180deg,#d6b062,#b0863a);color:#fff;border-bottom-right-radius:6px;box-shadow:0 2px 6px rgba(120,85,30,.25)}
.bubble.them{background:linear-gradient(180deg,#fff,#f7f5f0);color:var(--ink);border:1px solid #e7e2d8;border-bottom-left-radius:6px;box-shadow:0 2px 6px rgba(60,48,30,.07);max-width:94%}
.bubble.them p{margin:0 0 .5em}.bubble.them>p:last-child{margin-bottom:0}
.bubble .lead-line{font-weight:600;color:#4a3f2c}
.bubble .ask-out{margin-top:6px;gap:8px}
.bubble .ask-card{background:#fffdf8;padding:8px 10px}
.bubble .ask-card h3{font-size:1rem;margin:0}
.bubble .ask-card img,.bubble .ask-ph{flex-basis:52px;width:52px;height:52px}
.bubble.typing{display:inline-flex;gap:5px;align-items:center;padding:12px 15px}
.bubble.typing i{width:8px;height:8px;border-radius:50%;background:#b9ad98;animation:dot 1s infinite ease-in-out}
.bubble.typing i:nth-child(2){animation-delay:.15s}.bubble.typing i:nth-child(3){animation-delay:.3s}
@keyframes dot{0%,80%,100%{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
@keyframes bub{from{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}
.chat-chips{display:flex;flex-wrap:wrap;gap:6px;padding-left:4px}
.chat-chip{appearance:none;border:1px solid var(--gold-l);background:#fffaf0;color:#6b4f1d;font:600 .84rem/1.2 var(--sans);padding:7px 12px;border-radius:999px;cursor:pointer;text-align:left}
.chat-chip:hover{background:#f8ecd0}
.chat-bar{display:flex;align-items:center;gap:8px;padding:8px 10px;border-top:1px solid var(--line);background:#fffdf9}
.chat-bar input{flex:1;min-width:0;border-radius:999px;padding:10px 16px;font-size:16px}
.chat-send{flex:0 0 40px;width:40px;height:40px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;font:700 1.2rem/1 var(--sans);color:#fff;background:linear-gradient(180deg,#d6b062,#a77d34);box-shadow:0 2px 6px rgba(120,85,30,.3)}
.chat-send:active{transform:scale(.94)}
@media (prefers-reduced-motion:reduce){.bubble{animation:none}.bubble.typing i{animation:none;opacity:.7}}
@media print{.chat-log{height:auto;overflow:visible}.chat-bar,.chat-clear,.chat-chips{display:none}}
/* See Your Worth: step flow + Impact tally */
.w-hero{text-align:center}
.w-hero .w-open{margin-top:18px}
.w-start-row{margin:18px 0 6px}
.w-start-btn{font-size:1.2rem;padding:16px 44px;min-height:56px;border-radius:999px}
#start{scroll-margin-top:84px}
#worth-app[hidden]{display:none}
.w-prog{margin:0 0 14px}
.w-prog-t{display:flex;justify-content:space-between;gap:10px;font:600 .9rem/1.3 var(--serif,Georgia,serif);color:var(--gold-d);margin-bottom:6px}
.w-prog-bar{height:10px;border-radius:10px;background:#eadfca;overflow:hidden}
.w-prog-bar i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,var(--gold-l),var(--gold));transition:width .4s ease}
.w-step-h{display:flex;gap:12px;align-items:center;margin:.2em 0 .2em}
.w-step-h h2{margin:0;outline:none}
.w-ico{width:30px;height:30px;flex:none;fill:none;stroke:var(--gold-d);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.w-item{display:flex;align-items:stretch;gap:8px;border:1px solid var(--line);border-radius:14px;background:#fffdf8;transition:background .2s,border-color .2s}
.w-item.on{border-color:var(--gold);background:#fbf1dc;box-shadow:inset 0 0 0 1px var(--gold-l)}
.w-item .w-opt{flex:1;border:0;background:none;min-height:56px;box-shadow:none;padding:10px 12px;font-size:1.02rem}
.w-item .w-opt:has(input:checked){background:none;box-shadow:none}
.w-step-ctl{display:flex;align-items:center;gap:2px;padding:6px 8px 6px 0}
.w-pm{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;font:700 1.25rem/1 system-ui,sans-serif;color:var(--gold-d);cursor:pointer;padding:0}
.w-pm:disabled{opacity:.35;cursor:default}
.w-num{min-width:30px;text-align:center;font-weight:700;color:var(--gold-d)}
.w-nav{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:8px;margin-top:6px}
.w-nav .btn{min-height:52px;width:100%;justify-content:center;text-align:center;margin:0}
.w-worth{margin:6px 0 10px}
.w-notworth{margin:6px 0 0;font-style:italic;color:#5a4a30}
.w-total{display:flex;flex-direction:column;align-items:center;text-align:center;margin:16px 0 12px}
.w-total-n{font:700 4rem/1 var(--serif,Georgia,serif);color:var(--gold-d)}
.w-total-l{font:600 1.1rem/1.35 var(--serif,Georgia,serif);color:#4a3a1e;max-width:28ch}
.w-none{text-align:center;margin:0 0 12px}
.w-tally{list-style:none;padding:0;margin:0 0 10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px}
.w-tile{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;border-radius:14px;background:#fff;border:1px solid #e8dcc2;text-align:center}
.w-tile.zero{background:#fffaf0;opacity:.85}
.w-tile-n{font:700 1.8rem/1.1 var(--serif,Georgia,serif);color:var(--gold-d)}
.w-tile-l{font-size:.85rem;line-height:1.2}
.w-group h3{display:flex;gap:8px;align-items:center}
.w-group h3 .w-ico{width:24px;height:24px}
.w-g-n{margin-left:auto;min-width:32px;padding:2px 10px;border-radius:999px;background:#fbf1dc;color:var(--gold-d);font-size:.95rem;text-align:center}
.w-done{margin:4px 0 6px;padding-left:1.1em}
.w-invite{margin:4px 0 6px;color:#5a4a30}
.crisis-slim{padding:12px 16px;border-radius:14px;background:#fffaf0;border:1px solid var(--line);border-left:4px solid var(--gold);font-size:.95rem}
.crisis-slim p{margin:0}
.w-intro h3{margin-top:0}
.w-terms{margin:0}.w-terms dt{font-weight:700;margin-top:8px;color:var(--gold-d)}.w-terms dd{margin:2px 0 0}
.learn-tc .tc-tabs{border-radius:18px}.learn-tc .tc-tab{border-radius:14px}
.worth-cta{display:block;text-decoration:none;color:inherit;margin-top:16px;text-align:center;border:2px solid #d9bf85;background:linear-gradient(180deg,#fffdf8,#f7eedd)}
.worth-cta-t{display:block;font:700 1.35rem/1.3 var(--serif,Georgia,serif);margin:4px 0}
.worth-cta-d{display:block;margin:0 0 12px}
.worth-cta .btn{min-width:160px}
@media (max-width:420px){.w-nav{grid-template-columns:1fr 1fr}.w-nav .btn:last-child{grid-column:1/-1;order:-1}.w-total-n{font-size:3.4rem}}
@media (prefers-reduced-motion:reduce){.w-prog-bar i{transition:none}}
@media print{
  body.print-worth .w-tally{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;column-span:all}
  body.print-worth .w-tile{padding:4px 2px}body.print-worth .w-tile-n{font-size:14pt}body.print-worth .w-tile-l{font-size:7pt}
  body.print-worth .w-total-n{font-size:28pt}body.print-worth .w-total{margin:4px 0}
  body.print-worth .w-group h3 .w-ico{width:14px;height:14px}
}
/* Sample ward + sample GroupMe (example only) */
.sample-banner{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin:0 0 18px;padding:14px 18px;border-radius:16px;background:linear-gradient(180deg,#fff8e6,#f6e8c8);border:2px solid var(--gold)}
.sample-banner p{margin:0;flex:1 1 260px}
.sample-tag{display:inline-block;padding:4px 12px;border-radius:999px;background:var(--gold-d);color:#fff;font:700 .85rem/1.3 var(--serif,Georgia,serif);letter-spacing:.06em;text-transform:uppercase}
.sample-banner .sample-links{flex-basis:100%}
.sample-links{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.sample-note{margin:10px 0;padding:10px 12px;border-radius:12px;background:#fffaf0;border:1px dashed var(--gold-l)}
.sample-note p{margin:0}
.home-sample{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0 0 10px}
.home-sample .sample-links{margin:0}
.center{text-align:center}
.gm-phone{position:relative;max-width:380px;margin:0 auto;padding:0;border-radius:34px;border:10px solid #3a332a;background:#fffdf8;box-shadow:0 14px 40px rgba(60,45,20,.22);overflow:hidden}
.gm-label{display:flex;justify-content:center;padding:10px 14px 0;background:#f7eedd}
.gm-pill{display:inline-block;padding:4px 12px;border-radius:999px;background:var(--gold-d);color:#fff;font:700 .72rem/1.2 var(--serif,Georgia,serif);letter-spacing:.1em;text-transform:uppercase;box-shadow:0 1px 3px rgba(60,45,20,.18)}
.gm-top{display:flex;gap:10px;align-items:center;padding:10px 14px 12px;background:linear-gradient(180deg,#f7eedd,#fbf5ea);border-bottom:1px solid #e8dcc2}
.gm-top>div{min-width:0}.gm-top strong{display:block;font-size:1rem;overflow-wrap:anywhere}.gm-top small{display:block;overflow-wrap:anywhere}.gm-top small{color:var(--muted)}
.gm-av{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#efe3c9;color:var(--gold-d);font:700 .9rem/1 var(--serif,Georgia,serif)}
.gm-av-g{width:40px;height:40px;background:var(--gold);color:#fff}
.gm-chat{list-style:none;margin:0;padding:12px;display:flex;flex-direction:column;gap:10px}
.gm-day{align-self:center;font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.gm-msg{display:flex;gap:8px;align-items:flex-end;max-width:88%}
.gm-msg b{display:block;font-size:.75rem;color:var(--gold-d);margin:0 0 2px 4px}
.gm-msg p{margin:0;padding:8px 12px;border-radius:16px 16px 16px 4px;background:#fff;border:1px solid #ebe2d0;font-size:.95rem;line-height:1.35}
.gm-me{align-self:flex-end;text-align:right}
.gm-me p{background:#f6e8c8;border-color:#e2cf9f;border-radius:16px 16px 4px 16px;text-align:left}
.gm-card{padding:10px 12px;border-radius:14px;background:#fff;border:1px solid #e2cf9f;font-size:.92rem}
.gm-card p{margin:2px 0 8px;font-weight:600}
.gm-card small{color:var(--muted)}
.gm-card-h{font:700 .75rem/1.2 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-d)}
.gm-opt{position:relative;display:flex;justify-content:space-between;padding:6px 10px;margin:0 0 6px;border-radius:10px;background:#fbf5ea;overflow:hidden}
.gm-opt span{position:relative;z-index:1}
.gm-bar{position:absolute;inset:0 auto 0 0;background:#f0dfb6}
.gm-w9{width:43%}.gm-w7{width:33%}.gm-w5{width:24%}
.gm-slots{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 6px}
.gm-slots span{padding:4px 10px;border-radius:999px;border:1px dashed #d9c79c;color:var(--muted);font-size:.85rem}
.gm-slots span.on{border-style:solid;background:#f6e8c8;color:#4a3a1e}
.gm-input{margin:0 12px 14px;padding:10px 14px;border-radius:999px;border:1px solid #e4ded3;background:#fff;color:#9a9287;font-size:.85rem}
.gm-how li{margin:6px 0}
/* The Savior's Way: warm ivory/marble with a soft gold border and glow (was dusty mauve) */
.rolehead.t-savior,.statue.t-savior{border:1px solid #e2cf9f;box-shadow:0 0 0 3px rgba(232,211,162,.25),0 12px 32px -14px rgba(180,138,60,.4)}
.rolehead.t-savior .eyebrow{color:var(--gold-d)}
.glance.t-savior,.t-savior .glance{border:1px solid #e8dcc2}
/* Encourage: who's sending */
.enc-who{font:700 .95rem/1.3 var(--serif,Georgia,serif);color:var(--gold-d);margin:4px 0 6px}
.enc-note{margin:10px 0 8px}
.enc-inner{margin:0;padding:0;border:0;box-shadow:none;background:none}
.sample-banner{margin-top:18px}
.sample-banner .btn{flex:none}
.enc-inner .tc-tab,.enc-sender .tc-tab{overflow-wrap:normal;word-break:normal;hyphens:none}
@media (max-width:420px){.enc-inner .tc-tab,.enc-sender .tc-tab{font-size:.72rem;padding:6px 2px}.enc-inner .tc-tabs,.enc-sender .tc-tabs{gap:3px}}
/* Worth: sheep fed */
.w-sheepbox{margin:18px 0;padding:16px 14px 14px;border-radius:16px;background:linear-gradient(180deg,#fffdf8,#f8f0df);border:1px solid #e2cf9f;text-align:center}
.w-feed{margin:0 0 10px;font:italic 1.15rem/1.4 Georgia,serif;color:#3d3326;border:0;padding:0}
.w-feed-l{display:block;font:600 .72rem/1.3 var(--serif);letter-spacing:.16em;text-transform:uppercase;font-style:normal;color:var(--gold-d);margin-bottom:2px}
.w-feed cite{font-style:normal;font-size:.9rem;white-space:nowrap}
.w-flock{list-style:none;margin:6px auto 4px;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:4px 6px;max-width:560px}
.w-sheep{width:60px;height:47px}
.w-sheep-more{align-self:center;font:700 .95rem var(--serif);color:var(--gold-d);background:#f3ead7;border:1px solid var(--gold-l);border-radius:999px;padding:4px 10px;margin-left:4px}
.sh-svg{width:100%;height:100%;overflow:visible}
.sh-wool circle,.sh-tuft{fill:#fffdf7;stroke:#d9c79e;stroke-width:1.2}
.sh-face,.sh-legs rect{fill:#6b5a48}
.sh-eye{fill:#fffdf7}
.sh-hay path{stroke:#c9a55a;stroke-width:1.8;stroke-linecap:round;fill:none}
.sh-ground{fill:#e6d6b0}
.w-fed{margin:6px 0 0;font:700 1.05rem/1.35 var(--serif);color:#6d4f17}
.w-sheepbox .w-invite{margin:6px 0 0}
.w-flock.hopeful .w-sheep{width:76px;height:60px}
@media (prefers-reduced-motion:no-preference){
    .w-sheepbox:not(.still):not(.go) .w-sheep,.w-sheepbox:not(.still):not(.go) .w-sheep-more{opacity:0}
  .w-sheepbox.go:not(.still) .w-sheep,.w-sheepbox.go:not(.still) .w-sheep-more{animation:sh-pop .5s cubic-bezier(.3,1.5,.6,1) both;animation-delay:calc(var(--i,0) * 120ms)}
  .w-sheepbox.go:not(.still) .sh-svg{animation:sh-bounce .6s ease-in-out both;animation-delay:calc(var(--i,0) * 120ms + 1.15s)}
  .w-sheepbox.go:not(.still) .sh-hay{transform-box:fill-box;transform-origin:50% 100%;animation:sh-hay .45s ease-out both;animation-delay:calc(var(--i,0) * 120ms + .35s)}
  .w-sheepbox.go:not(.still) .sh-head{transform-box:fill-box;transform-origin:20% 30%;animation:sh-nibble .3s ease-in-out 2 both;animation-delay:calc(var(--i,0) * 120ms + .7s)}
  .w-sheepbox.go .w-flock.hopeful .sh-head{animation:sh-look 3.2s ease-in-out 1.2s 2 both}
}
@keyframes sh-pop{from{opacity:0;transform:translateY(8px) scale(.6)}to{opacity:1;transform:none}}
@keyframes sh-hay{from{opacity:0;transform:translateY(-10px) scale(.7)}to{opacity:1;transform:none}}
@keyframes sh-nibble{50%{transform:rotate(14deg) translateY(3px)}}
@keyframes sh-bounce{0%,100%{transform:none}40%{transform:translateY(-5px)}70%{transform:translateY(0)}85%{transform:translateY(-2px)}}
@keyframes sh-look{0%,100%{transform:none}50%{transform:rotate(-8deg)}}
@media print{.w-sheepbox{break-inside:avoid;background:#fffdf8}.w-sheepbox *{animation:none!important;opacity:1!important}}
/* Guide: how each connection adds strength + cord */
.str-sec{margin-top:28px}
.str-list{list-style:none;margin:14px 0 6px;padding:0;display:grid;gap:10px}
.str-item{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:var(--paper);border:1px solid var(--line)}
.str-item.t-savior{background:var(--t-savior);border-color:#e2cf9f}
.str-dot{flex:0 0 14px;height:14px;border-radius:50%;margin-top:6px;box-shadow:0 0 0 3px #fff}
.str-item h3{font-size:1.02rem;margin:0 0 4px}
.str-adds{margin:0 0 2px}.str-adds strong{color:var(--gold-d)}
.str-why{margin:0;color:var(--muted)}
.str-v{margin:8px 0 0;padding:0;border:0;font:italic 1rem/1.45 Georgia,serif;color:#3d3326}
.str-v cite{font-style:normal;font-size:.9rem;white-space:nowrap}
.str-sec>.str-v{text-align:center;margin-top:6px}
.cord{margin:18px 0 6px;padding:12px;border-radius:16px;background:linear-gradient(180deg,#fffdf8,#f6ecd9);border:1px solid #e2cf9f}
.cord-svg{display:block;width:100%;height:auto}
.cord-s{fill:none;stroke-width:7;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.1s ease-in-out;transition-delay:calc(var(--i,0) * 380ms)}
.cord.built .cord-s{stroke-dashoffset:0}
.cord-legend{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 12px;font-size:.82rem;color:var(--muted)}
.cord-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px;vertical-align:-1px}
.cord-cap{text-align:center;font:700 1.02rem/1.35 var(--serif);color:#6d4f17;margin:8px 0 0}
@media (prefers-reduced-motion:reduce){.cord-s{transition:none;stroke-dashoffset:0}}
@media print{.cord-s{transition:none;stroke-dashoffset:0}}

.w-fed-sub{margin:2px 0 0;font-size:.85rem;color:var(--muted)}
@media (max-width:420px){.w-sheep{width:50px;height:39px}.w-flock{gap:4px 4px}}
/* Worth: good works banner (Matthew 5:16) */
.w-lightbox{margin:20px 0 10px;padding:18px 16px;border-radius:16px;text-align:center;background:radial-gradient(120% 90% at 50% 0%,#fff8e6,#f6ead0);border:1px solid #d9bd7c;box-shadow:0 0 0 4px #fbf3e0 inset,0 6px 22px rgba(180,138,60,.14)}
.w-lightbox .w-ico{width:34px;height:34px;stroke:var(--gold);margin:0 auto 4px;display:block}
.w-light-t{margin:0 0 4px;font:700 1.15rem/1.35 var(--serif);color:#6d4f17}
.w-light-s{margin:0 0 8px;color:var(--muted);font-size:.92rem}
.w-light-k{margin:10px 0 0;font:600 .72rem/1.3 var(--serif);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-d)}
.w-lightbox .hq{text-align:center;margin:6px auto 0}
@media print{.w-lightbox{break-inside:avoid;box-shadow:none}}
/* In the Very Hour links */
.reslist .res-feature{border-left:3px solid var(--gold);padding-left:10px;background:#fbf5e8;border-radius:8px}
.w-ivh{margin:10px 0 0;font-size:.95rem}

/* /connect: Why Connecting Matters */
.cn-tc .tc-tabs{border-radius:18px}
.cn-panel{display:grid;gap:4px}
.cn-h{display:flex;align-items:center;gap:10px;margin:0 0 4px;font-size:1.3rem}
.cn-b h3{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-d);margin:10px 0 2px}
.cn-b p{margin:0}
.cn-adds{color:#6d4f17}
.cn-quotes{display:grid;gap:10px;margin:12px 0 4px}
.cn-q{font:italic 1rem/1.5 Georgia,serif;color:#3d3326;padding:12px 16px}
.cn-q cite{font:normal .85rem/1.4 var(--sans,inherit)}
.cn-lq{background:#fbf5e8}
.cn-note{font-style:normal;color:var(--muted);font-size:.9rem}
.cn-hands{margin:10px 0 0;padding:10px 14px;border-radius:12px;background:var(--t-savior,#f6ecd9);border:1px solid #e2cf9f}
.cn-hands strong{color:#6d4f17}
.cn-adds-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.cn-adds-list i,.cn-dots i{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px;vertical-align:-1px}
.cn-dots{display:block;margin:4px 0}.cn-dots i{margin-right:4px}
.cn-close,.cn-try{margin-top:24px}
.cn-close .cn-q{margin:10px 0}
.cn-try-list{margin:10px 0;padding-left:1.3em;display:grid;gap:6px}
.cn-try-btns .btn{margin:4px 4px 0 0}
.str-teaser{margin-top:28px}
@media (min-width:700px){.cn-quotes{grid-template-columns:1fr 1fr}}
@media (max-width:420px){.cn-tc .tc-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.cn-tc .tc-tab{overflow-wrap:normal;font-size:.78rem}}
.cn-tc .tc-panel{max-height:none;overflow:visible}
/* ===== site navigation (simplified) ===== */
.top{position:sticky;top:0;z-index:30;background:rgba(250,248,243,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);transition:box-shadow .2s}
.top .wrap{display:flex;align-items:center;gap:14px;min-height:52px;padding-top:2px;padding-bottom:2px;transition:min-height .2s}
.top.sm{box-shadow:0 2px 12px rgba(60,45,20,.08)}
.top.sm .wrap{min-height:44px}
.brand{display:flex;flex-direction:column;min-width:0;flex:1 1 auto;text-decoration:none;font-family:var(--serif);font-weight:700;letter-spacing:.02em;line-height:1.1}
.brand-t{font-size:1.02rem;white-space:nowrap;background:linear-gradient(90deg,#8a6626,#c9a55a 50%,#8a6626);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-sub{display:block;font:500 .66rem/1.3 var(--sans);color:var(--ink);opacity:.75;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:1.4em;transition:max-height .2s,opacity .2s}
.top.sm .brand-sub{max-height:0;opacity:0}
.menu-btn{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:40px;background:none;border:1px solid var(--line);border-radius:10px;padding:6px 12px;font:inherit;font-size:.9rem;color:var(--ink);cursor:pointer}
.burger{display:inline-grid;gap:3px}.burger i{display:block;width:16px;height:2px;border-radius:2px;background:currentColor}
.nav{display:none}
.nav ul,.drawer ul{list-style:none;margin:0;padding:0}
@media (max-width:420px){.brand-sub{display:none}.brand-t{font-size:1rem}}
@media (min-width:1024px){
  .menu-btn{display:none}
  .brand{flex:0 1 auto}
  .nav{display:flex;align-items:center;gap:6px;margin-left:auto}
  .nav-p{display:flex;align-items:center;gap:clamp(2px,.6vw,10px)}
  .nav a,.more-btn{display:block;white-space:nowrap;padding:8px 9px;border-radius:9px;text-decoration:none;color:var(--ink);font-size:.92rem;line-height:1.2}
  .nav a:hover,.more-btn:hover{background:rgba(201,165,90,.14)}
  .nav-p a[aria-current]{color:var(--gold-d);font-weight:600;box-shadow:inset 0 -2px 0 var(--gold-l)}
  .nav-p a.nav-cta{font-weight:700;color:var(--gold-d)}
  .more{position:relative}
  .more-btn{background:none;border:1px solid var(--line);font:inherit;font-size:.92rem;cursor:pointer}
  .more-btn .chev{display:inline-block;margin-left:4px;transition:transform .15s}
  .more-btn[aria-expanded="true"]{background:#fff8ea;border-color:#e2cf9f}
  .more-btn[aria-expanded="true"] .chev{transform:rotate(180deg)}
  .more-panel{position:absolute;right:0;top:calc(100% + 8px);width:min(720px,calc(100vw - 40px));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 16px;padding:16px 18px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
  .more-panel[hidden]{display:none}
  .more-g a{padding:6px 8px;margin:0 -8px;font-size:.9rem}
  .more-g a[aria-current]{color:var(--gold-d);font-weight:600}
}
.nav-gh{margin:0 0 4px;font:600 .7rem/1.3 var(--serif);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-d)}
/* phones + tablets: slide-out drawer */
.scrim{position:fixed;inset:0;z-index:40;background:rgba(40,30,15,.35);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.scrim.open{opacity:1;visibility:visible}
.drawer{position:fixed;top:0;right:0;bottom:0;z-index:41;width:min(360px,88vw);display:flex;flex-direction:column;background:var(--paper);box-shadow:-8px 0 30px rgba(40,30,15,.18);transform:translateX(105%);visibility:hidden;transition:transform .28s ease,visibility .28s;overflow-y:auto;overscroll-behavior:contain;padding:env(safe-area-inset-top,0px) 0 calc(20px + env(safe-area-inset-bottom,0px))}
.drawer.open{transform:none;visibility:visible}
.dr-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px 10px 20px;border-bottom:1px solid var(--line)}
.dr-t{font:700 1.05rem/1.2 var(--serif);color:var(--ink)}
.dr-t small{display:block;font:500 .72rem/1.3 var(--sans);color:var(--muted)}
.dr-close{width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:none;font-size:1.6rem;line-height:1;color:var(--ink);cursor:pointer}
.dr-nav{padding:8px 20px}
.dr-p{display:grid;gap:6px;margin:6px 0 14px!important}
.dr-p a{display:flex;align-items:center;min-height:50px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:#fffdf8;text-decoration:none;color:var(--ink);font:600 1.05rem/1.2 var(--serif)}
.dr-p a.nav-cta{background:linear-gradient(180deg,#fffaf0,#f7eedd);border-color:#d9bf85;color:var(--gold-d)}
.dr-p a[aria-current]{border-color:var(--gold);box-shadow:inset 3px 0 0 var(--gold)}
.dr-g{padding:10px 0 6px;border-top:1px solid var(--line)}
.dr-g a{display:flex;align-items:center;min-height:42px;text-decoration:none;color:var(--ink);font-size:.95rem}
.dr-g a[aria-current]{color:var(--gold-d);font-weight:600}
html.dr-lock{overflow:hidden}
@media (min-width:1024px){.drawer,.scrim{display:none}}
@media (prefers-reduced-motion:reduce){.drawer,.scrim,.top,.top .wrap,.brand-sub{transition:none}}
@media print{.drawer,.scrim{display:none!important}}
html{scroll-padding-top:calc(64px + env(safe-area-inset-top,0px))}
main{scroll-margin-top:calc(64px + env(safe-area-inset-top,0px))}
.hero h1,.title-5,.eyebrow{scroll-margin-top:calc(68px + env(safe-area-inset-top,0px))}
/* Mentor links */
.cn-more{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
.g-mentor{margin:10px 0 0}
.g-mentor a{font-weight:600}
/* quarter focus: all five relationships, this quarter's in gold */
.qfocus{margin:10px 0 14px}
.fchips{margin:0 0 6px;gap:7px}
.fchips li{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;line-height:1.2}
.fchips li.on{background:linear-gradient(180deg,#ecca78,#d6a94e);color:#2a1d08;border-color:#a87b2c;font-weight:700;box-shadow:0 1px 3px -1px rgba(120,85,25,.45)}
.fchips li.on::before{content:"\2713";display:inline-grid;place-items:center;width:1.15em;height:1.15em;border-radius:50%;background:#3b2a12;color:#f6dc95;font:700 .7rem/1 var(--sans)}
.fchips li.off{background:#fffdf8;color:#5f5444;border:1px dashed #cdbb94}
.flegend{display:flex;align-items:center;gap:6px;margin:0;font-size:.78rem;color:#5f5444}
.flegend i{width:12px;height:12px;border-radius:50%;background:linear-gradient(180deg,#ecca78,#d6a94e);border:1px solid #a87b2c}
@media print{.fchips li.on{background:#eee;color:#000}.fchips li.off{color:#555}}