/* Made by tools/build-giving-page.mjs from live/lib/daas-giving-page.css. Edit that file, not this one. */
/* DAAS Giving pages: the public page (Chai Club and Donate pages).
   Ported from the Chai Club prototype (claude/chai-club-prototype/src/page.css), 2026-11-04.
   Three templates (t-a Candlelight, t-b Neighbors, t-c Honor Roll),
   three wall styles (w-cards, w-mosaic, w-roll). Colors come from --brand / --accent set by the page config.
   public-site/giving-page.css is a copy made by tools/build-giving-page.mjs. Edit this file, then run it. */
html,body{margin:0;padding:0}
.chai{min-height:100vh;font-family:var(--fb);color:var(--ink);background:var(--bg);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.chai *{box-sizing:border-box}
.chai img{display:block;max-width:100%}
.chai button{font:inherit;color:inherit}
.chai .wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.chai .disp{font-family:var(--fd);margin:0}
.chai .mut{color:var(--mut)}
.chai .sec{padding-top:112px}
.chai .hide{display:none!important}
.chai .lnk{background:none;border:0;padding:0;cursor:pointer;font-weight:600;color:var(--lnk);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;min-height:44px}
.chai .fill-img{width:100%;height:100%;object-fit:cover}
.chai .art{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'Frank Ruhl Libre',serif;font-weight:700;line-height:1;color:var(--art-ink);background:var(--art-bg);font-size:min(40vw,260px)}
.chai .art.sm{font-size:64px}
.chai .ph-note{position:absolute;left:16px;bottom:16px;right:16px;display:flex;gap:8px;align-items:center;justify-content:center;padding:10px 12px;border-radius:12px;background:rgba(0,0,0,.45);color:#fff;font-size:13px;font-weight:600;font-family:system-ui,sans-serif}
.chai .logo{width:46px;height:46px;border-radius:12px;object-fit:contain;flex:none}
.chai .mono{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;letter-spacing:.04em;flex:none;background:var(--mono-bg);color:var(--mono-ink)}
.chai details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:44px}
.chai details summary::-webkit-details-marker{display:none}
.chai details summary .pl{flex:none;width:24px;text-align:center;font-size:22px;line-height:1;transition:transform .15s}
.chai details[open] summary .pl{transform:rotate(45deg)}
.chai .radio{width:22px;height:22px;border-radius:50%;border:2px solid var(--mut);display:flex;align-items:center;justify-content:center;flex:none}
.chai .radio i{width:10px;height:10px;border-radius:50%}
.chai .on .radio{border-color:var(--hi)}
.chai .on .radio i{background:var(--hi)}
.chai .amt input{border:0;background:transparent;color:inherit;font-weight:600;font-size:20px;font-family:var(--fb);width:100%;outline:0;min-width:0}
.chai .fld{display:flex;flex-direction:column;gap:6px}
.chai .fld label,.chai .fld .lb{font-size:14px;font-weight:600;color:var(--f-lb)}
.chai .fld input{min-height:50px;border:1px solid var(--f-line);border-radius:var(--f-rad);padding:0 14px;font:400 16px var(--fb);color:var(--f-ink);background:#fff;width:100%}
.chai .fld input:disabled{background:#F2F2EF;color:#8A8A85}
.chai .fld input:focus{outline:2px solid var(--f-focus);outline-offset:1px}
.chai .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.chai .card-f{border:1px dashed var(--f-line);border-radius:var(--f-rad);padding:15px 14px;display:grid;grid-template-columns:minmax(0,1fr) 88px 60px;gap:10px;color:#77746C;font-size:15px;background:#fff}
.chai .chk{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--f-lb);cursor:pointer}
.chai .chk input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--f-focus);flex:none}
.chai .err{color:#B3261E;font-size:14px}
.chai .fine{font-size:13.5px;color:var(--f-mut);text-align:center}
.chai .modal-bg{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;z-index:60;background:rgba(8,10,16,.66)}
.chai .sheet{width:100%;max-width:540px;max-height:calc(100vh - 48px);overflow:auto;background:var(--sh-bg);color:var(--f-ink);padding:30px;border-radius:var(--sh-rad)}
.chai .xbtn{width:44px;height:44px;border-radius:50%;border:0;background:var(--x-bg);color:var(--f-ink);display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none}
.chai .joinbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:12px 16px calc(12px + env(safe-area-inset-bottom));align-items:center;justify-content:space-between;gap:12px;background:var(--jb-bg);color:var(--jb-ink);border-top:1px solid var(--line)}
.chai .joinbar .js{display:flex;flex-direction:column;line-height:1.25}
.chai .joinbar .js small{font-size:13px;opacity:.75}
.chai .ok-badge{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--hi);color:var(--on-hi)}
.chai :focus-visible{outline:2px solid var(--hi);outline-offset:3px}

/* ---------- Wall styles (shared, themed by --c*) ---------- */
.chai .wall-empty{padding:36px;border:1px dashed var(--line);border-radius:var(--rad);text-align:center;color:var(--mut)}
.chai .w-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}
/* Patron cards */
.chai .w-cards .gh{display:flex;align-items:center;gap:16px;margin:44px 0 16px;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--c0t)}
.chai .w-cards .gh:first-child{margin-top:0}
.chai .w-cards .gh i{flex:1;height:1px;background:var(--line)}
.chai .w-cards .g0{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.chai .w-cards .g1{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.chai .w-cards .g2{display:flex;flex-wrap:wrap;gap:10px}
.chai .w-cards .g3{display:flex;flex-wrap:wrap;gap:8px 26px}
.chai .w-cards .m0{border:1px solid var(--c0l);background:var(--c0b);color:var(--c0i);border-radius:calc(var(--rad) + 2px);padding:30px 28px 26px;min-height:168px;display:flex;flex-direction:column;justify-content:space-between;gap:20px}
.chai .w-cards .m0 .nm{font-family:var(--fd);font-size:31px;line-height:1.12;font-weight:var(--fdw)}
.chai .w-cards .m1{border:1px solid var(--c1l);background:var(--c1b);color:var(--c1i);border-radius:max(2px,calc(var(--rad) - 4px));padding:20px 20px 18px;min-height:108px;display:flex;flex-direction:column;justify-content:space-between;gap:12px}
.chai .w-cards .m1 .nm{font-family:var(--fd);font-size:21px;line-height:1.2;font-weight:var(--fdw)}
.chai .w-cards .m2{border:1px solid var(--c2l);background:var(--c2b);color:var(--c2i);border-radius:var(--pill);padding:9px 18px}
.chai .w-cards .m2 .nm{font-size:16px}
.chai .w-cards .m3 .nm{font-size:15.5px;color:var(--mut)}
.chai .w-cards .tg{font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.chai .w-cards .m0 .tg{color:var(--c0t)}
.chai .w-cards .m1 .tg{color:var(--c1t)}
.chai .w-cards .m2 .tg,.chai .w-cards .m3 .tg{display:none}
/* Mosaic */
.chai .w-mosaic .grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.chai .w-mosaic .m0{grid-column:span 2;min-height:200px;border-radius:calc(var(--rad) + 4px);background:var(--c0b);color:var(--c0i);border:1px solid var(--c0l);padding:26px;display:flex;flex-direction:column;justify-content:space-between;gap:16px}
.chai .w-mosaic .m0 .nm{font-family:var(--fd);font-size:30px;line-height:1.08;font-weight:var(--fdw)}
.chai .w-mosaic .m1{grid-column:span 2;min-height:132px;border-radius:var(--rad);background:var(--c1b);color:var(--c1i);border:1px solid var(--c1l);padding:22px;display:flex;flex-direction:column;justify-content:space-between;gap:12px}
.chai .w-mosaic .m1 .nm{font-family:var(--fd);font-size:22px;line-height:1.15;font-weight:var(--fdw)}
.chai .w-mosaic .m2{grid-column:span 2;border-radius:max(2px,calc(var(--rad) - 6px));border:1px solid var(--c2l);background:var(--c2b);color:var(--c2i);padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.chai .w-mosaic .m2 .nm{font-weight:600;font-size:16.5px}
.chai .w-mosaic .m3{grid-column:span 1;border-radius:max(2px,calc(var(--rad) - 10px));background:var(--c3b);color:var(--c3i);padding:12px 14px;display:flex;flex-direction:column;gap:4px}
.chai .w-mosaic .m3 .nm{font-weight:500;font-size:15px;line-height:1.3}
.chai .w-mosaic .tg{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.chai .w-mosaic .m0 .tg{color:var(--c0t)}
.chai .w-mosaic .m1 .tg{color:var(--c1t)}
.chai .w-mosaic .m2 .tg,.chai .w-mosaic .m3 .tg{color:var(--mut)}
/* Honor roll */
.chai .w-roll{background:var(--plq);color:var(--plqi);padding:80px 64px 64px;position:relative;border-radius:var(--rad)}
.chai .w-roll::before{content:'';position:absolute;inset:14px;border:1px solid var(--plql);border-radius:max(0px,calc(var(--rad) - 8px));pointer-events:none}
.chai .w-roll .rh{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;position:relative}
.chai .w-roll .medal{width:120px;height:120px;border-radius:50%;border:1.5px solid var(--plqa);display:flex;align-items:center;justify-content:center;font-family:'Frank Ruhl Libre',serif;font-weight:700;font-size:52px;line-height:1;color:var(--plqa);position:relative}
.chai .w-roll .medal::after{content:'';position:absolute;inset:7px;border-radius:50%;border:1px solid var(--plql)}
.chai .w-roll .rh h2{font-family:var(--fd);font-size:54px;line-height:1.05;margin:0;font-weight:var(--fdw);color:var(--plqi)}
.chai .w-roll .rh p{margin:0;max-width:540px;opacity:.82;font-size:17px}
.chai .w-roll .th{display:flex;align-items:center;justify-content:center;gap:16px;margin:52px 0 24px;color:var(--plqa);font-size:13px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;position:relative}
.chai .w-roll .th i{flex:1;max-width:160px;height:1px;background:var(--plql)}
.chai .w-roll .n0,.chai .w-roll .n1{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 28px;text-align:center;position:relative}
.chai .w-roll .n2,.chai .w-roll .n3{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 24px;text-align:center;position:relative}
.chai .w-roll .n0 .nm{font-family:var(--fd);font-weight:600;font-size:36px;line-height:1.12}
.chai .w-roll .n1 .nm{font-family:var(--fd);font-weight:var(--fdw);font-size:27px;line-height:1.2}
.chai .w-roll .n2 .nm{font-family:var(--fd);font-weight:var(--fdw);font-size:21px}
.chai .w-roll .n3 .nm{font-size:16px;opacity:.85}
.chai .w-roll .anon{text-align:center;margin:44px 0 0;font-style:italic;opacity:.8;position:relative}

/* =========================================================
   A. Candlelight
   ========================================================= */
.t-a{--fd:'Fraunces',Georgia,serif;--fb:'Figtree',system-ui,sans-serif;--fdw:400;
 --bg:var(--brand);--ink:var(--on-brand);--mut:color-mix(in srgb,var(--on-brand) 72%,var(--brand));
 --surf:color-mix(in srgb,var(--brand) 92%,var(--on-brand));--surf2:color-mix(in srgb,var(--brand) 86%,var(--on-brand));--line:color-mix(in srgb,var(--brand) 80%,var(--on-brand));
 --hi:var(--accent);--on-hi:var(--on-accent);--lnk:var(--accent);--rad:20px;--pill:999px;
 --art-bg:var(--surf);--art-ink:color-mix(in srgb,var(--accent) 22%,var(--surf));--mono-bg:var(--surf2);--mono-ink:var(--accent);
 --c0b:var(--surf);--c0i:var(--ink);--c0l:var(--accent);--c0t:var(--accent);
 --c1b:color-mix(in srgb,var(--brand) 95%,var(--on-brand));--c1i:var(--ink);--c1l:var(--line);--c1t:color-mix(in srgb,var(--accent) 70%,var(--on-brand));
 --c2b:transparent;--c2i:var(--ink);--c2l:var(--line);--c3b:var(--surf);--c3i:var(--ink);
 --plq:var(--surf);--plqi:var(--ink);--plqa:var(--accent);--plql:var(--line);
 --sh-bg:#FAF6EE;--sh-rad:24px;--x-bg:#EFE8DA;--f-ink:#1C1F33;--f-lb:#3A3D52;--f-mut:#6E6A5E;--f-line:#CFC7B8;--f-rad:12px;--f-focus:color-mix(in srgb,var(--accent) 70%,#000);
 --jb-bg:var(--surf);--jb-ink:var(--ink)}
.t-a .kick{font-size:12.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0}
.t-a .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;background:var(--accent);color:var(--on-accent);font:600 16px var(--fb);border:0;cursor:pointer;text-decoration:none}
.t-a .btn:hover{filter:brightness(1.07)}
.t-a .btn:disabled{opacity:.4;cursor:not-allowed;filter:none}
.t-a .ghost{display:inline-flex;align-items:center;min-height:52px;padding:0 2px;background:none;border:0;border-bottom:1px solid var(--line);color:var(--ink);font:500 16px var(--fb);cursor:pointer}
.t-a .nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0}
.t-a .brand-row{display:flex;align-items:center;gap:14px}
.t-a .brand-row b{display:block;font-weight:600;font-size:16px;line-height:1.2}
.t-a .brand-row span{font-size:13px;color:var(--mut)}
.t-a .hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:64px;align-items:center;padding:36px 0 80px}
.t-a .hero-t{display:flex;flex-direction:column;gap:26px}
.t-a .h1{font-size:72px;line-height:1.02;font-weight:300;letter-spacing:-.015em}
.t-a .lead{font-size:20px;color:var(--mut);margin:0;max-width:540px}
.t-a .cta{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:6px}
.t-a .photo{aspect-ratio:4/5;border-radius:28px;overflow:hidden;position:relative;background:var(--surf)}
.t-a .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.t-a .stat{padding:24px 0}
.t-a .stat+.stat{border-left:1px solid var(--line);padding-left:32px}
.t-a .stat b{display:block;font:400 40px/1.1 var(--fd)}
.t-a .stat span{color:var(--mut);font-size:15px}
.t-a .shead{display:flex;flex-direction:column;gap:14px;max-width:660px;margin-bottom:40px}
.t-a .h2{font-size:52px;line-height:1.08;letter-spacing:-.015em}
.t-a .ssub{margin:0;font-size:18px;color:var(--mut)}
.t-a .tiers{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:16px}
.t-a .tcard{border:1.5px solid var(--line);background:var(--surf);border-radius:20px;padding:26px 22px 22px;display:flex;flex-direction:column;gap:16px;cursor:pointer;text-align:left;min-height:268px;transition:border-color .15s,background .15s}
.t-a .tcard.on{border-color:var(--accent);background:var(--surf2)}
.t-a .tn{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
.t-a .on .tn{color:var(--accent)}
.t-a .ta{display:flex;align-items:baseline;gap:6px;font:400 54px/1 var(--fd)}
.t-a .ta small{font:15px var(--fb);color:var(--mut)}
.t-a .tb{color:var(--mut);font-size:15.5px;line-height:1.5;flex:1}
.t-a .tbtn{min-height:46px;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:15px;background:var(--surf2)}
.t-a .on .tbtn{background:var(--accent);color:var(--on-accent)}
.t-a .tlist{border:1px solid var(--line);border-radius:20px;overflow:hidden}
.t-a .trow{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:18px;align-items:center;padding:20px 24px;border:0;border-bottom:1px solid var(--line);background:transparent;width:100%;text-align:left;cursor:pointer}
.t-a .trow:last-child{border-bottom:0}
.t-a .trow.on{background:var(--surf2)}
.t-a .trow b{display:block;font-size:17px}
.t-a .trow .ra{font:400 30px var(--fd);white-space:nowrap}
.t-a .trow .ra small{font:14px var(--fb);color:var(--mut)}
.t-a .other{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;margin-top:20px;padding:22px 24px;border-radius:20px;background:var(--surf)}
.t-a .other label{font-weight:600;font-size:17px}
.t-a .amt{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--bg);border-radius:12px;padding:0 14px;min-height:52px;width:210px}
.t-a .joinrow{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:20px;padding:22px 24px;border-radius:20px;border:1px solid var(--accent)}
.t-a .joinrow b{display:block;font-size:20px}
.t-a .track{position:relative;height:14px;border-radius:999px;background:var(--surf2);margin:48px 0 56px}
.t-a .track .fl{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--accent)}
.t-a .mk{position:absolute;top:-6px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px}
.t-a .mk i{width:26px;height:26px;border-radius:50%;border:3px solid var(--bg);background:var(--line)}
.t-a .mk.r i{background:var(--accent)}
.t-a .mk.n i{background:var(--ink)}
.t-a .mk span{font-size:13px;font-weight:600;white-space:nowrap;color:var(--mut)}
.t-a .mk.r span{color:var(--accent)}
.t-a .miles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.t-a .mile{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;padding:24px;border-radius:18px;border:1px solid var(--line);background:transparent}
.t-a .mile.r{background:var(--surf)}
.t-a .mile.n{border-color:var(--accent)}
.t-a .mile .ic{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surf2);color:var(--on-accent)}
.t-a .mile.r .ic{background:var(--accent)}
.t-a .mile.n .ic{background:var(--ink)}
.t-a .mile .st{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.t-a .mile.r .st{color:var(--accent)}
.t-a .mile.n .st{color:var(--ink)}
.t-a .mile h3{font:400 24px/1.2 var(--fd);margin:4px 0}
.t-a .mile p{margin:0;color:var(--mut);font-size:15.5px}
.t-a .mile .nx{margin-top:8px;color:var(--accent);font-size:15px}
.t-a .why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.t-a .wcard{padding:30px 28px;border-radius:20px;background:var(--surf);display:flex;flex-direction:column;gap:12px}
.t-a .wcard h3{font:400 26px var(--fd);margin:0}
.t-a .wcard p{margin:0;color:var(--mut);font-size:16px}
.t-a .note{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:center}
.t-a .note .face{aspect-ratio:1/1;border-radius:50%;overflow:hidden;position:relative;max-width:340px;width:100%;justify-self:center;background:var(--surf)}
.t-a .note blockquote{margin:0;font:300 32px/1.35 var(--fd)}
.t-a .faq details{border-bottom:1px solid var(--line);padding:16px 0}
.t-a .faq summary{font-size:19px;font-weight:500}
.t-a .faq summary .pl{color:var(--accent)}
.t-a .faq p{margin:10px 0 0;color:var(--mut);max-width:720px}
.t-a .foot{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:96px 0 48px;margin-top:40px;color:var(--mut);font-size:14px}
.t-a .sheet .kick{color:color-mix(in srgb,var(--accent) 60%,#000)}
.t-a .sheet .btn{width:100%;background:#1C1F33;color:#FAF6EE}
.t-a .prev{border:1px solid color-mix(in srgb,var(--accent) 70%,#000);border-radius:18px;padding:24px;background:#fff;display:flex;flex-direction:column;gap:8px}
.t-a .prev .tg{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 55%,#000)}
.t-a .prev .nm{font:400 26px var(--fd)}
.t-a .wall-note{color:var(--mut)}

/* =========================================================
   B. Neighbors
   ========================================================= */
.t-b{--fd:'Bricolage Grotesque',system-ui,sans-serif;--fb:'DM Sans',system-ui,sans-serif;--fdw:600;
 --bg:#FFFFFF;--ink:#0F1B2D;--mut:#55627A;--line:#DCE3F0;--soft:#F3F6FB;--tint:color-mix(in srgb,var(--brand) 11%,#fff);--dark:#0F1B2D;
 --hi:var(--brand);--on-hi:var(--on-brand);--lnk:var(--brand);--rad:22px;--pill:999px;
 --art-bg:var(--tint);--art-ink:color-mix(in srgb,var(--brand) 26%,var(--tint));--mono-bg:var(--tint);--mono-ink:var(--brand);
 --c0b:var(--brand);--c0i:var(--on-brand);--c0l:var(--brand);--c0t:var(--accent);
 --c1b:var(--tint);--c1i:var(--ink);--c1l:var(--tint);--c1t:var(--brand);
 --c2b:#fff;--c2i:var(--ink);--c2l:var(--line);--c3b:var(--soft);--c3i:var(--ink);
 --plq:var(--dark);--plqi:#fff;--plqa:var(--accent);--plql:#2A3850;
 --sh-bg:#fff;--sh-rad:24px;--x-bg:var(--soft);--f-ink:#0F1B2D;--f-lb:#33405A;--f-mut:#55627A;--f-line:#CBD4E4;--f-rad:12px;--f-focus:var(--brand);
 --jb-bg:#fff;--jb-ink:var(--ink)}
.t-b .disp{font-weight:700;letter-spacing:-.03em}
.t-b .pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:var(--tint);color:var(--brand);font-size:14px;font-weight:600;align-self:flex-start}
.t-b .pill .he{font-family:'Frank Ruhl Libre',serif;font-weight:700;font-size:17px;line-height:1}
.t-b .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 28px;border-radius:14px;background:var(--brand);color:var(--on-brand);font:600 16px var(--fb);text-decoration:none;border:0;cursor:pointer}
.t-b .btn:hover{filter:brightness(.92)}
.t-b .btn:disabled{background:#C9D1E0;color:#5E6A80;cursor:not-allowed;filter:none}
.t-b .btn.soft{background:var(--tint);color:var(--brand)}
.t-b .nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0}
.t-b .brand-row{display:flex;align-items:center;gap:12px}
.t-b .brand-row b{font-weight:700;font-size:17px}
.t-b .hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px;padding:56px 0 48px}
.t-b .hero .pill{align-self:center}
.t-b .h1{font-size:88px;line-height:.98;max-width:960px}
.t-b .lead{font-size:20px;color:var(--mut);margin:0;max-width:640px}
.t-b .cta{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:6px}
.t-b .duo{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px}
.t-b .photo{border-radius:28px;overflow:hidden;position:relative;min-height:440px;background:var(--soft)}
.t-b .meter{border-radius:28px;background:var(--dark);color:#fff;padding:34px;display:flex;flex-direction:column;gap:20px}
.t-b .meter .lbl{font-size:14px;font-weight:700;color:var(--accent);letter-spacing:.04em;text-transform:uppercase}
.t-b .meter .big{font:700 72px/1 var(--fd);letter-spacing:-.03em}
.t-b .meter .sub{font-size:16px;color:#C5CFE0;margin-top:-8px}
.t-b .mtrack{height:12px;border-radius:999px;background:#25324A;position:relative}
.t-b .mtrack i{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--accent)}
.t-b .mrow{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:#C5CFE0}
.t-b .mrow b{color:#fff}
.t-b .mlist{border-top:1px solid #25324A;padding-top:18px;display:flex;flex-direction:column;gap:10px}
.t-b .mlist div{display:flex;gap:10px;align-items:center;font-size:15px}
.t-b .mlist .ck{width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center;flex:none}
.t-b .shead{display:flex;flex-direction:column;gap:14px;max-width:680px;margin-bottom:36px}
.t-b .h2{font-size:56px;line-height:1.02}
.t-b .ssub{margin:0;font-size:18px;color:var(--mut)}
.t-b .give{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;align-items:start}
/* 2026-11-04: grid children may shrink, so a carousel never stretches the page sideways on phones */
.t-b .give > *{min-width:0}
.t-b .side{position:sticky;top:20px;border-radius:24px;border:1.5px solid var(--line);background:#fff;padding:28px;box-shadow:0 18px 40px rgba(15,27,45,.07)}
.t-b .side form{display:flex;flex-direction:column;gap:16px;margin:0}
.t-b .gift{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1.5px solid var(--line)}
.t-b .gift .g1{display:flex;flex-direction:column}
.t-b .gift .g1 > span{font-size:14px;font-weight:600;color:var(--mut)}
.t-b .gift .g1 b{font:700 40px/1.05 var(--fd);letter-spacing:-.03em}
.t-b .gift .g1 b small{font:500 16px var(--fb);color:var(--mut);letter-spacing:0}
.t-b .tlist{display:flex;flex-direction:column;gap:12px}
.t-b .trow{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:16px;align-items:center;padding:20px 22px;border-radius:18px;border:2px solid var(--line);background:#fff;cursor:pointer;text-align:left;width:100%}
.t-b .trow.on{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 4%,#fff)}
.t-b .trow b{display:block;font-size:18px}
.t-b .trow .ra{font:700 32px var(--fd);letter-spacing:-.03em;white-space:nowrap}
.t-b .trow .ra small{font:14px var(--fb);color:var(--mut);letter-spacing:0}
.t-b .tiers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.t-b .tcard{border-radius:20px;border:2px solid var(--line);background:#fff;padding:24px;display:flex;flex-direction:column;gap:12px;cursor:pointer;text-align:left;min-height:210px}
.t-b .tcard.on{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 4%,#fff)}
.t-b .tn{font-weight:700;font-size:15px}
.t-b .on .tn,.t-b .on .tbtn{color:var(--brand)}
.t-b .ta{font:700 52px/1 var(--fd);letter-spacing:-.03em}
.t-b .ta small{font:15px var(--fb);color:var(--mut);letter-spacing:0}
.t-b .tb{color:var(--mut);font-size:15px;flex:1}
.t-b .tbtn{font-weight:600;font-size:15px}
.t-b .other{display:flex;flex-direction:column;gap:8px;margin-top:20px}
.t-b .other label{font-weight:600;font-size:16px}
.t-b .amt{display:flex;align-items:center;gap:8px;border:1.5px solid #CBD4E4;border-radius:14px;padding:0 16px;min-height:56px;background:#fff}
.t-b .amt:focus-within{border-color:var(--brand)}
.t-b .whead{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:32px}
.t-b .whead .shead{margin-bottom:0}
.t-b .jrny{display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));position:relative}
.t-b .jline{position:absolute;left:22px;top:21px;height:3px;background:var(--line)}
.t-b .jfill{position:absolute;left:22px;top:21px;height:3px;background:var(--brand)}
.t-b .step{padding:0 16px 0 0;display:flex;flex-direction:column;gap:10px;position:relative}
.t-b .knob{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;background:#fff;color:var(--mut);border:3px solid var(--line);position:relative;z-index:1;flex:none}
.t-b .step.r .knob{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}
.t-b .step.n .knob{color:var(--brand);border-color:var(--brand)}
.t-b .step .st{font-size:14px;font-weight:700;color:var(--mut)}
.t-b .step.r .st{color:var(--brand)}
.t-b .step.n .st{color:var(--ink)}
.t-b .step h3{font-size:19px;line-height:1.25;margin:0}
.t-b .step p{margin:0;color:var(--mut);font-size:15px}
.t-b .step .nx{color:var(--brand);font-weight:600;font-size:15px}
.t-b .why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.t-b .wcard{border-radius:22px;background:var(--soft);padding:30px;display:flex;flex-direction:column;gap:10px}
.t-b .wcard h3{font:700 28px var(--fd);letter-spacing:-.03em;margin:0}
.t-b .wcard p{margin:0;color:var(--mut);font-size:16px}
.t-b .faqw{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px}
.t-b .faqw .who{display:flex;flex-direction:column;gap:14px}
.t-b .faqw .face{width:150px;height:150px;border-radius:50%;overflow:hidden;position:relative;background:var(--soft)}
.t-b .faqw blockquote{margin:0;font-size:18px;color:var(--ink)}
.t-b .faq details{border-top:1.5px solid var(--line);padding:16px 0}
.t-b .faq summary{font-size:18px;font-weight:600}
.t-b .faq summary .pl{color:var(--brand)}
.t-b .faq p{margin:10px 0 0;color:var(--mut)}
.t-b .foot{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:96px 0 48px;margin-top:40px;color:var(--mut);font-size:14px;border-top:1.5px solid var(--line)}
.t-b .done{display:flex;flex-direction:column;gap:18px}
.t-b .done .prev{grid-column:auto}

/* =========================================================
   C. Honor Roll
   ========================================================= */
.t-c{--fd:'Cormorant Garamond',Georgia,serif;--fb:'Source Sans 3',system-ui,sans-serif;--fdw:500;
 --bg:#FFFFFF;--ink:#1B2420;--mut:#58625D;--line:#D7DDD9;--soft:#F4F6F5;--brass:color-mix(in srgb,var(--accent) 58%,#000);
 --hi:var(--brand);--on-hi:var(--on-brand);--lnk:var(--brand);--rad:2px;--pill:2px;
 --art-bg:var(--brand);--art-ink:color-mix(in srgb,var(--accent) 45%,var(--brand));--mono-bg:var(--brand);--mono-ink:var(--accent);
 --c0b:var(--brand);--c0i:var(--on-brand);--c0l:var(--brand);--c0t:var(--accent);
 --c1b:#fff;--c1i:var(--ink);--c1l:var(--accent);--c1t:var(--brass);
 --c2b:#fff;--c2i:var(--ink);--c2l:var(--line);--c3b:var(--soft);--c3i:var(--ink);
 --plq:var(--brand);--plqi:var(--on-brand);--plqa:var(--accent);--plql:color-mix(in srgb,var(--brand) 72%,var(--on-brand));
 --sh-bg:#fff;--sh-rad:0;--x-bg:var(--soft);--f-ink:#1B2420;--f-lb:#36403B;--f-mut:#58625D;--f-line:#BFC8C3;--f-rad:4px;--f-focus:var(--brand);
 --jb-bg:var(--brand);--jb-ink:var(--on-brand)}
.t-c .disp{font-weight:500;letter-spacing:-.005em}
.t-c .kick{font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--brass);margin:0}
.t-c .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 30px;border-radius:4px;background:var(--brand);color:var(--on-brand);font:600 16px var(--fb);letter-spacing:.02em;text-decoration:none;border:0;cursor:pointer}
.t-c .btn:hover{filter:brightness(1.15)}
.t-c .btn:disabled{background:#CFD6D2;color:#5E6863;cursor:not-allowed;filter:none}
.t-c .top{background:var(--brand);color:var(--on-brand);font-size:14px}
.t-c .top .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:52px}
.t-c .top button{background:none;border:0;color:var(--accent);font-weight:600;cursor:pointer;min-height:44px}
.t-c .hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:26px;padding:72px 0 56px}
.t-c .hero .logo,.t-c .hero .mono{width:64px;height:64px;border-radius:50%}
.t-c .h1{font-size:84px;line-height:1;max-width:900px}
.t-c .lead{font-size:20px;color:var(--mut);margin:0;max-width:620px}
.t-c .orn{display:flex;align-items:center;justify-content:center;gap:14px}
.t-c .orn i{display:block;width:56px;height:1px;background:var(--accent)}
.t-c .orn b{display:block;width:7px;height:7px;transform:rotate(45deg);border:1px solid var(--accent)}
.t-c .banner{aspect-ratio:21/8;position:relative;overflow:hidden;background:var(--soft)}
.t-c .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center;padding:44px 0;border-bottom:1px solid var(--line)}
.t-c .stat b{display:block;font:500 44px/1.1 var(--fd);color:var(--brand)}
.t-c .stat span{color:var(--mut);font-size:15px}
.t-c .ctr{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:720px;margin:0 auto 44px}
.t-c .h2{font-size:58px;line-height:1.05}
.t-c .ssub{margin:0;font-size:18px;color:var(--mut)}
.t-c .tiers{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));border:1px solid var(--line)}
.t-c .tcard{padding:34px 26px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;cursor:pointer;border:0;border-right:1px solid var(--line);min-height:300px;background:#fff;color:var(--ink)}
.t-c .tcard:last-child{border-right:0}
.t-c .tcard.on{background:var(--brand);color:var(--on-brand)}
.t-c .tn{font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--brass)}
.t-c .on .tn{color:var(--accent)}
.t-c .ta{font:500 64px/1 var(--fd)}
.t-c .tper{font-size:13px;letter-spacing:.1em;color:var(--mut);margin-top:-8px}
.t-c .tb{font-size:15.5px;line-height:1.5;flex:1;color:var(--mut)}
.t-c .on .tper,.t-c .on .tb{color:color-mix(in srgb,var(--on-brand) 78%,var(--brand))}
.t-c .tbtn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border:1px solid var(--brass);color:var(--brass);font-weight:600;font-size:15px}
.t-c .on .tbtn{border-color:var(--accent);color:var(--accent)}
.t-c .tlist{border-top:1px solid var(--line)}
.t-c .trow{width:100%;display:grid;grid-template-columns:24px minmax(0,180px) minmax(0,1fr) auto;gap:22px;align-items:center;padding:22px 10px;border:0;border-bottom:1px solid var(--line);cursor:pointer;text-align:left;background:#fff}
.t-c .trow.on{background:var(--soft)}
.t-c .trow .rn{font:500 28px var(--fd)}
.t-c .trow .ra{font:500 32px var(--fd);white-space:nowrap}
.t-c .trow .ra small{font:14px var(--fb);color:var(--mut)}
.t-c .trow .tb{flex:none}
.t-c .other{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;margin-top:28px}
.t-c .other label{font-weight:600}
.t-c .amt{display:flex;align-items:center;gap:8px;border-bottom:1.5px solid var(--brand);padding:0 4px;min-height:50px;width:190px}
.t-c .omsg{width:100%;text-align:center}
.t-c .joinc{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:36px}
.t-c .joinc .btn{min-width:320px}
.t-c .ledger{border-top:1.5px solid var(--brand)}
.t-c .lbar{height:6px;background:#E5E9E7;position:relative;margin:28px 0 8px}
.t-c .lbar i{position:absolute;left:0;top:0;bottom:0;background:var(--brand)}
.t-c .lscale{display:flex;justify-content:space-between;font-size:14px;color:var(--mut);margin-bottom:28px}
.t-c .lrow{display:grid;grid-template-columns:150px minmax(0,1fr) 150px;gap:28px;align-items:start;padding:26px 6px;border-bottom:1px solid var(--line)}
.t-c .lrow.n{background:color-mix(in srgb,var(--accent) 9%,#fff)}
.t-c .lrow .la{font:500 34px/1.1 var(--fd)}
.t-c .lrow .la small{font:14px var(--fb);color:var(--mut)}
.t-c .lrow h3{font-size:19px;font-weight:600;margin:0}
.t-c .lrow p{margin:4px 0 0;color:var(--mut);font-size:16px}
.t-c .lrow .nx{margin-top:6px;color:var(--brass);font-weight:600;font-size:15.5px}
.t-c .lrow .st{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;font-size:13px;font-weight:700;letter-spacing:.14em;color:var(--mut)}
.t-c .lrow.r .st{color:var(--brand)}
.t-c .lrow.n .st{color:var(--brass)}
.t-c .lrow:not(.r):not(.n) .la,.t-c .lrow:not(.r):not(.n) h3{color:var(--mut)}
.t-c .why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}
.t-c .why > div{display:flex;flex-direction:column;gap:10px}
.t-c .why .orn{justify-content:flex-start}
.t-c .why h3{font:500 32px var(--fd);margin:0}
.t-c .why p{margin:0;color:var(--mut);font-size:16.5px}
.t-c .letter{max-width:760px;margin:0 auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:56px 0;display:flex;flex-direction:column;gap:22px}
.t-c .letter blockquote{margin:0;font:italic 500 30px/1.4 var(--fd)}
.t-c .sig{display:flex;align-items:center;gap:16px}
.t-c .sig .face{width:64px;height:64px;border-radius:50%;overflow:hidden;position:relative;background:var(--soft);flex:none}
.t-c .faq{max-width:760px;margin:0 auto}
.t-c .faq details{border-bottom:1px solid var(--line);padding:16px 0}
.t-c .faq summary{font-size:19px;font-weight:600}
.t-c .faq p{margin:10px 0 0;color:var(--mut)}
.t-c .foot{text-align:center;padding:96px 0 48px;color:var(--mut);font-size:14px}
.t-c .sheet{border-top:6px solid var(--brand)}
.t-c .prev{background:var(--brand);color:var(--on-brand);padding:26px 28px;width:100%;display:flex;flex-direction:column;gap:6px}
.t-c .prev .tg{font-size:12px;font-weight:700;letter-spacing:.22em;color:var(--accent);text-transform:uppercase}
.t-c .prev .nm{font:500 30px var(--fd)}
.t-c .wnameblk{border-left:2px solid var(--accent);padding:4px 0 4px 18px;display:flex;flex-direction:column;gap:12px}

/* shared form wall-name block for A and B */
.t-a .wnameblk{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:14px;background:#F1EBDF}
.t-b .wnameblk{display:flex;flex-direction:column;gap:12px}
.t-b .prev{border-radius:20px;background:var(--brand);color:var(--on-brand);padding:22px;display:flex;flex-direction:column;gap:8px}
.t-b .prev .tg{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.t-b .prev .nm{font:600 26px var(--fd);letter-spacing:-.02em}

/* ---------- Responsive ---------- */
@media (max-width:920px){
 .chai .sec{padding-top:80px}
 .chai .w-cards .g0{grid-template-columns:1fr}
 .chai .w-cards .g1{grid-template-columns:repeat(2,minmax(0,1fr))}
 .chai .w-mosaic .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .chai .w-mosaic .m0{grid-column:span 2;min-height:140px}
 .chai .w-mosaic .m1,.chai .w-mosaic .m2{grid-column:span 1}
 .chai .w-mosaic .m1{min-height:110px;padding:18px}
 .chai .w-mosaic .m1 .nm{font-size:19px}
 .chai .w-mosaic .m2{flex-direction:column;align-items:flex-start;gap:4px}
 .chai .w-roll{padding:56px 26px 44px}
 .chai .w-roll .n0,.chai .w-roll .n1{grid-template-columns:1fr}
 .chai .w-roll .n2,.chai .w-roll .n3{grid-template-columns:repeat(2,minmax(0,1fr))}
 .t-a .hero{grid-template-columns:1fr;gap:36px;padding:12px 0 64px}
 .t-a .photo{aspect-ratio:4/3}
 .t-a .tiers,.t-c .tiers{grid-template-columns:repeat(2,minmax(0,1fr))}
 .t-a .why,.t-a .miles,.t-b .why,.t-c .why{grid-template-columns:1fr}
 .t-a .note{grid-template-columns:1fr;gap:28px}
 .t-b .duo,.t-b .give,.t-b .faqw{grid-template-columns:1fr}
 .t-b .side{position:static}
 .t-b .photo{min-height:280px}
 .t-b .jrny{grid-template-columns:1fr;gap:22px}
 .t-b .jline,.t-b .jfill{display:none}
 .t-b .step{flex-direction:row;align-items:flex-start;gap:16px;padding:0}
 .t-b .step > div{display:flex;flex-direction:column;gap:4px}
 .t-c .tcard{border-bottom:1px solid var(--line)}
 .t-c .tcard:nth-child(2n){border-right:0}
 .t-c .banner{aspect-ratio:4/3}
 .t-c .lrow{grid-template-columns:110px minmax(0,1fr);gap:16px}
 .t-c .lrow .st{grid-column:2;justify-content:flex-start}
 .t-c .trow{grid-template-columns:24px minmax(0,1fr) auto}
 .t-c .trow .tb{display:none}
}
@media (max-width:600px){
 .chai{font-size:16px}
 .chai .two,.chai .card-f{grid-template-columns:1fr}
 .chai .joinbar{display:flex}
 .chai .foot{padding-bottom:104px!important}
 .chai .modal-bg{align-items:flex-end;padding:0}
 .chai .sheet{max-height:94vh;padding:24px 20px;border-radius:var(--sh-rad) var(--sh-rad) 0 0}
 .chai .w-cards .g1{grid-template-columns:1fr}
 .chai .w-cards .m0 .nm{font-size:27px}
 .chai .w-roll .rh h2{font-size:40px}
 .chai .w-roll .n0 .nm{font-size:30px}
 .t-a .h1{font-size:46px}
 .t-a .h2{font-size:36px}
 .t-a .tiers,.t-c .tiers{grid-template-columns:1fr}
 .t-a .tcard{min-height:0}
 .t-a .stats{grid-template-columns:1fr}
 .t-a .stat+.stat{border-left:0;border-top:1px solid var(--line);padding-left:0}
 .t-a .other{grid-template-columns:1fr}
 .t-a .amt{width:100%}
 .t-a .mk span{display:none}
 .t-a .note blockquote{font-size:25px}
 .t-a .joinrow{display:none}
 .t-b .h1{font-size:48px}
 .t-b .h2{font-size:36px}
 .t-b .meter .big{font-size:56px}
 .t-b .tiers{grid-template-columns:1fr}
 .t-b .tcard{min-height:0}
 .t-b .side{padding:22px 18px}
 .t-c .h1{font-size:50px}
 .t-c .h2{font-size:40px}
 .t-c .tcard{border-right:0!important;min-height:0}
 .t-c .stats{grid-template-columns:1fr;gap:18px}
 .t-c .joinc .btn{min-width:0;width:100%}
 .t-c .letter blockquote{font-size:24px}
}

/* ---------- Tier carousel (price cards) ---------- */
.chai .car{position:relative;--cw:300px;margin:0 -24px}
.t-b .car{--cw:272px;margin:0}
.chai .car-track{position:relative;display:flex;overflow-x:hidden;overflow-y:hidden;padding:22px calc(50% - var(--cw) / 2) 30px;scrollbar-width:none;overscroll-behavior-x:contain;outline:0;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;
 -webkit-mask-image:linear-gradient(to right,transparent 0,#000 9%,#000 91%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 9%,#000 91%,transparent 100%)}
.chai .car-track::-webkit-scrollbar{display:none}
.chai .car-track.dragging{cursor:grabbing}
.chai .car-slot{flex:0 0 var(--cw);position:relative;display:flex}
.chai .car .tcard{width:100%;min-height:300px;transform-origin:center center;will-change:transform,opacity}
.chai .car .tcard.ctr{box-shadow:0 26px 56px -18px rgba(0,0,0,.45)}
.t-b .car .tcard.ctr,.t-c .car .tcard.ctr{box-shadow:0 26px 56px -20px rgba(15,27,45,.32)}
.t-c .car .tcard{border:1px solid var(--line)!important}
.t-c .car .tcard.on{border-color:var(--brand)!important}
.chai .car-nav{display:flex;align-items:center;justify-content:center;gap:14px}
.chai .car-arrow{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer}
.chai .car-arrow:disabled{opacity:.3;cursor:default}
.chai .car-dots{display:flex;gap:2px}
.chai .car-dots button{width:28px;height:44px;border:0;background:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer}
.chai .car-dots button i{display:block;width:8px;height:8px;border-radius:999px;background:var(--line);transition:width .2s,background .2s}
.chai .car-dots button.on i{width:22px;background:var(--hi)}
.t-a .car-dots button.on i{background:var(--accent)}
@media (prefers-reduced-motion:reduce){.chai .car-track{scroll-behavior:auto}}

/* ---------- Donate pages ---------- */
.chai .freq{display:inline-flex;padding:4px;border-radius:999px;gap:4px;background:color-mix(in srgb,var(--ink) 8%,transparent);margin-bottom:20px}
.chai .freq button{min-height:44px;padding:0 22px;border-radius:999px;border:0;background:none;font-weight:600;font-size:15px;cursor:pointer;color:var(--ink)}
.chai .freq button.on{background:var(--hi);color:var(--on-hi)}
.t-a .freq button.on{background:var(--accent);color:var(--on-accent)}
.t-c .freq{border-radius:4px}.t-c .freq button{border-radius:3px}
.chai .amts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.chai .amtb{min-height:96px;border:1.5px solid var(--line);border-radius:max(4px,calc(var(--rad) - 4px));background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;padding:12px;text-align:center;transition:border-color .15s,background .15s,transform .15s}
.t-a .amtb{background:var(--surf)}
.chai .amtb:hover{transform:translateY(-2px)}
.chai .amtb b{font-family:var(--fd);font-weight:var(--fdw);font-size:34px;line-height:1}
.t-b .amtb b{font-weight:700;letter-spacing:-.03em}
.chai .amtb span{font-size:14px;color:var(--mut)}
.chai .amtb.on{border-color:var(--hi);background:color-mix(in srgb,var(--hi) 10%,transparent)}
.t-a .amtb.on{border-color:var(--accent);background:var(--surf2)}
.t-c .amtb.on{background:var(--brand);color:var(--on-brand)}
.t-c .amtb.on span{color:color-mix(in srgb,var(--on-brand) 78%,var(--brand))}
.chai .gives{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:16px}
.chai .give-i{padding:28px;border-radius:var(--rad);display:flex;flex-direction:column;gap:10px;background:color-mix(in srgb,var(--ink) 5%,transparent)}
.t-c .give-i{background:transparent;border-top:1.5px solid var(--brand);border-radius:0;padding:22px 4px}
.chai .give-i b{font-family:var(--fd);font-weight:var(--fdw);font-size:40px;line-height:1;color:var(--lnk)}
.t-b .give-i b{font-weight:700;letter-spacing:-.03em}
.t-c .give-i b{color:var(--brand)}
.chai .give-i p{margin:0;color:var(--mut);font-size:16px}
.t-b .meter .gl{display:flex;flex-direction:column;gap:14px;border-top:1px solid #25324A;padding-top:18px}
.t-b .meter .gl div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;font-size:15px;color:#C5CFE0;align-items:baseline}
.t-b .meter .gl b{color:#fff;font:700 22px var(--fd);letter-spacing:-.02em}
.chai .ded{display:flex;flex-direction:column;gap:10px}
.chai .fld select{min-height:50px;border:1px solid var(--f-line);border-radius:var(--f-rad);padding:0 12px;font:400 16px var(--fb);color:var(--f-ink);background:#fff}

/* ---------- Closing band ---------- */
.chai .closing{margin-top:112px;padding:72px 40px;border-radius:calc(var(--rad) + 8px);text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}
.chai .closing h2{font-family:var(--fd);font-weight:var(--fdw);font-size:46px;line-height:1.08;margin:0;max-width:760px}
.t-a .closing{background:var(--surf);border:1px solid var(--accent)}
.t-b .closing{background:var(--brand);color:var(--on-brand)}
.t-b .closing h2{font-weight:700;letter-spacing:-.03em}
.t-b .closing .btn{background:#fff;color:var(--brand)}
.t-c .closing{background:var(--brand);color:var(--on-brand);border-radius:2px}
.t-c .closing .btn{background:var(--accent);color:var(--on-accent)}
.t-c .closing h2{font-style:italic}

@media (max-width:920px){.chai .gives{grid-template-columns:1fr}.chai .closing{margin-top:80px}}
@media (max-width:600px){
 .chai .car{--cw:min(280px,76vw);margin:0 -24px}
 .t-b .car{margin:0 -18px}
 .chai .amts{grid-template-columns:repeat(2,minmax(0,1fr))}
 .chai .closing{padding:48px 22px}
 .chai .closing h2{font-size:34px}
 .chai .freq{display:flex}.chai .freq button{flex:1}
}

/* ---------- The selected card's own button ---------- */
.chai .tcard .tbtn{transition:background .15s,color .15s}
.t-b .tcard .tbtn{min-height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--soft);color:var(--ink)}
.t-b .tcard.on .tbtn{background:var(--brand);color:var(--on-brand)}
.t-c .tcard .tbtn{justify-content:center;width:100%}
.t-c .tcard.on .tbtn{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.t-a .tcard.on .tbtn{box-shadow:0 8px 22px -10px var(--accent)}
.chai .tcard .tn:empty{display:none}

/* ---------- Live page: the Org's donation form inside the join window (2026-11-04) ---------- */
.chai .sheet.live{max-width:560px}
.chai .live-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}
.chai .live-top .lt{display:flex;flex-direction:column;gap:6px;min-width:0}
.t-b .live-top .gift{flex:1;padding-bottom:0;border-bottom:0}
.chai .pay-frame{display:block;width:calc(100% + 8px);margin:0 -4px;height:560px;border:0;background:transparent}
.chai .side-live{display:flex;flex-direction:column;gap:18px}
.chai .side-live .btn{width:100%}

/* The Org's website (2026-11-05): the logo and name link home; the footer has a way back. */
.chai .logo-link,.chai .name-link{color:inherit;text-decoration:none;display:inline-flex;align-items:center}
.chai .logo-link:focus-visible,.chai .name-link:focus-visible,.chai .foot-back:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
.chai .foot-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid var(--line);border-radius:999px;color:inherit;text-decoration:none;font-weight:600;font-size:14px}
.chai .foot-back:hover{border-color:currentColor}
.chai .foot-back svg{width:16px;height:16px}