/* The Next Right Thing in the Gravitas site system (site-system.css).
   Landing page (full treatment), the journal archive, the feedback page,
   and every journal entry and reflection (type layer and panels). */
body.gx-next-right-thing { --ink: var(--gx-ink); --body: var(--gx-ink); --muted: var(--gx-slate); --faint: var(--gx-slate); --gold-deep: var(--gx-gold-deep); --espresso: var(--gx-ink); --ink-2: var(--gx-slate); --slate-deep: var(--gx-slate); --rule: var(--gx-border); background: var(--gx-ground); }
body.gx-next-right-thing .eyebrow::after { display: none; }
body.gx-next-right-thing .eyebrow { display: block; }

/* the program's own navigation bar keeps its place; its words become small Montserrat capitals */
body.gx-next-right-thing .tbnav, body.gx-next-right-thing .nav-mobile-panel { font-family: var(--gx-sans); background: var(--gx-ground); }
body.gx-next-right-thing .tbnav .brandchip .wm { font: 700 .9375rem/1.2 var(--gx-sans); letter-spacing: -.01em; }
body.gx-next-right-thing .tbnav .nav-link { font: 600 .8125rem/1.4 var(--gx-sans); letter-spacing: .08em; text-transform: uppercase; }
body.gx-next-right-thing .tbnav .donate, body.gx-next-right-thing .nav-mobile-panel .donate { font: 600 .8125rem/1.4 var(--gx-sans); letter-spacing: .06em; padding: 12px 18px; border-color: var(--gx-border); box-shadow: var(--gx-raise-sm); }
body.gx-next-right-thing .tbnav .donate:active { box-shadow: var(--gx-inset); }

/* the program footer: a raised navy panel on the shared frame */
body.gx-next-right-thing footer.foot { box-sizing: border-box; width: var(--gx-frame); margin: 56px auto 28px; padding-top: 56px; border-radius: var(--gx-r); background: var(--gx-ink); box-shadow: var(--gx-raise); color: #d9dde0; }
body.gx-next-right-thing .foot .shell { max-width: none; padding-inline: clamp(24px, 4vw, 56px); border-bottom-color: rgba(255, 255, 255, .12); }
body.gx-next-right-thing .foot-brand .t { font: 500 1.75rem/1.1 var(--gx-serif); color: #f6f1e6; }
body.gx-next-right-thing .foot-brand .t b { color: #d2b575; }
body.gx-next-right-thing .foot-desc { font: 400 1.0625rem/1.65 var(--gx-text); color: #cfd5d8; max-width: 40ch; }
body.gx-next-right-thing .foot-contact a { font: 600 .75rem/1.6 var(--gx-sans); letter-spacing: .08em; text-transform: uppercase; color: #e5cf9d; }
body.gx-next-right-thing .foot-col h5 { font: 700 .75rem/1.5 var(--gx-sans); letter-spacing: .14em; color: #d2b575; }
body.gx-next-right-thing .foot-col :is(a, span) { font: 400 1.0625rem/1.4 var(--gx-text); color: #e3e6e6; }
body.gx-next-right-thing .foot-bottom { max-width: none; padding-inline: clamp(24px, 4vw, 56px); font: 600 .6875rem/1.6 var(--gx-sans); letter-spacing: .1em; color: #a9b4bb; }

/* =====================================================================
   Landing page
   ===================================================================== */
/* hero card: the logo, the quote and the walking figure stay; the card closes with the sub-nav */
body.gx-nrt-home .hero-stage.gx-hero { height: auto; min-height: 0; padding: 0 !important; border-bottom: 0; background: var(--gx-ground); }
body.gx-nrt-home .hero-stage .hero-inner { height: calc(100svh - 290px); min-height: 470px; max-height: 760px; }
body.gx-nrt-home .hero-stage .gx-subnav { margin: 0; }
body.gx-nrt-home .hero-scroll { bottom: 12px; }

body.gx-nrt-home .tbnav { margin-top: 18px; }
body.gx-nrt-home .sec { padding: clamp(28px, 3.5vw, 44px) 0; }
body.gx-nrt-home .sec > .shell { box-sizing: border-box; width: var(--gx-frame); max-width: none; padding-inline: 0; }
body.gx-nrt-home .sec-head { max-width: 860px; margin-bottom: 34px; }
body.gx-nrt-home .sec-head h2 { margin-top: 0; }

/* reflecting on Bob, and the writer: raised panels */
body.gx-nrt-home :is(#about, #writer) > .shell { padding: clamp(32px, 4.5vw, 64px); border-radius: var(--gx-r); background: var(--gx-ground); box-shadow: var(--gx-raise); }
body.gx-nrt-home .explain-flow { max-width: none; font-size: var(--gx-body); line-height: 1.55; font-weight: 400; color: var(--gx-ink); }
body.gx-nrt-home .explain-flow p { margin-bottom: 18px; max-width: 58ch; }
body.gx-nrt-home .explain-flow .intro-link { font-weight: 600; text-decoration-color: var(--gx-gold); }
body.gx-nrt-home .polaroid-pair .journal-photo-caption { text-align: center; }
body.gx-nrt-home .journal-photo-button { min-height: 46px; padding: 13px 20px; font: 600 .75rem/1.4 var(--gx-sans); letter-spacing: .06em; text-transform: uppercase; border-color: var(--gx-border); box-shadow: var(--gx-raise-sm); }

/* the series */
body.gx-nrt-home #browse { background: transparent; }
body.gx-nrt-home .series-block { margin-bottom: 30px; padding: clamp(28px, 3.5vw, 44px) clamp(24px, 3.5vw, 44px) 24px; border-radius: var(--gx-r); background: var(--gx-ground); box-shadow: var(--gx-raise); }
body.gx-nrt-home .sec-head.retrospective-box { max-width: none; padding-bottom: clamp(28px, 3.5vw, 44px); }
body.gx-nrt-home .sec-head.retrospective-box h2 { font-size: var(--gx-h2); font-weight: 500; letter-spacing: -.02em; margin-bottom: 22px; }
body.gx-nrt-home .sec-head.retrospective-box .lede { font-size: var(--gx-body); line-height: 1.55; font-weight: 400; color: var(--gx-ink); max-width: 64ch; }
body.gx-nrt-home .sec-head.retrospective-box .lede:first-of-type { font-size: var(--gx-lead); line-height: 1.4; }
body.gx-nrt-home .series-subnav { gap: 12px 14px; margin-top: 26px; }
body.gx-nrt-home .series-subnav a { display: inline-flex; align-items: center; min-height: 44px; padding: 11px 18px; border-radius: var(--gx-r); font: 600 .75rem/1.4 var(--gx-sans); letter-spacing: .06em; text-transform: uppercase; color: var(--gx-ink); background: var(--gx-ground); border: 1px solid var(--gx-border); box-shadow: var(--gx-raise-sm); }
body.gx-nrt-home .series-subnav a:hover, body.gx-nrt-home .series-subnav a:active { box-shadow: var(--gx-inset); color: var(--gx-gold-deep); }
body.gx-nrt-home .series-head { margin-bottom: 22px; }
body.gx-nrt-home .series-head h3 { font-size: var(--gx-h3); font-weight: 500; letter-spacing: -.015em; }
body.gx-nrt-home .series-head p { font-size: 1.1875rem !important; line-height: 1.5; font-weight: 400 !important; color: var(--gx-slate) !important; max-width: 62ch !important; }
body.gx-nrt-home .series-head .cnt { font: 700 .75rem/1.5 var(--gx-sans); letter-spacing: .12em; }
body.gx-nrt-home .post-card { border-radius: var(--gx-r); background: var(--gx-ground); box-shadow: var(--gx-raise); transition: box-shadow .15s cubic-bezier(.22,.61,.36,1); }
body.gx-nrt-home .post-card:hover { transform: none; box-shadow: var(--gx-raise-sm); }
body.gx-nrt-home .post-card:active { box-shadow: var(--gx-inset); }
body.gx-nrt-home .post-card .cover { border-radius: 14px; }
body.gx-nrt-home .post-card .kick { font: 700 .6875rem/1.5 var(--gx-sans); letter-spacing: .12em; color: var(--gx-gold); }
body.gx-nrt-home .post-card h3 { font-size: 1.5rem; font-weight: 500; line-height: 1.12; letter-spacing: -.015em; }
body.gx-nrt-home .post-card .dek { font-size: 1.0625rem; line-height: 1.45; font-weight: 400; color: var(--gx-slate); }
body.gx-nrt-home .post-card .meta { border-top-color: var(--gx-border); }
body.gx-nrt-home .post-card .meta span { font: 600 .625rem/1.5 var(--gx-sans); letter-spacing: .08em; }
body.gx-nrt-home .srow-btn { background: var(--gx-ground); box-shadow: var(--gx-raise-sm); border: 1px solid var(--gx-border); font-family: var(--gx-sans); }
body.gx-nrt-home .srow-btn:active { box-shadow: var(--gx-inset); }

/* the tribute: on the ground, as a reading column */
body.gx-nrt-home .tribute-section .sec-head { margin-bottom: 28px; }
body.gx-nrt-home .tribute-prose { max-width: 980px; font-size: var(--gx-body); line-height: 1.55; color: var(--gx-ink); }
body.gx-nrt-home .tribute-prose p { max-width: 60ch; }
body.gx-nrt-home .tribute-photo img { box-shadow: var(--gx-raise); }
body.gx-nrt-home .tribute-signature { font-size: var(--gx-lead); color: var(--gx-gold-deep); }

/* the writer */
body.gx-nrt-home .writer-grid { max-width: none; }
body.gx-nrt-home .writer-pol figcaption { font: italic 400 1.0625rem/1.45 var(--gx-serif); color: var(--gx-slate); }
body.gx-nrt-home .writer-copy .nm { font: 500 var(--gx-h2)/1.08 var(--gx-serif); letter-spacing: -.02em; color: var(--gx-ink); }
body.gx-nrt-home .writer-copy .ro { margin: 14px 0 22px; font: 700 .8125rem/1.6 var(--gx-sans); letter-spacing: .14em; color: var(--gx-gold); }
body.gx-nrt-home .writer-copy p { font-size: var(--gx-body); line-height: 1.55; font-weight: 400; color: var(--gx-ink); }

/* share your thoughts: the closing card, inset and centred, with the star */
body.gx-nrt-home #share { padding-top: 28px; }
body.gx-nrt-home .share-band { display: flex; flex-direction: column; align-items: center; gap: 0; max-width: none; padding: clamp(44px, 6vw, 80px) clamp(24px, 5vw, 64px); border-radius: var(--gx-r); background: var(--gx-ground); box-shadow: var(--gx-inset); }
body.gx-nrt-home .share-band::before { content: "✦"; margin-bottom: 24px; font-size: 1.75rem; line-height: 1; color: var(--gx-gold); }
body.gx-nrt-home .share-band h2 { margin: 0 0 20px; font-size: var(--gx-h2); font-weight: 500; letter-spacing: -.02em; color: var(--gx-ink); }
body.gx-nrt-home .share-band p { max-width: 50ch; margin: 0 auto 30px; font-size: var(--gx-body); line-height: 1.55; font-weight: 400; color: var(--gx-slate); }
body.gx-nrt-home .share-band .btn2 { display: inline-flex; align-items: center; min-height: 46px; padding: 13px 24px; border-radius: var(--gx-r); font: 600 .875rem/1.4 var(--gx-sans); letter-spacing: .06em; color: var(--gx-ink); background: var(--gx-ground); border: 1px solid var(--gx-border); box-shadow: var(--gx-raise-sm); }
body.gx-nrt-home .share-band .btn2:hover { background: var(--gx-ground); color: var(--gx-gold-deep); }
body.gx-nrt-home .share-band .btn2:active { box-shadow: var(--gx-inset); }

/* the shared blog feed */
body.gx-nrt-home .blog-program-feed { box-sizing: border-box; width: var(--gx-frame); max-width: none; margin: 32px auto 0; border-top: 0; }
body.gx-nrt-home .blog-program-feed .blog-card { padding: 12px 12px 22px; border-radius: var(--gx-r); background: var(--gx-ground); box-shadow: var(--gx-raise); border-bottom: 0; }
body.gx-nrt-home .blog-program-feed .blog-card img { border-radius: 14px; box-shadow: var(--gx-inset); }
body.gx-nrt-home .blog-program-feed .blog-card > :not(.blog-card-title) { margin-inline: 10px; }
body.gx-nrt-home .blog-program-feed .blog-card-title :is(h2, h3) { margin: 18px 10px 10px; font: 500 1.625rem/1.15 var(--gx-serif); letter-spacing: -.015em; color: var(--gx-ink); }
body.gx-nrt-home .blog-program-feed .blog-description { font-size: 1.125rem; line-height: 1.5; color: var(--gx-slate); }
body.gx-nrt-home .blog-program-feed .blog-categories a { font: 700 .6875rem/1.5 var(--gx-sans); letter-spacing: .12em; text-transform: uppercase; color: var(--gx-gold); text-decoration: none; }
body.gx-nrt-home .blog-program-feed .blog-tags a { font: 600 .6875rem/1.3 var(--gx-sans); letter-spacing: .06em; text-transform: uppercase; color: var(--gx-ink); padding: 8px 12px; background: var(--gx-ground); border: 1px solid var(--gx-border); border-radius: var(--gx-r); box-shadow: var(--gx-raise-sm); text-decoration: none; }

/* image enlargements */
body.gx-nrt-home .modal-box { background: var(--gx-ground); box-shadow: var(--gx-raise); }

/* =====================================================================
   Journal archive (In His Own Words)
   ===================================================================== */
body.gx-nrt-archive .j-hero { padding: 28px 0 24px; }
body.gx-nrt-archive .j-hero > .shell { box-sizing: border-box; width: var(--gx-frame); max-width: none; padding: clamp(32px, 5vw, 72px); border-radius: var(--gx-r); background: var(--gx-ground); box-shadow: var(--gx-raise); }
body.gx-nrt-archive .j-hero h1 { margin: 0 0 22px; }
body.gx-nrt-archive .j-hero .lede { max-width: 46ch; font-size: var(--gx-lead); line-height: 1.4; font-weight: 400; color: var(--gx-ink); }
body.gx-nrt-archive .j-count-line { margin-top: 26px; font: 700 .75rem/1.5 var(--gx-sans); letter-spacing: .12em; color: var(--gx-gold); }
body.gx-nrt-archive .j-list-wrap { max-width: 860px; margin-top: 26px; padding: 10px 28px; border-radius: var(--gx-r); background: var(--gx-ground); box-shadow: var(--gx-inset); }
body.gx-nrt-archive .j-list { border-top: 0; }
body.gx-nrt-archive .j-list li { border-bottom-color: var(--gx-border); }
body.gx-nrt-archive .j-list li:last-child { border-bottom: 0; }
body.gx-nrt-archive .j-list a { padding: 14px 4px; font: 500 1.375rem/1.3 var(--gx-serif); color: var(--gx-ink); }
body.gx-nrt-archive .j-list a:hover { color: var(--gx-gold-deep); }
body.gx-nrt-archive .j-list a::before { font-family: var(--gx-sans); color: var(--gx-gold); }
body.gx-nrt-archive .j-toggle { min-height: 46px; padding: 13px 24px; border-radius: var(--gx-r); font: 600 .875rem/1.4 var(--gx-sans); letter-spacing: .06em; color: var(--gx-ink); background: var(--gx-ground); border: 1px solid var(--gx-border); box-shadow: var(--gx-raise-sm); }
body.gx-nrt-archive .j-toggle:hover { background: var(--gx-ground); color: var(--gx-gold-deep); }
body.gx-nrt-archive .j-toggle:active { box-shadow: var(--gx-inset); }
body.gx-nrt-archive .j-note { max-width: 860px; padding: 24px 28px; border-radius: var(--gx-r); background: var(--gx-ground); box-shadow: var(--gx-inset); font-size: 1.125rem; line-height: 1.5; font-weight: 400; color: var(--gx-slate); }

/* =====================================================================
   Feedback page (Share your thoughts)
   ===================================================================== */
body.gx-nrt-thoughts main > .sec { padding: 28px 0 40px !important; }
body.gx-nrt-thoughts main > .sec > .shell { box-sizing: border-box; width: var(--gx-frame); max-width: none; padding: clamp(32px, 5vw, 72px) clamp(20px, 4vw, 56px); border-radius: var(--gx-r); background: var(--gx-ground); box-shadow: var(--gx-raise); }
body.gx-nrt-thoughts .th-hero { padding-top: 0; }
body.gx-nrt-thoughts .th-hero h1 { font-weight: 500; letter-spacing: -.02em; line-height: 1.06; }
body.gx-nrt-thoughts .th-hero p { font-size: var(--gx-lead); line-height: 1.4; font-weight: 400; color: var(--gx-ink); }
body.gx-nrt-thoughts .form-wrap, body.gx-nrt-thoughts .thanks-card { background: var(--gx-ground); box-shadow: var(--gx-inset); }
body.gx-nrt-thoughts .fq label.q, body.gx-nrt-thoughts .fq .q { font: 600 1.375rem/1.25 var(--gx-serif); color: var(--gx-ink); margin-bottom: 8px; }
body.gx-nrt-thoughts .fq .q span { font: 600 .6875rem/1.4 var(--gx-sans) !important; letter-spacing: .08em; text-transform: uppercase; color: var(--gx-slate) !important; }
body.gx-nrt-thoughts .fq .hint { font-size: 1.125rem; line-height: 1.45; font-weight: 400; color: var(--gx-slate); }
body.gx-nrt-thoughts .fq :is(textarea, input[type=text], input[type=email]) { border-radius: 14px; background: var(--gx-ground); box-shadow: var(--gx-inset); font: 400 1.1875rem/1.5 var(--gx-serif); color: var(--gx-ink); }
body.gx-nrt-thoughts .rel-opts label { border: 1px solid var(--gx-border); border-radius: var(--gx-r); background: var(--gx-ground); box-shadow: var(--gx-raise-sm); font: 600 .75rem/1.4 var(--gx-sans); letter-spacing: .06em; text-transform: uppercase; color: var(--gx-ink); }
body.gx-nrt-thoughts .rel-opts label:has(input:checked) { box-shadow: var(--gx-inset); color: var(--gx-gold-deep); font-weight: 700; }
body.gx-nrt-thoughts .submit-row .sbtn, body.gx-nrt-thoughts .thanks-card a { min-height: 46px; padding: 13px 24px; border-radius: var(--gx-r); font: 600 .875rem/1.4 var(--gx-sans); letter-spacing: .06em; color: var(--gx-ink); background: var(--gx-ground); border: 1px solid var(--gx-border); box-shadow: var(--gx-raise-sm); }
body.gx-nrt-thoughts .submit-row .sbtn:hover { background: var(--gx-ground); color: var(--gx-gold-deep); }
body.gx-nrt-thoughts .submit-row .sbtn:active, body.gx-nrt-thoughts .thanks-card a:active { box-shadow: var(--gx-inset); }
body.gx-nrt-thoughts .submit-row .note { font-size: 1.0625rem; font-weight: 400; color: var(--gx-slate); }
body.gx-nrt-thoughts .thanks-card h2 { font-size: var(--gx-h3); font-weight: 500; }
body.gx-nrt-thoughts .thanks-card p { font-size: var(--gx-body); font-weight: 400; color: var(--gx-slate); }

/* =====================================================================
   Journal entries (In His Own Words)
   ===================================================================== */
body.gx-nrt-entry .j-post { box-sizing: border-box; max-width: 860px; width: calc(100% - 2 * clamp(12px, 2vw, 28px)); margin: 28px auto 0; padding: clamp(32px, 6vw, 72px) clamp(22px, 6.5vw, 84px); border-radius: var(--gx-r); background: var(--gx-ground); box-shadow: var(--gx-raise); }
body.gx-nrt-entry .j-back { margin-bottom: 34px; font: 600 .75rem/1.5 var(--gx-sans); letter-spacing: .08em; color: var(--gx-ink); border-bottom: 1px solid var(--gx-gold); padding-bottom: 3px; }
body.gx-nrt-entry .j-back:hover { color: var(--gx-gold-deep); }
body.gx-nrt-entry .j-eyebrow { margin-bottom: 18px; font: 700 .8125rem/1.6 var(--gx-sans); letter-spacing: .14em; color: var(--gx-gold); }
body.gx-nrt-entry .j-title { margin: 0 0 22px; font-size: clamp(2.5rem, 4.6vw, 3.5rem); line-height: 1.06; color: var(--gx-ink); }
body.gx-nrt-entry .j-byline { flex-wrap: wrap; gap: 6px 12px; margin-bottom: 36px; padding-bottom: 26px; border-bottom-color: var(--gx-border); font: 600 .75rem/1.6 var(--gx-sans); letter-spacing: .08em; text-transform: uppercase; color: var(--gx-slate); }
body.gx-nrt-entry .j-byline b { color: var(--gx-ink); }
body.gx-nrt-entry .j-dot { color: var(--gx-gold); }
body.gx-nrt-entry .j-body { overflow-wrap: break-word; }
body.gx-nrt-entry .j-body pre { white-space: pre-wrap; font: inherit; }
body.gx-nrt-entry .j-body p { font-size: var(--gx-body); line-height: 1.6; font-weight: 400; color: var(--gx-ink); }
body.gx-nrt-entry .j-body p:first-child { font-size: var(--gx-lead); line-height: 1.4; }
body.gx-nrt-entry .j-body :is(ul, ol) { font-size: var(--gx-body); line-height: 1.55; }
body.gx-nrt-entry .j-body li::marker { color: var(--gx-gold); }
body.gx-nrt-entry .j-body blockquote { margin: 28px 0; padding: 22px 28px; border-radius: var(--gx-r); box-shadow: var(--gx-inset); }
body.gx-nrt-entry .j-body img { max-width: 100%; height: auto; border-radius: 14px; }
body.gx-nrt-entry .j-body a { color: var(--gx-gold-deep); }
body.gx-nrt-entry .j-deck { font-size: var(--gx-lead); line-height: 1.4; font-weight: 400; color: var(--gx-slate); }
body.gx-nrt-entry .j-footer { margin-top: 44px; padding-top: 24px; border-top-color: var(--gx-border); font: italic 400 1.125rem/1.5 var(--gx-serif); color: var(--gx-slate); }

/* =====================================================================
   Reflections (the four series)
   ===================================================================== */
body.gx-nrt-post { font: 400 var(--gx-body)/1.65 var(--gx-text); color: var(--gx-ink); }
body.gx-nrt-post > .shell { box-sizing: border-box; width: var(--gx-frame); max-width: none; padding-inline: 0; }
body.gx-nrt-post > .shell :is(h1, h2, h3, h4) { font-family: var(--gx-sans); font-weight: 500; letter-spacing: -.02em; color: var(--gx-ink); }
body.gx-nrt-post .backlink { font: 600 .75rem/1.5 var(--gx-sans); letter-spacing: .08em; color: var(--gx-ink); }
body.gx-nrt-post .hero-img { border-radius: var(--gx-r); box-shadow: var(--gx-raise); }
body.gx-nrt-post .hero-head { max-width: 900px; margin-top: 40px; }
body.gx-nrt-post .eyebrow { font: 700 .8125rem/1.6 var(--gx-sans); letter-spacing: .14em; text-transform: uppercase; color: var(--gx-gold); }
body.gx-nrt-post .hero-head h1 { font-size: var(--gx-h1); line-height: 1.06; margin-bottom: 20px; text-wrap: balance; }
body.gx-nrt-post .hero-head .dek { font-size: var(--gx-lead); line-height: 1.4; font-weight: 400; color: var(--gx-slate); }
body.gx-nrt-post .byline { border-bottom-color: var(--gx-border); }
body.gx-nrt-post .byline .nm { font: 600 1.25rem/1.2 var(--gx-sans); color: var(--gx-ink); }
body.gx-nrt-post :is(.byline .ro, .byline .meta) { font: 600 .6875rem/1.5 var(--gx-sans); letter-spacing: .08em; text-transform: uppercase; color: var(--gx-slate); }
body.gx-nrt-post .byline .dot { background: var(--gx-gold); }
body.gx-nrt-post .post-share .share-label { font: 700 .75rem/1.5 var(--gx-sans); letter-spacing: .12em; color: var(--gx-gold); }
body.gx-nrt-post .post-share .share-link { font: 600 .75rem/1.5 var(--gx-sans); letter-spacing: .08em; text-transform: uppercase; color: var(--gx-ink); border-bottom-color: var(--gx-gold); }
body.gx-nrt-post .post-share .btn.btn-gold { font: 600 .75rem/1.4 var(--gx-sans); letter-spacing: .06em; background: var(--gx-ground); color: var(--gx-ink); border: 1px solid var(--gx-border); box-shadow: var(--gx-raise-sm); }
body.gx-nrt-post .post-share .share-status { font: 600 .6875rem/1.5 var(--gx-sans); letter-spacing: .08em; text-transform: uppercase; }

/* the reading column sits on a raised panel; the series list beside it stays an inset well */
body.gx-nrt-post .grid { grid-template-columns: 250px minmax(0, 1fr); gap: 40px; }
body.gx-nrt-post .rail .rl-h, body.gx-nrt-post .rail .prog-l { font: 700 .6875rem/1.5 var(--gx-sans); letter-spacing: .12em; color: var(--gx-gold); }
body.gx-nrt-post .rail .proj .pn { font: 500 1.375rem/1.1 var(--gx-sans); }
body.gx-nrt-post .sibnav { background: var(--gx-ground); border-radius: var(--gx-r); box-shadow: var(--gx-inset); }
body.gx-nrt-post .sibnav li a { font: 500 1.0625rem/1.3 var(--gx-sans); color: var(--gx-ink); border-bottom-color: var(--gx-border); }
body.gx-nrt-post .sibnav li a .n { font: 700 .6875rem/1 var(--gx-sans); color: var(--gx-slate); }
body.gx-nrt-post .sibnav li a.on { background: var(--gx-ground); box-shadow: var(--gx-raise-sm); font-weight: 600; }
body.gx-nrt-post .sibnav li a.on .n { color: var(--gx-gold); }
body.gx-nrt-post .rail .prog-wrap { background: var(--gx-ground); box-shadow: var(--gx-inset); }
body.gx-nrt-post .rail .prog { background: var(--gx-gold); }
body.gx-nrt-post .article { max-width: none; padding: clamp(28px, 5vw, 64px) clamp(22px, 5.5vw, 72px); border-radius: var(--gx-r); background: var(--gx-ground); box-shadow: var(--gx-raise); }
body.gx-nrt-post .article > * { max-width: 680px; }
body.gx-nrt-post .article p { font-size: var(--gx-body); line-height: 1.6; color: var(--gx-ink); }
body.gx-nrt-post .article p.lede { font-size: var(--gx-lead); line-height: 1.4; }
body.gx-nrt-post .article h2 { margin: 44px 0 16px; font: 700 .8125rem/1.6 var(--gx-sans); letter-spacing: .14em; text-transform: uppercase; color: var(--gx-gold); }
body.gx-nrt-post .article em { color: inherit; }
body.gx-nrt-post .article blockquote { margin: 28px 0; padding: 22px 28px; border-radius: var(--gx-r); box-shadow: var(--gx-inset); font-size: var(--gx-lead); line-height: 1.4; }
body.gx-nrt-post .signoff { font-size: 1.1875rem; color: var(--gx-slate); border-top-color: var(--gx-border); }
body.gx-nrt-post .authorcard { background: var(--gx-ground); box-shadow: var(--gx-inset); }
body.gx-nrt-post .authorcard .nm { font: 500 1.625rem/1.15 var(--gx-sans); }
body.gx-nrt-post .authorcard .ro { font: 700 .6875rem/1.5 var(--gx-sans); letter-spacing: .12em; color: var(--gx-gold); }
body.gx-nrt-post .authorcard .bio { font-size: 1.125rem; line-height: 1.5; color: var(--gx-slate); }

/* reaction form: an inset well with raised pill choices */
body.gx-nrt-post .reactbar { max-width: 860px; margin-top: 48px; }
body.gx-nrt-post :is(.react-form, .react-thanks) { background: var(--gx-ground); box-shadow: var(--gx-inset); }
body.gx-nrt-post .react-thanks { font-size: var(--gx-body); color: var(--gx-ink); }
body.gx-nrt-post .react-eye { font: 700 .75rem/1.5 var(--gx-sans); letter-spacing: .14em; color: var(--gx-gold); }
body.gx-nrt-post .react-q { font: 500 var(--gx-h3)/1.15 var(--gx-sans); color: var(--gx-ink); }
body.gx-nrt-post .react-choices label { border: 1px solid var(--gx-border); border-radius: var(--gx-r); background: var(--gx-ground); box-shadow: var(--gx-raise-sm); font: 600 .75rem/1.4 var(--gx-sans); letter-spacing: .06em; text-transform: uppercase; color: var(--gx-ink); }
body.gx-nrt-post .react-choices label:has(input:checked) { box-shadow: var(--gx-inset); color: var(--gx-gold-deep); }
body.gx-nrt-post .react-form textarea { border-radius: 14px; background: var(--gx-ground); box-shadow: var(--gx-inset); font: 400 1.0625rem/1.7 var(--gx-sans); color: var(--gx-ink); }
body.gx-nrt-post .react-form .rbtn { min-height: 46px; padding: 13px 24px; border-radius: var(--gx-r); font: 600 .8125rem/1.4 var(--gx-sans); letter-spacing: .06em; color: var(--gx-ink); background: var(--gx-ground); border: 1px solid var(--gx-border); box-shadow: var(--gx-raise-sm); }
body.gx-nrt-post .react-form .rbtn:hover { background: var(--gx-ground); color: var(--gx-gold-deep); }
body.gx-nrt-post .react-form .rbtn:active { transform: none; box-shadow: var(--gx-inset); }
body.gx-nrt-post .react-more { font-size: 1.125rem; color: var(--gx-slate); }

/* more from the archive */
body.gx-nrt-post .related .rh { border-bottom-color: var(--gx-border); }
body.gx-nrt-post .related .rh h3 { font-size: var(--gx-h3); }
body.gx-nrt-post .related .rh .more { font: 600 .75rem/1.5 var(--gx-sans); letter-spacing: .08em; color: var(--gx-ink); border-bottom: 1px solid var(--gx-gold); padding-bottom: 3px; }
body.gx-nrt-post .rcard { background: var(--gx-ground); box-shadow: var(--gx-raise); transition: box-shadow .15s; }
body.gx-nrt-post .rcard:hover { transform: none; box-shadow: var(--gx-raise-sm); }
body.gx-nrt-post .rcard:active { box-shadow: var(--gx-inset); }
body.gx-nrt-post .rcard .eyebrow { font-size: .6875rem; letter-spacing: .12em; }
body.gx-nrt-post .rcard h4 { font-size: 1.5rem; line-height: 1.12; }
body.gx-nrt-post .rcard .rm { font: 600 .6875rem/1.5 var(--gx-sans); letter-spacing: .08em; text-transform: uppercase; color: var(--gx-slate); }

@media (max-width: 900px) {
  body.gx-nrt-post .grid { grid-template-columns: 1fr; gap: 28px; }
  body.gx-nrt-post .hero-head h1 { font-size: clamp(2.5rem, 9vw, 3.25rem); }
}
@media (max-width: 760px) {
  body.gx-nrt-home .hero-stage .hero-inner { height: calc(100svh - 330px); min-height: 400px; }
  body.gx-nrt-home .sec > .shell { padding-inline: 0; }
  body.gx-nrt-home :is(#about, #writer) > .shell { padding: 30px 22px; }
  body.gx-nrt-home .series-block { padding: 26px 18px 18px; }
  body.gx-next-right-thing footer.foot { padding-top: 40px; }
  body.gx-nrt-archive .j-list-wrap { padding: 6px 16px; }
  body.gx-nrt-archive .j-list a { font-size: 1.25rem; }
  body.gx-nrt-post .rgrid { grid-template-columns: 1fr; }
}