/* Constellations member features, loaded from GitHub Pages.
   A Few Minutes With… (interview). Runs on the Member Story system: the first
   paragraph "A FEW MINUTES WITH" (no ellipsis; the chip adds it) becomes the label chip, the title is the name.
   Post pattern: label / photo / optional intro paragraph / then, per question, an h3
   (no number; the template numbers them) and one or more answer paragraphs. In a
   two-person interview each answer opens with the speaker's name in bold.
   Optional closing: a blockquote (member's closing line), then an h2 and one paragraph
   (e.g. TIM'S QUESTION FOR YOU). */
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;1,400&display=swap");

[data-nsm="story"][data-nsm-label^="A FEW MINUTES WITH"] [data-nsm="tag"]:first-child::after{content:"\2026"}
[data-nsm="story"][data-nsm-label^="A FEW MINUTES WITH"] .tiptap{counter-reset:afmw}
[data-nsm="story"][data-nsm-label^="A FEW MINUTES WITH"] .tiptap>p:empty,
[data-nsm="story"][data-nsm-label^="A FEW MINUTES WITH"] .tiptap>p:has(>br:only-child){display:none}

/* Photo: right-hand portrait, framed like the other features */
[data-nsm="story"][data-nsm-label^="A FEW MINUTES WITH"] .tiptap>.node-image:first-of-type{float:right;width:250px;max-width:250px;margin:0 10px 36px 48px}
[data-nsm="story"][data-nsm-label^="A FEW MINUTES WITH"] .tiptap>.node-image:first-of-type img{object-position:50% 28%}

/* Intro from Kate */
[data-nsm="story"][data-nsm-label^="A FEW MINUTES WITH"] .tiptap>p:not(h3~p){font-family:"EB Garamond",Georgia,serif;font-size:20px;line-height:1.7;color:#5A5849}

/* Questions */
[data-nsm="story"][data-nsm-label^="A FEW MINUTES WITH"] .tiptap>h3{counter-increment:afmw;position:relative;display:flow-root;margin:44px 0 0;padding:24px 0 0 48px;background:none;border-top:1px solid #E6E3DC;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:600;letter-spacing:.14em;line-height:1.65;text-transform:uppercase;color:#7D6220}
[data-nsm="story"][data-nsm-label^="A FEW MINUTES WITH"] .tiptap>h3::before{content:counter(afmw);position:absolute;left:0;top:18px;font-family:"Cormorant Garamond",Georgia,serif;font-size:30px;font-weight:600;line-height:1;letter-spacing:0;color:#CBBBA0}

/* Answers */
[data-nsm="story"][data-nsm-label^="A FEW MINUTES WITH"] .tiptap>h3~p{margin:14px 0 0;padding-left:48px;font-family:"EB Garamond",Georgia,serif;font-size:19px;line-height:1.7;color:#22231E}
[data-nsm="story"][data-nsm-label^="A FEW MINUTES WITH"] .tiptap>h3+p{margin-top:12px}
[data-nsm="story"][data-nsm-label^="A FEW MINUTES WITH"] .tiptap>p>strong:first-child{margin-right:10px;font-family:Inter,system-ui,sans-serif;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#1A2238}

/* Closing: a blockquote is the member's own closing line; an h2 opens the
   "question for you" section, and the paragraph after it is set as a callout. */
[data-nsm="story"][data-nsm-label^="A FEW MINUTES WITH"] .tiptap>blockquote{clear:both;margin:48px 0 0;padding:4px 0 4px 22px;border-left:3px solid #CBBBA0;font-family:"Cormorant Garamond",Georgia,serif;font-size:24px;font-weight:500;line-height:1.35;color:#1A2238}
[data-nsm="story"][data-nsm-label^="A FEW MINUTES WITH"] .tiptap>h2{clear:both;margin:44px 0 0;padding-top:24px;border-top:1px solid #E6E3DC;font-size:12px;letter-spacing:.14em;color:#7D6220}
[data-nsm="story"][data-nsm-label^="A FEW MINUTES WITH"] .tiptap>h2~p{margin:10px 0 0;padding-left:0;font-family:"Cormorant Garamond",Georgia,serif;font-size:25px;font-weight:600;line-height:1.3;color:#1A2238}

@media (max-width:767px){
[data-nsm="story"][data-nsm-label^="A FEW MINUTES WITH"] .tiptap{padding-left:6px;padding-right:6px}
[data-nsm="story"][data-nsm-label^="A FEW MINUTES WITH"] .tiptap>.node-image:first-of-type{float:none;width:100%;max-width:300px;margin:0 0 30px}
[data-nsm="story"][data-nsm-label^="A FEW MINUTES WITH"] .tiptap>p:not(h3~p){font-size:18px}
[data-nsm="story"][data-nsm-label^="A FEW MINUTES WITH"] .tiptap>h3{margin-top:36px;padding:20px 0 0 30px;font-size:11.5px}
[data-nsm="story"][data-nsm-label^="A FEW MINUTES WITH"] .tiptap>h3::before{top:15px;font-size:26px}
[data-nsm="story"][data-nsm-label^="A FEW MINUTES WITH"] .tiptap>h3~p{padding-left:0;font-size:17.5px}
[data-nsm="story"][data-nsm-label^="A FEW MINUTES WITH"] .tiptap>blockquote{font-size:21px}
[data-nsm="story"][data-nsm-label^="A FEW MINUTES WITH"] .tiptap>h2~p{font-size:22px}
}

/* Worth Sharing (a recommendation). Runs on the Member Story system.
   Post pattern: WORTH SHARING / member photo / a paragraph that is only italic text
   (the type stamp, e.g. *SHOW* or *BOOK*) / detail rows, each a paragraph opening with
   a bold label (**Title** Dark, **Created by** …, **Recommended by** …, **Why** *"…"*)
   / a paragraph that is only a link (Check It Out →).
   Keep each row's value either plain text or entirely italic. */
[data-nsm="story"][data-nsm-label="WORTH SHARING"] .tiptap>.node-image:first-of-type{width:180px;max-width:180px;margin:0 36px 36px 0}
[data-nsm="story"][data-nsm-label="WORTH SHARING"] .tiptap>.node-image:first-of-type img{object-position:50% 30%}
[data-nsm="story"][data-nsm-label="WORTH SHARING"] .tiptap>p:has(>em):not(:has(>strong)):not(:has(>a)){display:table;margin:0 0 18px auto;padding:9px 18px 8px;border:2px solid #7D6220;transform:rotate(-2deg);font-family:Inter,system-ui,sans-serif;font-size:15px;font-weight:600;letter-spacing:.18em;line-height:1.4;text-transform:uppercase;color:#7D6220}
[data-nsm="story"][data-nsm-label="WORTH SHARING"] .tiptap>p:has(>em):not(:has(>strong)):not(:has(>a))>em{font-style:normal}
[data-nsm="story"][data-nsm-label="WORTH SHARING"] .tiptap>p:has(>strong:first-child){display:grid;grid-template-columns:140px 1fr;column-gap:36px;align-items:baseline;margin:0;padding:17px 22px;border:1px solid #CBBBA0;border-top:0;border-bottom:1px solid #E6E3DC;background:linear-gradient(#E6E3DC,#E6E3DC) 180px 0/1px 100% no-repeat;font-family:"EB Garamond",Georgia,serif;font-size:19px;line-height:1.5;color:#22231E}
[data-nsm="story"][data-nsm-label="WORTH SHARING"] .tiptap>p:not(:has(>strong:first-child))+p:has(>strong:first-child){border-top:1px solid #CBBBA0;font-family:"Cormorant Garamond",Georgia,serif;font-size:26px;font-weight:600;line-height:1.2;color:#1A2238}
[data-nsm="story"][data-nsm-label="WORTH SHARING"] .tiptap>p:has(>strong:first-child):last-child,
[data-nsm="story"][data-nsm-label="WORTH SHARING"] .tiptap>p:has(>strong:first-child):has(+p>a:only-child){border-bottom-color:#CBBBA0}
[data-nsm="story"][data-nsm-label="WORTH SHARING"] .tiptap>p>strong:first-child{font-family:Inter,system-ui,sans-serif;font-size:11px;font-weight:600;letter-spacing:.16em;line-height:1.6;text-transform:uppercase;color:#7D6220}
[data-nsm="story"][data-nsm-label="WORTH SHARING"] .tiptap>p:has(>strong:first-child)>em{color:#1A2238}
[data-nsm="story"][data-nsm-label="WORTH SHARING"] .tiptap>p:has(>a:only-child){margin:22px 0 0;padding-left:216px;font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:600}
[data-nsm="story"][data-nsm-label="WORTH SHARING"] .tiptap>p:has(>a:only-child)>a{color:#7D6220!important;text-decoration:none}
@media (max-width:767px){
[data-nsm="story"][data-nsm-label="WORTH SHARING"] .tiptap{padding-left:6px;padding-right:6px}
[data-nsm="story"][data-nsm-label="WORTH SHARING"] .tiptap>.node-image:first-of-type{width:170px;max-width:170px;margin:0 0 26px}
[data-nsm="story"][data-nsm-label="WORTH SHARING"] .tiptap>p:has(>strong:first-child){grid-template-columns:92px 1fr;column-gap:24px;padding:15px 14px;background-position:118px 0;font-size:17.5px}
[data-nsm="story"][data-nsm-label="WORTH SHARING"] .tiptap>p:not(:has(>strong:first-child))+p:has(>strong:first-child){font-size:23px}
[data-nsm="story"][data-nsm-label="WORTH SHARING"] .tiptap>p>strong:first-child{font-size:10px;letter-spacing:.12em}
[data-nsm="story"][data-nsm-label="WORTH SHARING"] .tiptap>p:has(>a:only-child){padding-left:0}
[data-nsm="story"][data-nsm-label="WORTH SHARING"] .tiptap>p:has(>em):not(:has(>strong)):not(:has(>a)){padding:7px 14px 6px;font-size:13px}
}

/* Quote (a short message in the member's own words). Runs on the Member Story system.
   Post pattern: QUOTE / member photo / a blockquote holding the quote (no quotation
   marks; the template adds them) / one short paragraph for the attribution
   (e.g. Mal, or Kate · Washington, D.C.). */
[data-nsm="story"][data-nsm-label="QUOTE"] .tiptap>p:empty,
[data-nsm="story"][data-nsm-label="QUOTE"] .tiptap>p:has(>br:only-child){display:none}
[data-nsm="story"][data-nsm-label="QUOTE"] .tiptap>.node-image:first-of-type{width:180px;max-width:180px;margin:0 44px 30px 0}
[data-nsm="story"][data-nsm-label="QUOTE"] .tiptap>.node-image:first-of-type img{object-position:50% 30%}
[data-nsm="story"][data-nsm-label="QUOTE"] .tiptap>blockquote{clear:none;margin:6px 0 0 224px;padding:4px 0 4px 26px;border:0;border-left:3px solid #CBBBA0;font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:500;font-size:28px;line-height:1.38;color:#1A2238}
[data-nsm="story"][data-nsm-label="QUOTE"] .tiptap>blockquote>p:first-child::before{content:"\201C"}
[data-nsm="story"][data-nsm-label="QUOTE"] .tiptap>blockquote>p:last-child::after{content:"\201D"}
[data-nsm="story"][data-nsm-label="QUOTE"] .tiptap>blockquote+p{margin:16px 0 0 224px;padding-left:29px;font-family:"EB Garamond",Georgia,serif;font-size:18px;line-height:1.5;color:#5A5849}
@media (max-width:767px){
[data-nsm="story"][data-nsm-label="QUOTE"] .tiptap{padding-left:6px;padding-right:6px}
[data-nsm="story"][data-nsm-label="QUOTE"] .tiptap>.node-image:first-of-type{float:none;width:170px;max-width:170px;margin:0 0 28px}
[data-nsm="story"][data-nsm-label="QUOTE"] .tiptap>blockquote{margin-left:0;padding-left:18px;font-size:23px}
[data-nsm="story"][data-nsm-label="QUOTE"] .tiptap>blockquote+p{margin-left:0;padding-left:21px;font-size:17px}
}

/* FEATURED MEMBER label: always the filled sand style, whichever position it sits in.
   The age and location label keeps the light outlined style. portal.js block 49
   marks FEATURED MEMBER with data-nsm-fm. */
[data-nsm] [data-nsm="tag"][data-nsm-fm]{background:#E7D7C1;border:0;padding:4px 10px 3px}

/* Hide the floating Nova launcher while an editor or other modal is open, so it
   never sits on top of Save or Publish. Nova stays in the sidebar. */
body:has([role="dialog"][data-open]:not(#chatbase-bubble-window)) #chatbase-bubble-button,
body:has([role="dialog"][data-open]:not(#chatbase-bubble-window)) #chatbase-message-bubbles,
body:has([role="dialog"][data-state="open"]:not(#chatbase-bubble-window)) #chatbase-bubble-button,
body:has([role="dialog"][data-state="open"]:not(#chatbase-bubble-window)) #chatbase-message-bubbles,
body:has([aria-modal="true"]:not(#chatbase-bubble-window)) #chatbase-bubble-button,
body:has([aria-modal="true"]:not(#chatbase-bubble-window)) #chatbase-message-bubbles{display:none!important}

/* Community header: title and rule only. Lede, intro paragraph and doorway links removed 24 Sep 2026 (Discussions, Gatherings, Articles and Nova live in the sidebar). Copy still sits in the snippet's SPACES.community config. */
[data-nvx="community"] .nvx-lede,[data-nvx="community"] .nvx-sub,[data-nvx="community"]>.nvx-door{display:none!important}

/* Pinned "Would you like to be featured?" post in Community: mirrors the note on Home. */
[data-circle="post"]:has(a[href$="/c/community/be-featured"]){background:#F5EDE1!important;border:0!important;border-left:3px solid #7D6220!important;border-radius:0!important;box-shadow:none!important;padding:18px 22px!important}
[data-circle="post"]:has(a[href$="/c/community/be-featured"]) [data-testid="see-more-less"] button{display:none!important}
[data-circle="post"]:has(a[href$="/c/community/be-featured"]) [data-circle="post-body"] p{margin:0 0 6px!important;font-size:16px;line-height:1.5}
[data-circle="post"]:has(a[href$="/c/community/be-featured"]) a[href$="/c/community/be-featured"]{color:#1A2238!important}
[data-circle="post"]:has(a[href$="/c/community/be-featured"]) [data-circle="post-body"] em{font:600 13px Inter,system-ui,sans-serif!important;font-style:normal!important;color:#5A5849!important}
/* Be-featured strip (25 Sep): one line, title hidden, link clearly styled. */
[data-circle="post"]:has(a[href$="/c/community/be-featured"])>div{display:flex!important;align-items:center!important;gap:12px!important;padding:14px 20px!important}
[data-circle="post"]:has(a[href$="/c/community/be-featured"])>div>*+*{margin-top:0!important}
[data-circle="post"]:has(a[href$="/c/community/be-featured"])>div>div:first-child{order:2;flex:0 0 auto;margin-left:auto}
[data-circle="post"]:has(a[href$="/c/community/be-featured"]) [data-circle="post-title"]{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;margin:0!important;padding:0!important}
[data-circle="post"]:has(a[href$="/c/community/be-featured"]) [data-circle="post-body"]{order:1;flex:1 1 auto}
[data-circle="post"]:has(a[href$="/c/community/be-featured"]) [data-circle="post-body"] p{margin:0!important;font-size:17px!important;line-height:1.5!important;color:#1A2238!important}
[data-circle="post"]:has(a[href$="/c/community/be-featured"]) [data-circle="post-body"] a[href*="/c/guides/be-featured"]{color:#7D6220!important;font-weight:600!important;text-decoration:underline!important;text-underline-offset:3px!important;white-space:nowrap}
[data-circle="post"]:has(a[href$="/c/community/be-featured"]) [data-circle="post-body"] a[href*="/c/guides/be-featured"]:hover{color:#1A2238!important}

/* Comments and the comment box sit inside the feature card, so the template rules above
   (and in portal.css) were reaching them: the empty first line of the comment box was
   hidden, so members could not type. Anything not in the post body is set back to plain. */
[data-nsm] .tiptap:not([data-circle="post-body"] .tiptap)>p{display:block!important;float:none!important;margin:0 0 .5em!important;padding:0!important;border:0!important;background:none!important;transform:none!important;font:inherit!important;color:inherit!important;letter-spacing:normal!important;text-transform:none!important}
[data-nsm] .tiptap:not([data-circle="post-body"] .tiptap)>p:last-child{margin-bottom:0!important}
[data-nsm] .tiptap:not([data-circle="post-body"] .tiptap)>p>strong,[data-nsm] .tiptap:not([data-circle="post-body"] .tiptap)>p>em{margin:0!important;font-family:inherit!important;font-size:inherit!important;letter-spacing:normal!important;text-transform:none!important;color:inherit!important}
[data-nsm] .tiptap:not([data-circle="post-body"] .tiptap)>blockquote{float:none!important;margin:0 0 .5em!important;padding:0 0 0 12px!important;border:0!important;border-left:2px solid #CBBBA0!important;font:inherit!important;color:inherit!important}
[data-nsm] .tiptap:not([data-circle="post-body"] .tiptap)>blockquote>p::before,[data-nsm] .tiptap:not([data-circle="post-body"] .tiptap)>blockquote>p::after,[data-nsm] .tiptap:not([data-circle="post-body"] .tiptap)>h3::before{content:none!important}

/* Home people cards: portrait photos crop toward the face, not the middle (Evan). Square photos are unaffected. */
#cst-home img.ph{object-position:50% 12%!important}
/* A Few Minutes With: "Interviewed by" byline box. A paragraph opening in bold that sits before the first question. */
[data-nsm="story"][data-nsm-label^="A FEW MINUTES WITH"] .tiptap>p:not(h3~p):has(>strong:first-child){display:flex;align-items:center;gap:12px;width:fit-content;margin:22px 0 0;padding:7px 20px 7px 7px;border:1px solid #CBBBA0;border-radius:40px;background:#F5EDE1;font-family:"EB Garamond",Georgia,serif;font-size:19px;line-height:1.2;color:#1A2238;white-space:nowrap}
[data-nsm="story"][data-nsm-label^="A FEW MINUTES WITH"] .tiptap>p:not(h3~p):has(>strong:first-child)::before{content:"";flex:none;width:42px;height:42px;border-radius:50%;background:#E6E3DC url("https://app.circle.so/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCRHZmL2dzPSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--766a15ea983256a3a4855194c8287cbc575c0302/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFKb0FUQTZDbk5oZG1WeWV3WTZDbk4wY21sd1ZBPT0iLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--174cceaf9a31f17164863935309188a5606afc21/Kate_Portrait.png") 50% 15%/cover no-repeat}
[data-nsm="story"][data-nsm-label^="A FEW MINUTES WITH"] .tiptap>p:not(h3~p):has(>strong:first-child)>strong:first-child{margin-right:0;font-size:10.5px;color:#7D6220}

/* Kate's Bookshelf: Kate's photo smaller than a member's. */
[data-nsm="story"][data-nsm-label="WORTH SHARING"]:has(a[href*="bookshop.org"]) .tiptap>.node-image:first-of-type{width:130px;max-width:130px}
[data-nsm="story"][data-nsm-label="WORTH SHARING"]:has(a[href*="bookshop.org"]) .tiptap>.node-image:first-of-type img{object-position:50% 20%}

/* Worth Sharing: every detail row starts at the same left edge, whether it sits beside the photo or below it. */
[data-nsm="story"][data-nsm-label="WORTH SHARING"] .tiptap>p:has(>strong:first-child){margin-left:216px}
[data-nsm="story"][data-nsm-label="WORTH SHARING"]:has(a[href*="bookshop.org"]) .tiptap>p:has(>strong:first-child){margin-left:166px}
[data-nsm="story"][data-nsm-label="WORTH SHARING"]:has(a[href*="bookshop.org"]) .tiptap>p:has(>a:only-child){padding-left:166px}
@media (max-width:767px){
[data-nsm="story"][data-nsm-label="WORTH SHARING"] .tiptap>p:has(>strong:first-child),[data-nsm="story"][data-nsm-label="WORTH SHARING"]:has(a[href*="bookshop.org"]) .tiptap>p:has(>strong:first-child){margin-left:0}
[data-nsm="story"][data-nsm-label="WORTH SHARING"]:has(a[href*="bookshop.org"]) .tiptap>p:has(>a:only-child){padding-left:0}
}

/* North Star Home quote tags: wrap cleanly with even gaps, no stray indent on the second line. */
#cst-nshome .qi .qt{display:flex!important;flex-wrap:wrap;gap:8px;align-items:center}
#cst-nshome .qi .qt .lab2,#cst-nshome .qi .qt .lab3{margin:0!important}

/* Member cards: the gold line runs the full length of a section when it has more than one paragraph (Kate, 24 Sep). */
[data-nsm="card"] .tiptap>h2+p+p,[data-nsm="card"] .tiptap>h2+p+p+p,[data-nsm="card"] .tiptap>h2+p+p+p+p{margin-top:0!important;padding-top:10px;padding-left:20px;border-left:3px solid #CBBBA0}
[data-nsm="card"] .tiptap>h2+p:has(+p),[data-nsm="card"] .tiptap>h2+p+p:has(+p),[data-nsm="card"] .tiptap>h2+p+p+p:has(+p){margin-bottom:0!important;padding-bottom:0}
