/* St Margaret's seven-page interactive design, adapted from the approved prototype.
   Uses the existing church crest, ACSA/diocesan marks, site navigation and public pages. */
.ix-section{padding:62px 0;background:#fffefa;border-top:1px solid #e8e2d8}
.ix-section.ix-alt{background:#f7f3eb}
.ix-kicker{display:block;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#96713a;margin-bottom:9px}
.ix-title{font:500 clamp(1.7rem,3vw,2.8rem)/1.17 Georgia,"Times New Roman",serif;letter-spacing:-.025em;color:#132941;margin:0 0 12px}
.ix-intro{max-width:770px;color:#526374;font-size:.97rem;margin:0 0 24px}
.ix-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
.ix-grid.ix-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.ix-card{background:white;border:1px solid #e1ddd4;border-radius:12px;padding:25px;box-shadow:0 9px 25px #1128430c;min-width:0}
.ix-card h3{font:500 1.42rem Georgia,serif;color:#152e4a;margin:0 0 12px}
.ix-card p{font-size:.89rem;color:#546575;line-height:1.65}
.ix-card.ix-pale{background:#f9f5ec}
.ix-card.ix-shade{background:#edf2ee}
.ix-card.ix-navy{background:#152e4a;color:#fff}
.ix-card.ix-navy h3,.ix-card.ix-navy p{color:#fff}
.ix-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 17px;border:1px solid #132941;border-radius:7px;background:#132941;color:#fff;text-decoration:none;font:700 .86rem/1.35 system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer;transition:transform .16s,background .16s}
.ix-button:hover{background:#274868;transform:translateY(-1px)}
.ix-button.ix-light{background:#fff;color:#142d49;border-color:#b6c0c8}
.ix-button.ix-light:hover{background:#f5f2ec}
.ix-button.ix-gold{background:#cba767;color:#122b47;border-color:#cba767}
.ix-button.ix-whatsapp{background:#16834b;border-color:#16834b;color:white}
.ix-button.ix-whatsapp:hover{background:#126c40}
.ix-button:focus-visible,.ix-choice:focus-visible,.ix-pill:focus-visible,.ix-field:focus-visible{outline:3px solid #d0ac6b;outline-offset:3px}
.ix-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.ix-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ix-choice{border:1px solid #d7d7d2;border-radius:9px;background:#fff;padding:16px;text-align:left;cursor:pointer;color:#203144;font:inherit;min-height:74px}
.ix-choice strong{display:block;font-size:.94rem}
.ix-choice span{font-size:.79rem;color:#657582}
.ix-choice[aria-pressed=true]{border-color:#96713a;box-shadow:inset 0 0 0 2px #cba767;background:#fffcf4}
.ix-outcome{background:#edf2ee;border-left:4px solid #6b977d;padding:18px;border-radius:4px;color:#20364b;margin-top:14px;font-size:.91rem}
.ix-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0}
.ix-pill{border:1px solid #cbd4d8;border-radius:24px;padding:10px 14px;background:white;color:#142e49;cursor:pointer;font:650 .82rem system-ui,sans-serif}
.ix-pill[aria-pressed=true]{background:#152e4a;color:#fff;border-color:#152e4a}
.ix-input{display:block;width:100%;padding:12px;border-radius:7px;border:1px solid #bfc8cc;color:#132941;font:inherit;background:white;margin:6px 0 14px;max-width:360px}
.ix-label{font-size:.86rem;font-weight:700;color:#233a52}
.ix-number{font:600 clamp(1.6rem,3vw,2.2rem) Georgia,serif;color:#132941}
.ix-result{padding:17px;background:#f2f5f3;border-radius:8px;margin:12px 0}
.ix-hint{font-size:.77rem;color:#697685;line-height:1.55}
.ix-steps{display:grid;gap:13px}
.ix-step{display:flex;align-items:flex-start;gap:12px;font-size:.9rem;color:#3e5062}
.ix-step strong{display:block;color:#19334d}
.ix-step-num{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#152e4a;color:white;font-size:.78rem}
.ix-faq details{border-bottom:1px solid #dadbd5;padding:15px 3px}
.ix-faq summary{color:#152e4a;cursor:pointer;font-weight:700}
.ix-faq p{font-size:.89rem;color:#536474}
.ix-filter-card[hidden]{display:none!important}
.ix-help{font-size:.78rem;color:#5b6979}
.ix-check{display:flex;align-items:flex-start;gap:9px;padding:9px 0;font-size:.88rem;cursor:pointer}
.ix-check input{margin-top:4px;accent-color:#27744f}
.ix-preview{white-space:pre-wrap;overflow-wrap:anywhere;background:#eaf5ee;border:1px solid #d5e7da;padding:18px;border-radius:11px;font-size:.88rem;color:#1e4835;min-height:84px}
.ix-qr{display:block;width:165px;height:165px;max-width:100%;background:white;padding:6px;border:1px solid #dad8d2;border-radius:10px}
.ix-inline{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.ix-metric{padding:18px;border:1px solid #d8e0dd;border-radius:10px;background:#f0f4f1}
.ix-metric strong{font-size:1.6rem;color:#18334d;display:block}
.ix-metric small{font-size:.78rem;color:#60717e}
.ix-filter-card h3{margin-bottom:8px}
.ix-footer-cta{margin-top:16px}
@media(max-width:860px){.ix-grid.ix-three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.ix-section{padding:41px 0}.ix-grid,.ix-grid.ix-three,.ix-choices{grid-template-columns:1fr}.ix-card{padding:19px}.ix-buttons{flex-direction:column;align-items:stretch}.ix-button{width:100%}.ix-inline{gap:15px}.ix-tabs{gap:6px}.ix-pill{padding:9px 12px}}
@media(prefers-reduced-motion:reduce){.ix-button{transition:none!important}}

/* Use the concept's deep-navy masthead while preserving official church and ACSA emblems. */
.navwrap{background:#0a1c31;box-shadow:0 8px 20px #09152225}
.navwrap .brand{color:#f8eddc!important}
.navwrap .brand small{color:#dfc692}
.navwrap .header-acsa{color:#f8eddc;border-left-color:#cbb58d68}
.navwrap .header-acsa strong,.navwrap .header-acsa small{color:#f8eddc!important}
.navwrap .links a,.navwrap .links a.give{color:#e1e8ee!important}
.navwrap .links a:hover,.navwrap .links a[aria-current="page"]{color:#edcb90!important}
.navwrap .menu{background:#102840;color:#f7e5c7;border:1px solid #bba172}
.navwrap .mobile-panel{background:#0f2742;box-shadow:0 10px 22px #07162c38}
.navwrap .mobile-panel a{color:#e8eff2;border-color:#314661}
.navwrap .mobile-panel a:hover,.navwrap .mobile-panel a[aria-current="page"]{color:#f0ce96}
.navwrap a:focus-visible,.navwrap button:focus-visible{outline:3px solid #d5ac65;outline-offset:3px}

/* Subtle, separate channel-follow action within the Contact card. */
.ix-channel-link{margin-top:20px;padding-top:18px;border-top:1px solid #e1ddd4}
.ix-channel-link strong{font-size:.95rem;color:#152e4a}
.ix-channel-link .ix-help{margin:7px 0 13px}