/* NexDemo Polish: community (Patchwork Bristol, community events calendar).
   Loaded last: after the plugin CSS, the site's Additional CSS (re-issued in @layer nexdemo) and common.css.
   Identity kept: orange #D2491F, teal #1B998B, sun #F6C445, Poppins headings, warm cream canvas, rounded shapes.

   Fixes, one line each:
   1a   Event cards: solid date "patch" tile in the logo colours, larger titles that wrap in full, teal category chip.
   1b   Archive, desktop: three cards per row instead of two half-empty ones.
   2a   Event page: cream canvas instead of pure white; cards and rules in the warm line colour.
   2b   Event page: hides "Member since 2026 - 1 event" and the Message buttons that lead to "Accounts are off".
   2c   Event page, phone: content sheet, sticky RSVP bar and tab bar in cream instead of white.
   3a   Archive header: overlay darker behind the text, readable intro line.
   3b   Archive: pagination as separate brand pills (was teal, merged into one box).
   3c   Empty search: warm white card, Poppins heading, brown body text.
   4a   Home, phone: embedded agenda capped to a scrollable 430px window (page 8,200px -> 6,300px).
   5a   Calendar: month chips wrap to two lines instead of cutting titles at nine characters.
   5b   Calendar page: weeks without events are shorter.
   5c   Calendar page: "+ Add event" (leads to "Posting is off") hidden.
   6a   Organisers: initials tiles in the four logo colours, card finish matching event cards, count chip.
   6b   Organisers: search field in brand colours.
   6c   Organisers: breathing room above the breadcrumb.
   7a   Footer: warm band, Poppins column titles, brown links.
   7b   Type: block-page paragraphs in Inter (was light Manrope), so the site uses Poppins plus Inter.
   7c   Home / 404: one left edge shared with the header, archive and footer.
   8a   404: header matches the plugin header; on phones the links are a swipeable row (was no menu).
   8b   404 / About hero: readable subtitle over the photo.
   8c   404: closing note on a ruled line.
   9a   About: body text back to a readable 720px measure.
   10a  Submit / login notice: semi-bold heading, warm card border. (Sideways overflow is fixed by common.css.)

   Notes for whoever merges this:
   - Four blocks are written inside "@layer nexdemo { }" (3a twice, 8a, 9a). They override declarations that
     the Additional CSS marks !important, and only work while the helper plugin keeps that layer name.
   - No text is added through content:. The date-tile and initials colours rotate by position (4n) and carry
     no meaning; they echo the four squares of the logo.
*/

/* ==========================================================================
   1. Event cards (home "Coming up", archive, 404 suggestions)
   ========================================================================== */
/* 1a. Cards had no image and read like database rows. Without faking images: the date becomes a solid
       "patch" tile in the logo's colours (orange, teal, sun, peach in rotation), titles are larger and wrap
       in full, the category is a teal chip, and price / going sit on a foot line at the bottom of each card. */
html body .nd-ecard.nd-ecard--minimal.nd-ecard--kind-events {
  padding: 14px; border-radius: 24px; border: 1px solid var(--pwb-line, #EFDFCB); background: #fff;
  box-shadow: 0 1px 0 rgba(43, 33, 24, .03), 0 14px 30px -22px rgba(43, 33, 24, .28);
}
html body .nd-ecard.nd-ecard--minimal.nd-ecard--kind-events .nd-ecard__body { flex: 1 1 auto; align-self: stretch; align-items: stretch; gap: 16px; padding: 0 40px 0 0; width: 100%; }
html body .nd-ecard.nd-ecard--minimal.nd-ecard--kind-events .nd-ecard__dateblock {
  flex: 0 0 84px; width: 84px; height: auto; min-height: 112px; align-self: stretch; border-radius: 18px;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
  background: var(--pwb-orange, #D2491F); color: #fff;
}
html body .nd-ecard.nd-ecard--minimal.nd-ecard--kind-events .nd-ecard__dateblock span { font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: inherit; opacity: .92; }
html body .nd-ecard.nd-ecard--minimal.nd-ecard--kind-events .nd-ecard__dateblock strong { font-family: Poppins, Inter, sans-serif; font-size: 34px; line-height: 1; font-weight: 700; color: inherit; }
html body .nd-ecard.nd-ecard--minimal.nd-ecard--kind-events:nth-child(4n+2) .nd-ecard__dateblock { background: #14796E; }
html body .nd-ecard.nd-ecard--minimal.nd-ecard--kind-events:nth-child(4n+3) .nd-ecard__dateblock { background: var(--pwb-sun, #F6C445); color: var(--pwb-ink, #2B2118); }
html body .nd-ecard.nd-ecard--minimal.nd-ecard--kind-events:nth-child(4n+4) .nd-ecard__dateblock { background: #FBE1D3; color: #9A3414; }
html body .nd-ecard.nd-ecard--minimal.nd-ecard--kind-events .nd-ecard__main { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding: 4px 0 2px; min-width: 0; flex: 1 1 auto; }
html body .nd-ecard.nd-ecard--minimal.nd-ecard--kind-events .nd-ecard__eyebrow { margin: 0; }
html body .nd-ecard.nd-ecard--minimal.nd-ecard--kind-events .nd-ecard__when { font-size: 13px; font-weight: 600; color: #B53C17; }
html body .nd-ecard.nd-ecard--minimal.nd-ecard--kind-events .nd-ecard__title {
  display: block; overflow: visible; -webkit-line-clamp: unset; white-space: normal;
  font-family: Poppins, Inter, sans-serif; font-weight: 600; font-size: 1.14rem; line-height: 1.25; letter-spacing: -.01em; color: var(--pwb-ink, #2B2118); margin: 0;
}
html body .nd-ecard.nd-ecard--minimal.nd-ecard--kind-events .nd-ecard__title a { white-space: normal; overflow: visible; text-overflow: clip; }
html body .nd-ecard.nd-ecard--minimal.nd-ecard--kind-events .nd-ecard__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 2px 0 0; color: #6A5848; }
html body .nd-ecard.nd-ecard--minimal.nd-ecard--kind-events .nd-ecard__type span { height: 24px; padding: 0 10px; background: #E2F3F0; color: #0E6158; font-weight: 600; }
html body .nd-ecard.nd-ecard--minimal.nd-ecard--kind-events .nd-ecard__foot { margin-top: auto; padding-top: 10px; }
html body .nd-ecard.nd-ecard--minimal.nd-ecard--kind-events .nd-ecard__going { color: #6A5848; }
@media (hover: hover) {
  html body .nd-ecard.nd-ecard--minimal.nd-ecard--kind-events:hover { border-color: #F3C3AE; box-shadow: 0 22px 40px -24px rgba(210, 73, 31, .38); transform: translateY(-2px); }
}
@media (max-width: 599.98px) {
  html body .nd-ecard.nd-ecard--minimal.nd-ecard--kind-events { padding: 12px; border-radius: 22px; }
  html body .nd-ecard.nd-ecard--minimal.nd-ecard--kind-events .nd-ecard__body { gap: 14px; padding-right: 42px; }
  html body .nd-ecard.nd-ecard--minimal.nd-ecard--kind-events .nd-ecard__dateblock { flex-basis: 72px; width: 72px; min-height: 104px; border-radius: 16px; }
  html body .nd-ecard.nd-ecard--minimal.nd-ecard--kind-events .nd-ecard__dateblock strong { font-size: 30px; }
  html body .nd-ecard.nd-ecard--minimal.nd-ecard--kind-events .nd-ecard__title { font-size: 1.06rem; }
}

/* 1b. Archive: two very wide cards per row left the right half of every card empty. Three per row on
       desktop (the plugin pins two columns with !important, hence the flag here). */
@media (min-width: 1100px) {
  html body #nexdirectory-archive-results .nd-results.nd-results--minimal { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 18px !important; }
}

/* ==========================================================================
   2. Event page (Clarity template)
   ========================================================================== */
/* 2a. The page was pure white under a cream header while every other page sits on the cream canvas. */
html body.single-nexdirectory_event .nds.nds--clarity { background: var(--pwb-cream, #FFF8EE); }
html body.single-nexdirectory_event .nds--clarity .nds-related { background: transparent; border-top-color: var(--pwb-line, #EFDFCB); }
html body.single-nexdirectory_event .nds--clarity .nds-register { border-color: var(--pwb-line, #EFDFCB); box-shadow: 0 18px 44px -26px rgba(43, 33, 24, .32); border-radius: 24px; }
html body.single-nexdirectory_event .nds--clarity .nds-section { border-top-color: var(--pwb-line, #EFDFCB); }
html body.single-nexdirectory_event .nds--clarity .nds-venue__card { border-color: var(--pwb-line, #EFDFCB); border-radius: 22px; overflow: hidden; }
html body.single-nexdirectory_event .nds--clarity .nds-cover { border-radius: 24px; }
html body.single-nexdirectory_event .nds--clarity .nds-prose { color: #4A3B2E; }

/* 2b. Host block: "Member since 2026 - 1 event" is filler, and "Message" (here and in the RSVP card's icon
       row) leads to the "Accounts are off" page. Hide both; the host name and "View profile" stay. */
html body.single-nexdirectory_event .nds--clarity .nds-host__meta,
html body.single-nexdirectory_event .nds--clarity .nds-host__actions a[href*="login-signup"],
html body.single-nexdirectory_event .nds--clarity .nds-register__foot a.nds-iconbtn[href*="login-signup"] { display: none; }
html body.single-nexdirectory_event .nds--clarity .nds-host__card { background: #fff; border: 1px solid var(--pwb-line, #EFDFCB); border-radius: 22px; padding: 18px 20px; }
html body.single-nexdirectory_event .nds--clarity .nds-avatar { background: var(--pwb-orange, #D2491F); color: #fff; }

/* 2c. Phone: the content sheet under the cover, the sticky RSVP bar and the bottom tab bar were white
       on the cream canvas. */
html body.single-nexdirectory_event .nds--clarity .nds-body { background: var(--pwb-cream, #FFF8EE); }
html body.single-nexdirectory_event .nds--clarity .nds-bar { background: rgba(255, 248, 238, .94); border-top-color: var(--pwb-line, #EFDFCB); }
html body .ndn-tabbar { background: rgba(255, 248, 238, .94); border-top-color: var(--pwb-line, #EFDFCB); }

/* ==========================================================================
   3. Archive ("Explore events") and empty search
   ========================================================================== */
/* 3a. Header band: the quilt pattern under an even brown wash was muddy and the white intro line was hard to
       read over the shapes. Darker on the left where the text sits, pattern clear on the right.
       (In the nexdemo layer: the overlay is !important in the Additional CSS.) */
@layer nexdemo {
  html body .nd-archive.nd-discover .nd-discover__hero .nd-discover__hero-media::after { background: linear-gradient(90deg, rgba(43, 33, 24, .88) 0%, rgba(43, 33, 24, .74) 38%, rgba(43, 33, 24, .34) 72%, rgba(43, 33, 24, .16) 100%) !important; }
}
html body .nd-archive.nd-discover .nd-discover__hero .nd-discover__lede::before { color: #fff; font-weight: 500; text-shadow: 0 1px 2px rgba(43, 33, 24, .5); }
html body .nd-archive.nd-discover .nd-discover__hero .nd-discover__title { text-shadow: 0 2px 18px rgba(43, 33, 24, .35); }
@media (max-width: 767.98px) {
  @layer nexdemo {
    html body .nd-archive.nd-discover .nd-discover__hero .nd-discover__hero-media::after { background: linear-gradient(180deg, rgba(43, 33, 24, .62) 0%, rgba(43, 33, 24, .78) 100%) !important; }
  }
}

/* 3b. Pagination: teal default link colour, and the three buttons read as one merged white box (the list
       itself is styled as a button because it shares the "page-numbers" class). Separate brand pills,
       current page in orange. */
html body .nd-discover .nexdirectory-pagination ul.page-numbers { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; padding: 0; margin: 0; background: none; border: 0; box-shadow: none; height: auto; min-width: 0; }
html body :is(#nexdirectory-app, #nexdirectory-archive-results, .nd-discover) .nexdirectory-pagination :is(a, span).page-numbers { min-width: 46px; height: 46px; padding: 0 16px; border-radius: 999px; background: #fff; border: 1px solid var(--pwb-line, #EFDFCB); color: var(--pwb-ink, #2B2118); font-weight: 600; text-decoration: none; box-shadow: none; }
html body :is(#nexdirectory-app, #nexdirectory-archive-results, .nd-discover) .nexdirectory-pagination a.page-numbers:hover { border-color: var(--pwb-orange, #D2491F); color: var(--pwb-orange, #D2491F); }
html body :is(#nexdirectory-app, #nexdirectory-archive-results, .nd-discover) .nexdirectory-pagination .page-numbers.current { background: var(--pwb-orange, #D2491F); border-color: var(--pwb-orange, #D2491F); color: #fff; }

/* 3c. Empty search: the plugin's cool white-to-grey card with slate type sat on the warm canvas.
       White card on cream, Poppins heading in warm ink, brown body text (the plugin sets these with
       !important and an id selector, hence the flags). */
html body #nexdirectory-archive-results > .nexdirectory-grid > .nexdirectory-search-recovery {
  background: radial-gradient(circle at 50% -20%, rgba(246, 196, 69, .28), transparent 52%), #fff !important;
  border: 1px solid var(--pwb-line, #EFDFCB) !important; border-radius: 28px !important;
  box-shadow: 0 18px 44px -26px rgba(43, 33, 24, .3) !important;
}
html body .nd-archive .nexdirectory-search-recovery .nexdirectory-search-recovery__title { font-family: Poppins, Inter, sans-serif; font-weight: 600 !important; letter-spacing: -.01em; color: var(--pwb-ink, #2B2118) !important; }
html body .nd-archive .nexdirectory-search-recovery .nexdirectory-search-recovery__description { color: #6A5848 !important; }
html body .nd-archive .nexdirectory-search-recovery .nexdirectory-search-recovery__heading { color: #14796E; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; font-size: 12px; }
html body .nd-archive .nexdirectory-search-recovery .nexdirectory-search-recovery__icon { background: #FBE1D3; border-color: #F3C3AE; color: var(--pwb-orange, #D2491F); }
html body .nd-archive .nexdirectory-search-recovery .nexdirectory-search-recovery__button { border-radius: 999px; font-weight: 600; }
html body .nd-archive .nexdirectory-search-recovery::before,
html body .nd-archive .nexdirectory-search-recovery::after { border-color: rgba(27, 153, 139, .25); }
html body .nd-archive .nd-results__past .nd-linkbtn { color: var(--pwb-orange, #D2491F); font-weight: 600; }

/* ==========================================================================
   4. Home
   ========================================================================== */
/* 4a. Phone: the embedded calendar switches to an agenda and listed all 14 events again right after the six
       cards (a third of an 8,158px page). Cap it to a scrollable window with a fade; everything is still there. */
@media (max-width: 767.98px) {
  html body.home .pwb-cal .nd-cal2__agenda {
    max-height: 430px; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: auto;
    -webkit-mask-image: linear-gradient(180deg, #000 calc(100% - 56px), transparent);
            mask-image: linear-gradient(180deg, #000 calc(100% - 56px), transparent);
    padding-bottom: 40px;
  }
  /* day headings stick to the page's header offset; inside the capped window they stay in the list */
  html body.home .pwb-cal .nd-cal2__agenda .nd-cal2__aday-head { position: sticky; top: 0; }
}

/* ==========================================================================
   5. Calendar (page and home embed)
   ========================================================================== */
/* 5a. Month grid chips cut titles to about nine characters ("Repair Ca..."). Let each chip run to two lines:
       time first, then the title. */
html body .nd-cal2 .nd-cal__pill { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: auto; line-height: 1.3; padding: 5px 8px 0; border-bottom: 5px solid transparent; border-radius: 8px; }
html body .nd-cal2 .nd-cal__pill .nd-cal__pill-time { display: inline; margin-right: 4px; font-weight: 700; }
html body .nd-cal2 .nd-cal__pill .nd-cal__pill-title { display: inline; white-space: normal; overflow: visible; text-overflow: clip; }
/* 5c. Calendar page: the orange "+ Add event" button leads to "Posting is off on this demo". A dead end on a
       read-only demo, so it is hidden here as it already is in the home embed; Subscribe stays. */
html body .nd-cal2 .nd-cal2__headactions a[href*="/submit/"] { display: none; }
/* 5b. Calendar page: weeks with no events were as tall as busy ones, so half the grid was blank past days.
       Quiet days shrink (same rule the home embed already uses); busy weeks keep their height. */
@media (min-width: 768px) {
  html body .nd-cal2 .nd-cal__cell:not(.has-events) { min-height: 72px; }
}

/* ==========================================================================
   6. Organisers ("Hosts") page and the home "Who's organising" strip
   ========================================================================== */
/* 6a. 22 identical pale initials tiles. The tiles take the logo's four patch colours in rotation, cards get
       the same radius and shadow as event cards, the event count becomes a small chip. */
html body .nd-hosts .nd-host { border-radius: 22px; border-color: var(--pwb-line, #EFDFCB); box-shadow: 0 14px 30px -24px rgba(43, 33, 24, .28); }
html body .nd-hosts .nd-host .nd-host__avatar { width: 60px; height: 60px; border-radius: 18px; font-family: Poppins, Inter, sans-serif; font-weight: 700; font-size: 17px; letter-spacing: .02em; background: var(--pwb-orange, #D2491F); color: #fff; }
html body .nd-hosts .nd-host:nth-child(4n+2) .nd-host__avatar { background: #14796E; }
html body .nd-hosts .nd-host:nth-child(4n+3) .nd-host__avatar { background: var(--pwb-sun, #F6C445); color: var(--pwb-ink, #2B2118); }
html body .nd-hosts .nd-host:nth-child(4n+4) .nd-host__avatar { background: #FBE1D3; color: #9A3414; }
html body .nd-hosts .nd-host .nd-host__line { color: #14796E; font-weight: 600; }
html body .nd-hosts .nd-host .nd-host__bio { color: #6A5848; }
html body .nd-hosts .nd-host .nd-host__count { align-self: flex-start; justify-self: start; width: fit-content; margin-top: 6px; padding: 2px 10px; border-radius: 999px; background: #FFF0E3; color: #9A3414; font-size: 12px; font-weight: 600; }
/* 6b. Search field was a cool blue-grey default. */
html body .nd-hosts__head .nd-hosts__search .nd-input { background: #fff; border-color: var(--pwb-line, #EFDFCB); border-radius: 999px; color: var(--pwb-ink, #2B2118); }
html body .nd-hosts__head .nd-hosts__search .nd-input:focus { border-color: var(--pwb-orange, #D2491F); box-shadow: 0 0 0 3px rgba(210, 73, 31, .15); outline: 0; }
html body .nd-hosts__head .nd-hosts__lede { color: #6A5848; }
/* 6c. Breadcrumb sat flush under the header (the plugin's theme reset zeroes the padding of its own <main>);
       same top spacing as the calendar page. */
html body .nd-hosts-page { padding-top: clamp(20px, 3.4vw, 48px); }

/* ==========================================================================
   7. Footer, type, page edges
   ========================================================================== */
/* 7a. Footer was a white block in Inter grey on a cream site. Warm band, Poppins column titles, brown links
       (the plugin sets footer colours with !important). */
html body .ndn-footer { background: #FFF1E0 !important; border-top: 1px solid var(--pwb-line, #EFDFCB) !important; }
html body .ndn-footer .ndn-footer__title { font-family: Poppins, Inter, sans-serif; font-weight: 600; font-size: 15px; color: var(--pwb-ink, #2B2118) !important; }
html body .ndn-footer .ndn-footer__link { color: #5B4A3C !important; }
html body .ndn-footer .ndn-footer__link:hover { color: var(--pwb-orange, #D2491F) !important; }
html body .ndn-footer .ndn-footer__tagline, html body .ndn-footer .ndn-footer__copy { color: #6A5848; }
html body .ndn-footer .ndn-footer__bottom { border-top-color: #EBD6BC; }
html body .ndn-footer .ndn-footer__top-btn { background: #fff; border-color: var(--pwb-line, #EFDFCB); color: var(--pwb-ink, #2B2118); }

/* 7b. Three typefaces on one page (Poppins headings, light Manrope paragraphs on the block pages, Inter in
       the plugin's cards and footer). Block-page paragraphs use Inter too, so it is Poppins plus Inter. */
html body.nexdirectory-plugin-page { font-family: Inter, system-ui, sans-serif; }
html body.nexdirectory-plugin-page :is(.pwb-lede, .pwb-hero-lede, .pwb-prose p, .pwb-steps p, .pwb-hero-pop) { font-family: Inter, system-ui, sans-serif; font-weight: 400; }

/* 7c. Home and 404 had three left edges (hero 120px, header 144px, section text 170px). One edge: the
       block sections use the same gutter as the plugin header, archive and footer. */
html body #nexdirectory-app-template-shell > .alignwide,
html body .pwb-404-main > .alignwide,
html body .pwb-404-main > .pwb-section { max-width: calc(100% - 2 * max(16px, 4%)); }
html body #nexdirectory-app-template-shell > .pwb-section.has-global-padding,
html body .pwb-404-main > .pwb-section.has-global-padding { padding-left: 0; padding-right: 0; }
@media (min-width: 1024px) {
  html body #nexdirectory-app-template-shell > .alignwide,
  html body .pwb-404-main > .alignwide,
  html body .pwb-404-main > .pwb-section { max-width: calc(100% - 2 * max(24px, 10%)); }
}

/* ==========================================================================
   8. 404 (theme template) and the small photo hero it shares with About
   ========================================================================== */
/* 8a. The 404 header was a different header: links pushed to the far right, no band, and on phones no
       menu at all (the links were simply hidden). Same band, gutters and link placement as the plugin header;
       on phones the links become one swipeable row under the logo. (display is !important in the Additional
       CSS, so the phone rule sits in the nexdemo layer.) */
html body .pwb-404-main > .pwb-404-head {
  box-sizing: border-box; width: 100%; max-width: none; min-height: 72px; padding: 0 max(16px, 4%);
  background: #FFFDF8; justify-content: flex-start; gap: 8px 20px;
}
html body .pwb-404-main > .pwb-404-head .pwb-404-nav { gap: 2px; }
html body .pwb-404-main > .pwb-404-head .pwb-navlink .wp-block-button__link { font-size: 15px; font-weight: 500; padding: 9px 12px; color: var(--pwb-ink, #2B2118); }
html body .pwb-404-main > .pwb-404-head .pwb-navlink .wp-block-button__link:hover { background: #FFF0E3; }
@media (min-width: 1024px) { html body .pwb-404-main > .pwb-404-head { padding: 0 max(24px, 10%); } }
@media (max-width: 600px) {
  @layer nexdemo { html body .pwb-404-main .pwb-404-head .pwb-404-nav { display: flex !important; } }
  html body .pwb-404-main > .pwb-404-head { padding-top: 12px; padding-bottom: 10px; }
  html body .pwb-404-main > .pwb-404-head .pwb-404-nav { flex: 1 0 100%; flex-wrap: nowrap; overflow-x: auto; margin: 0 -16px; padding: 0 16px; gap: 6px; scrollbar-width: none; }
  html body .pwb-404-main > .pwb-404-head .pwb-404-nav::-webkit-scrollbar { display: none; }
  html body .pwb-404-main > .pwb-404-head .pwb-navlink { flex: 0 0 auto; }
  html body .pwb-404-main > .pwb-404-head .pwb-navlink .wp-block-button__link { background: #fff; border: 1px solid var(--pwb-line, #EFDFCB); padding: 8px 14px; white-space: nowrap; }
}
/* 8b. Thin white text over the terraces photo (404 and About hero) was hard to read. */
html body .pwb-hero.pwb-hero--small:not(.pwb-hero--light) .pwb-hero-lede { font-weight: 500; text-shadow: 0 1px 2px rgba(43, 33, 24, .6), 0 0 24px rgba(43, 33, 24, .55); }
html body .pwb-hero.pwb-hero--small:not(.pwb-hero--light) .pwb-kicker { text-shadow: 0 1px 2px rgba(43, 33, 24, .6); }
/* 8c. The 404 has no footer; the closing note at least ends the page on a ruled line like the footer's. */
html body .pwb-404-main .pwb-404-note { margin-top: 48px; padding-top: 22px; border-top: 1px solid var(--pwb-line, #EFDFCB); font-weight: 400; color: #6A5848; }

/* ==========================================================================
   9. About
   ========================================================================== */
/* 9a. Body paragraphs ran the full 1,150px column (about 150 characters a line): the intended 760px
       measure is cancelled by an !important "max-width:none" in the Additional CSS, so it is restored in the layer. */
@layer nexdemo {
  html body .pwb-section.pwb-prose.is-layout-constrained > p { max-width: 720px !important; }
}
html body .pwb-section.pwb-prose > p { font-weight: 400; }

/* ==========================================================================
   10. Read-only notice (submit, login)
   ========================================================================== */
/* 10a. Heading was regular-weight Poppins while every other heading on the site is semi-bold. */
html body .nexdemo-ro .nexdemo-ro__h { font-weight: 600; letter-spacing: -.01em; color: var(--pwb-ink, #2B2118); }
html body .nexdemo-ro .nexdemo-ro__card { border-color: var(--pwb-line, #EFDFCB); box-shadow: 0 18px 44px -28px rgba(43, 33, 24, .3); }