/* 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 identity: the seventh day. The numeral is the figure, its caption says why; seven square cells name the week. Tokens only. */
.cxb-net-kicker{display:block;font-size:var(--cx-fs-md);line-height:1.35;color:var(--cx-on-bg);font-weight:var(--cx-weight-body)}
.cxb-net-standfirst{margin-top:calc(var(--cx-unit) * 2);font-size:var(--cx-fs-md);color:var(--cx-on-bg-muted);max-width:40ch}
.cxb-net-lead{font-size:var(--cx-fs-lg);line-height:1.45;color:var(--cx-on-bg);max-width:38em;margin-top:calc(var(--cx-unit) * 2)}
.cxb-net-id-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:calc(var(--cx-unit) * 6);align-items:start;padding-top:calc(var(--cx-unit) * 4);border-top:var(--cx-border-w) solid var(--cx-on-bg)}
.cxb-net-seven{display:grid;gap:calc(var(--cx-unit) * 2);margin:0;align-content:start}
.cxb-net-seven-num{font-family:var(--cx-font-display);font-weight:var(--cx-weight-display);font-size:clamp(9rem,22vw,19rem);line-height:.78;color:var(--cx-accent-on-bg);letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.cxb-net-seven figcaption{display:grid;gap:calc(var(--cx-unit) * .5);max-width:22ch;padding-top:calc(var(--cx-unit) * 1.5);border-top:var(--cx-border-w) solid var(--cx-border-strong)}
.cxb-net-verse{font-size:var(--cx-fs-sm);color:var(--cx-on-bg-muted);transition:opacity var(--cx-dur) var(--cx-ease)}
.cxb-net-id:not([data-day="7"]) .cxb-net-verse{opacity:0}
.cxb-net-id-text .cxb-h2{max-width:14ch;text-wrap:balance}
.cxb-net-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin:calc(var(--cx-unit) * 4) 0 0;border:var(--cx-border-w) solid var(--cx-on-bg)}
.cxb-net-day{appearance:none;min-width:0;min-height:52px;display:flex;align-items:baseline;justify-content:center;gap:calc(var(--cx-unit) * .5);padding:0 calc(var(--cx-unit) * .5);background:var(--cx-bg);color:var(--cx-on-bg-muted);border:0;border-radius:0;border-left:var(--cx-border-w) solid var(--cx-on-bg);font:inherit;font-size:var(--cx-fs-sm);line-height:52px;cursor:pointer;transition:background-color var(--cx-dur) var(--cx-ease),color var(--cx-dur) var(--cx-ease)}
.cxb-net-day:first-child{border-left:0}
.cxb-net-day b{font-family:var(--cx-font-display);font-weight:var(--cx-weight-display);font-size:var(--cx-fs-md);color:var(--cx-on-bg);font-variant-numeric:tabular-nums}
.cxb-net-day:hover{background:var(--cx-surface);color:var(--cx-on-surface)}
.cxb-net-day:active{background:var(--cx-surface-2)}
.cxb-net-day[aria-pressed="true"]{background:var(--cx-accent);color:var(--cx-on-accent)}
.cxb-net-day[aria-pressed="true"] b{color:var(--cx-on-accent)}
.cxb-net-day:focus-visible{outline:2px solid var(--cx-accent);outline-offset:3px;position:relative;z-index:1;transition:none}
.cxb-net-say{margin-top:calc(var(--cx-unit) * 2.5);font-size:var(--cx-fs-md);line-height:1.55;min-height:4.7em;max-width:52ch;color:var(--cx-on-bg)}
.cxb-net-hope{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:calc(var(--cx-unit) * 6);align-items:start;margin-bottom:calc(var(--cx-unit) * 10)}
.cxb-net-hope-card{display:grid;gap:var(--cx-unit);padding-top:calc(var(--cx-unit) * 2);border-top:var(--cx-border-w) solid var(--cx-on-bg)}
.cxb-net-hope-card h3{font-family:var(--cx-font-body);font-weight:var(--cx-weight-body);font-size:var(--cx-fs-lg);line-height:1.3;letter-spacing:0}
.cxb-net-hope-card p{color:var(--cx-on-bg-muted);font-size:var(--cx-fs-md);line-height:1.55}
@media (max-width:900px){
  .cxb-net-id-grid,.cxb-net-hope{grid-template-columns:minmax(0,1fr);gap:calc(var(--cx-unit) * 3)}
  .cxb-net-seven{grid-template-columns:auto minmax(0,1fr);align-items:end}
  .cxb-net-seven-num{font-size:clamp(7rem,34vw,11rem)}
  .cxb-net-seven figcaption{border-top:0;padding-top:0}
}
@media (max-width:560px){
  .cxb-net-day{flex-direction:column;align-items:center;justify-content:center;gap:0;line-height:1.2;font-size:var(--cx-fs-sm);min-height:60px}
}
@media (prefers-reduced-motion:reduce){.cxb-net-day,.cxb-net-verse{transition:none}}

/* A long day name (the seventh) gives way to its abbreviation where the tile is narrow. */
.cxb-net-day .cxb-net-day-abbr { display: none; }
@media (max-width: 560px) {
  .cxb-net-day .cxb-net-day-full { display: none; }
  .cxb-net-day .cxb-net-day-abbr { display: block; }
}