/* Hallmark · genre: editorial · theme: brand (the Adventist preset) · job: visit · redesign: full · one part of the church page; the page stamp is in assets/site.css */
/* Network help page: each group is a head beside ruled rows (the same rows as the home offers). Humanitarian rows carry a small square photo. Tokens only. */
.cxb-net-help-page .cxb-in{display:grid;gap:calc(var(--cx-unit) * 10)}
.cxb-help-group{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:0 calc(var(--cx-unit) * 5);align-items:start}
.cxb-help-title{font-size:var(--cx-fs-2xl);line-height:1.05;letter-spacing:var(--cx-tracking);min-width:0;overflow-wrap:break-word;text-wrap:balance;padding-top:calc(var(--cx-unit) * 3);border-top:var(--cx-border-w) solid var(--cx-on-bg)}
.cxb-help-list{list-style:none;display:grid;gap:0;border-top:var(--cx-border-w) solid var(--cx-on-bg)}
.cxb-help-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:calc(var(--cx-unit) * 3);align-items:start;padding:calc(var(--cx-unit) * 3) 0;border-bottom:var(--cx-border-w) solid var(--cx-border-strong)}
.cxb-help-hum.has-photo{grid-template-columns:calc(var(--cx-unit) * 14) minmax(0,1fr) auto}
.cxb-help-photo{display:block;overflow:hidden;background:var(--cx-surface)}
.cxb-help-photo img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.cxb-help-rules{color:var(--cx-on-bg);font-size:var(--cx-fs-base);line-height:1.55;white-space:pre-line;max-width:60ch;overflow-wrap:break-word}
.cxb-help-contact{color:var(--cx-on-bg-muted);font-size:var(--cx-fs-base);overflow-wrap:anywhere}
.cxb-help-contact a{color:var(--cx-on-bg);text-decoration:underline;text-decoration-color:var(--cx-accent);text-decoration-thickness:2px;text-underline-offset:.2em}
.cxb-help-acts{display:grid;justify-items:end;gap:0}
@media (max-width:900px){
  .cxb-help-group{grid-template-columns:minmax(0,1fr);gap:calc(var(--cx-unit) * 2)}
  .cxb-help-title{font-size:var(--cx-fs-xl)}
  .cxb-help-item,.cxb-help-hum.has-photo{grid-template-columns:minmax(0,1fr);gap:var(--cx-unit)}
  .cxb-help-hum.has-photo .cxb-help-photo{width:calc(var(--cx-unit) * 14)}
  .cxb-help-acts{justify-items:start}
}
/* The row parts are the home offers' rows; this block loads on its own, so it spends the same rules. */
.cxb-help-item .cxb-offer-text{display:grid;gap:calc(var(--cx-unit) * .5);min-width:0}
.cxb-help-item .cxb-offer-title{font-size:var(--cx-fs-lg);font-family:var(--cx-font-display);font-weight:var(--cx-weight-display);line-height:1.12;letter-spacing:var(--cx-tracking);overflow-wrap:break-word;text-wrap:balance}
.cxb-help-item .cxb-offer-for{color:var(--cx-on-bg-muted);font-size:var(--cx-fs-md);max-width:60ch;overflow-wrap:break-word}
.cxb-help-item .cxb-offer-act{display:inline-flex;align-items:center;justify-content:flex-end;gap:calc(var(--cx-unit) * .75);min-height:44px;color:var(--cx-on-bg);font-size:var(--cx-fs-md);text-align:right;text-decoration:underline;text-decoration-color:var(--cx-accent);text-decoration-thickness:2px;text-underline-offset:.25em;transition:gap var(--cx-dur) var(--cx-ease)}
.cxb-help-item .cxb-offer-act:hover{gap:calc(var(--cx-unit) * 1.25);color:var(--cx-on-bg);text-decoration-color:var(--cx-on-bg)}
.cxb-help-item .cxb-offer-act:active{color:var(--cx-accent-on-bg)}
@media (max-width:900px){.cxb-help-item .cxb-offer-act{justify-content:flex-start;text-align:left}}
@media (prefers-reduced-motion:reduce){.cxb-help-item .cxb-offer-act{transition:none}}