/* WordPress bridge: layout helper classes and core-block mapping. Extends withcommunity-theme.css, never edits it. */
html .page :where(nav a:not(.btn),footer a,.tlink,.lab a,.pick h3 a,.logo){color:inherit}
.wc-start{align-items:start}.wc-end{align-items:end}.wc-fgrid{row-gap:24px}
.wc-c1-4{grid-column:1/4}.wc-c1-8{grid-column:1/8}.wc-c1-9{grid-column:1/9}.wc-c4-10{grid-column:4/10}.wc-c9-13{grid-column:9/13}.wc-c10-13{grid-column:10/13;text-align:right;opacity:.7}
.wc-crumb{opacity:.75;margin-bottom:24px}.wc-crumb a{text-decoration:none}.wc-crumb .wc-topic{color:var(--wc-orange)}
.wc-m0{margin:0}.wc-mt20{margin-top:20px}.wc-mt28{margin-top:28px}.wc-mb8{margin-bottom:8px}.wc-mb18{margin-bottom:18px}.wc-mb40{margin-bottom:40px}
.art-figure img{height:auto}.links.wc-source{margin-top:28px}.commentary h2{margin:0 0 22px}
.wc-pager{justify-content:flex-start;flex-wrap:wrap;gap:12px;padding:40px 0 0}.wc-pager .current{font-weight:600}
.prose .wp-block-pullquote{margin:1.6em 0;padding:0;border:0;text-align:left}.prose .wp-block-pullquote blockquote{margin:0;padding-left:24px}
.prose figure{margin:1.6em 0}.prose figcaption{font-size:14px;letter-spacing:.04em;text-transform:uppercase;opacity:.75;margin-top:12px}

/* 0.1.7 Article Pages edits (Leah, todo 10443217612). All of it lives here; withcommunity-theme.css stays Leah's file. */
/* 1. Links: no underline anywhere (the global-styles rule a:where(:not(.wp-element-button)) is zero specificity, this wins) */
a,a:hover,a:focus{text-decoration:none}
/* 2. Link hover: darker orange (--wc-orange-dark, #9a4608) on light grounds, orange on dark grounds, buttons keep their own hover */
html body .page a:where(:not(.btn,.wp-block-button__link,.wp-element-button,.dark a)):hover{color:var(--wc-orange-dark)}
.dark a:where(:not(.btn,.wp-block-button__link,.wp-element-button,.tlink)):hover{color:var(--wc-orange)}
/* 3. Space between a button row and the content under it */
.wp-block-buttons:not(:last-child){margin-bottom:28px}
.ctas:not(:last-child){margin-bottom:24px}
.ctas+.ctas{margin-top:32px}
/* 4. Single article: the column layout inside the article body uses the full 12-column span (articles with a pull-quote keep their side column) */
.art-body .grid:not(:has(.aside-quote))>article.wc-c1-8{grid-column:1/-1}
.art-body .prose:has(.wp-block-columns){max-width:1080px}
/* 5. Words stay whole in the columns; only a word wider than its line may break */
.prose .wp-block-column{word-break:normal;overflow-wrap:break-word}
/* 6. Right column headings ("Written by ...", "Commentators") smaller */
.prose .wp-block-columns>.wp-block-column:last-child h3{font-size:22px;line-height:1.25;letter-spacing:-.01em;margin:0 0 10px}
/* 7. Articles list and topic pages: less space between the hero and the first article */
.sec:has(.wc-picks){padding-top:56px}
@media (max-width:900px){
  .prose .wp-block-columns{flex-wrap:wrap!important;gap:0}
  .prose .wp-block-columns>.wp-block-column{flex-basis:100%!important;min-width:0}
  .prose .wp-block-columns>.wp-block-column:last-child h3{font-size:20px}
  .sec:has(.wc-picks){padding-top:40px}
}

/* 0.1.8 Article reading typography and left aligned buttons (Leah, todo 10443217612, second round). The 0.1.7 rules above are untouched; these come later and win on specificity. */
/* A. Buttons in the article columns sit on the left edge of their column at every width (the centered justification class from the migration no longer centers them) */
.prose .wp-block-columns>.wp-block-column .wp-block-buttons{justify-content:flex-start;align-items:flex-start;text-align:left;margin-left:0;margin-right:0}
.prose .wp-block-columns>.wp-block-column .wp-block-buttons .wp-block-button{margin-left:0;margin-right:0}
/* B. Main column reading text: 18px / 1.7, 24px between paragraphs (pull-quote blockquotes keep their editorial serif size), column about 700px (the 1080px .prose with the 66.67% column gives about 695px) */
.prose .wp-block-columns>.wp-block-column:first-child :is(p,li):not(blockquote *){font-size:18px;line-height:1.7}
.prose .wp-block-columns>.wp-block-column:first-child p{margin:0 0 24px}
.prose .wp-block-columns>.wp-block-column:first-child :is(ul,ol){margin:0 0 24px;padding-left:1.4em}
.prose .wp-block-columns>.wp-block-column:first-child li{margin:0 0 .5em}
.prose .wp-block-columns>.wp-block-column:first-child blockquote{margin:0 0 24px}
.prose .wp-block-columns>.wp-block-column:first-child blockquote p{font-size:inherit;line-height:inherit}
.prose .wp-block-columns>.wp-block-column:first-child blockquote p:last-child{margin-bottom:0}
.prose .wp-block-columns>.wp-block-column:first-child>:last-child{margin-bottom:0}
/* C. Sidebar: 16px text, 20px headings, smaller buttons so they stay quiet next to the article */
.prose .wp-block-columns>.wp-block-column:last-child :is(p,li,ul a,.commentorsblock a){font-size:16px;line-height:1.55}
.prose .wp-block-columns>.wp-block-column:last-child p{margin:0 0 14px}
.prose .wp-block-columns>.wp-block-column:last-child h3{font-size:20px;line-height:1.25}
.prose .wp-block-columns>.wp-block-column:last-child .wp-block-button .wp-block-button__link{font-size:14px;line-height:1.3;padding:10px 18px}
/* D. Tablet and mobile: stacked columns, comfortable sizes */
@media (max-width:900px){
  .prose .wp-block-columns>.wp-block-column:first-child :is(p,li):not(blockquote *){font-size:18px;line-height:1.7}
  .prose .wp-block-columns>.wp-block-column:first-child p{margin-bottom:22px}
  .prose .wp-block-columns>.wp-block-column:last-child h3{font-size:20px}
}
@media (max-width:600px){
  .prose .wp-block-columns>.wp-block-column:first-child :is(p,li):not(blockquote *){font-size:17px;line-height:1.7}
  .prose .wp-block-columns>.wp-block-column:first-child p{margin-bottom:22px}
  .prose .wp-block-columns>.wp-block-column:last-child h3{font-size:19px}
}

/* 0.1.9 Comment cards under the article (Leah, todo 10443217612, third round, comment 10443877239). The 0.1.7 and 0.1.8 rules above are untouched; the main column and pull-quote rules scope to .wp-block-column and never reach these cards. */
/* E. Comment text in the masonry cards: 18px / 1.6 like the article body (serif and color unchanged; the theme's .prose blockquote 26px and .prose p:first-of-type 22px no longer apply inside the card) */
.prose .comment_column .et_pb_text_inner,
.prose .comment_column .et_pb_text_inner :is(blockquote,p,li,span){font-size:18px;line-height:1.6}
/* F. Long tokens (URLs) wrap inside the card instead of crossing into the next column; word-break:break-word is the fallback for engines without overflow-wrap:anywhere */
.prose .comment_column .et_pb_text_inner,
.prose .comment_column .et_pb_text_inner :is(blockquote,p,li,a){overflow-wrap:anywhere;word-break:break-word;max-width:100%}
/* G. Commenter name keeps its 26px serif orange size (Instrument Serif, theme link color) and its own line height */
.prose .comment_column .et_pb_text_inner p:has(>a[commendid]){font-size:26px;line-height:1.3}
/* H. Mobile: 17px comment text, same as the article body at this width */
@media (max-width:600px){
  .prose .comment_column .et_pb_text_inner,
  .prose .comment_column .et_pb_text_inner :is(blockquote,p,li,span){font-size:17px;line-height:1.6}
  .prose .comment_column .et_pb_text_inner p:has(>a[commendid]){font-size:26px;line-height:1.3}
}

/* 0.2.0 Comments section and hero (Leah, todo 10443217612, fourth round, comment 10443920243). The 0.1.7 to 0.1.9 rules above are untouched; these come later and win on source order or specificity. */
/* I. Hero image: width stays 100% of the figure, height is capped (400px desktop, 320px tablet, 240px mobile) and object-fit crops from the center, so the picture is never stretched */
.art-hero .art-figure img{width:100%;height:auto;max-height:400px;object-fit:cover;object-position:center}
@media (max-width:900px){
  .art-hero .art-figure img{max-height:320px}
}
@media (max-width:600px){
  .art-hero .art-figure img{max-height:240px}
}
/* J. Quote mark above each comment card: 71px wide before, now 40px (about 44% smaller), proportional height */
.prose .comment_column .et_pb_image_wrap img{width:40px;max-width:100%;height:auto}
/* K. "The Conversation" heading, inserted by the the_content filter before the comment cards (inc/template-helpers.php) */
.prose h2.wc-conversation-title,
h2.wc-conversation-title{font-family:var(--wc-font);font-size:clamp(32px,3.2vw,44px);line-height:1.1;letter-spacing:-.025em;font-weight:500;color:var(--wc-ink);margin:72px 0 24px;text-align:left}
@media (max-width:900px){
  .prose h2.wc-conversation-title,
  h2.wc-conversation-title{margin:48px 0 16px}
}

/* 0.2.1 Call-out quote slider (Leah, todo 10448731981). The migrated Divi slider (div.wc-divi-slider > div.wc-divi-slide) now reads as a list of quotes. Scoped to the slider only; the 0.1.7 to 0.2.0 rules above are untouched. Inline white colors from the old dark Divi slide are overridden here with !important. */
/* L. Call-out line (h3): 24px, 22px on mobile */
.prose .wc-divi-slider .wc-divi-slide h3{font-size:24px;line-height:1.25;font-weight:500;letter-spacing:-.01em;margin:0 0 10px}
/* M. Quote text: 18px (was 22px from .prose p:first-of-type), 17px on mobile, 8px above the name */
.prose .wc-divi-slider .wc-divi-slide p:first-of-type{font-size:18px;line-height:1.7;font-weight:300;margin:0 0 8px}
/* N. Name line: left aligned, upright, ink green, 16px, directly under the quote */
.prose .wc-divi-slider .wc-divi-slide p:nth-of-type(n+2){text-align:left;margin:0;font-size:16px;line-height:1.4;font-weight:500;font-style:normal;color:var(--wc-ink)}
.prose .wc-divi-slider .wc-divi-slide p:nth-of-type(n+2) em{font-style:normal}
/* O. Inline white (from the old dark slide) removed: spans inherit, links use the orange link color; hover stays on the darker orange */
.prose .wc-divi-slider .wc-divi-slide span[style]{color:inherit!important}
.prose .wc-divi-slider .wc-divi-slide a[style]{color:var(--wc-orange-deep)!important}
.prose .wc-divi-slider .wc-divi-slide a[style]:hover{color:var(--wc-orange-dark)!important}
/* P. Links inside the quote text (book title): normal weight, no underline */
.prose .wc-divi-slider .wc-divi-slide p:first-of-type a{font-weight:400;text-decoration:none}
/* Q. A thin rule and 28px of space between quotes; nothing added above the first one */
.prose .wc-divi-slider .wc-divi-slide+.wc-divi-slide{border-top:1.5px solid var(--wc-rule-light);padding-top:28px;margin-top:28px}
@media (max-width:600px){
  .prose .wc-divi-slider .wc-divi-slide h3{font-size:22px}
  .prose .wc-divi-slider .wc-divi-slide p:first-of-type{font-size:17px}
}

/* withcommunity 0.3.0 Primary navigation (Leah, todo 10452116400): About and Programs dropdowns, Join, mobile groups. The 0.1.7 to 0.2.1 rules above are untouched; Leah's nav rules in withcommunity-theme.css (section 5 and the 900px block) stay as the base. Behavior lives in assets/js/withcommunity-nav.js. */
/* R. Header wrapper sits above later page sections so an open panel is never painted under them */
.wrap:has(nav[aria-label="Primary"]){z-index:30}
/* S. Desktop row: items on one line; a group is a positioned li whose padding bridges trigger and panel (no hover gap) */
nav .wc-nav{align-items:center;flex-wrap:nowrap}
nav .wc-nav>li{position:relative;white-space:nowrap}
nav .wc-nav>li.wc-group{padding:12px 0 16px;margin:-12px 0 -16px}
/* T. Group trigger: a real button that reads exactly like the other nav links; the chevron is Leah's .dd:after, flipped when open */
.wc-trigger{appearance:none;-webkit-appearance:none;background:none;border:0;border-radius:0;margin:0;padding:0;font:inherit;font-size:15px;font-weight:500;line-height:inherit;color:inherit;cursor:pointer;text-align:left}
.wc-trigger[aria-expanded="true"]:after{transform:rotate(-135deg);margin:3px 0 0 7px}
/* U. Panel: directly under the trigger, left aligned with it, width fits the content, paper background, ink text, rounded lower corners only */
nav .wc-nav .wc-panel{display:none;position:absolute;top:100%;left:0;z-index:40;min-width:100%;width:max-content;max-width:min(320px,90vw);margin:0;padding:8px 0 10px;list-style:none;background:var(--wc-paper);color:var(--wc-ink);border-radius:0 0 14px 14px;box-shadow:0 14px 28px rgba(0,0,0,.28)}
nav .wc-nav .wc-group.is-open>.wc-panel{display:block}
nav:not(.wc-ready) .wc-nav .wc-group:hover>.wc-panel,
nav:not(.wc-ready) .wc-nav .wc-group:focus-within>.wc-panel{display:block}
.wc-panel li{margin:0;padding:0}
/* V. Rows: the whole row is the link (block), subtle orange hover and active, no motion beyond a short color change */
.wc-panel a{display:block;padding:11px 22px;color:var(--wc-ink);font-size:15px;font-weight:500;line-height:1.3;white-space:nowrap;transition:background-color .12s,color .12s}
.wc-panel a[href]:hover{background:rgba(233,113,20,.12);color:var(--wc-orange-dark)}
.wc-panel a[href]:active{background:rgba(233,113,20,.22);color:var(--wc-orange-dark)}
.wc-panel .wc-rule{position:relative;margin-top:6px}
.wc-panel .wc-rule:before{content:"";position:absolute;top:-3px;left:16px;right:16px;border-top:1px solid var(--wc-rule-light)}
/* W. Item without a page yet: looks like the others, muted, not a link, with a small note */
.wc-panel a.wc-soon,.mobile-menu .wc-msub a.wc-soon{cursor:default}
.wc-panel a.wc-soon{color:#505f50}
.wc-soon small{display:block;font-size:12px;font-weight:400;line-height:1.3;margin-top:2px;letter-spacing:.01em}
/* X. Focus (orange, inset on the light panel) and current page (orange underline; the group trigger carries it when a child is current) */
.wc-nav>li>a:focus-visible,.wc-trigger:focus-visible{outline:2px solid var(--wc-orange);outline-offset:4px;border-radius:3px}
.wc-panel a:focus-visible{outline:2px solid var(--wc-orange-deep);outline-offset:-3px;background:rgba(233,113,20,.12);color:var(--wc-orange-dark)}
.wc-nav a[aria-current="page"],.wc-trigger[data-current="true"]{text-decoration:underline;text-decoration-color:var(--wc-orange);text-decoration-thickness:2px;text-underline-offset:7px}
.wc-panel a[aria-current="page"]{color:var(--wc-orange-dark);text-underline-offset:5px}
/* Y. Between 901px and 1100px the row tightens so logo, seven items and Join never wrap */
@media (min-width:901px) and (max-width:1100px){
  nav{gap:16px}
  nav .wc-nav{gap:18px}
}
/* Z. Mobile panel (below 900px, where Leah's CSS shows #mobileMenu and hides the desktop list): groups expand on tap, children are indented, targets are at least 48px tall */
@media (max-width:900px){
  .mobile-menu .wc-mtrigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;appearance:none;-webkit-appearance:none;background:none;border:0;border-bottom:1px solid rgba(236,233,223,.15);border-radius:0;margin:0;padding:14px 0;font:inherit;font-size:20px;font-weight:500;line-height:1.5;color:inherit;text-align:left;cursor:pointer}
  .mobile-menu .wc-mtrigger:after{content:"";flex:none;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:-4px 4px 0 12px}
  .mobile-menu .wc-mtrigger[aria-expanded="true"]:after{transform:rotate(-135deg);margin-top:4px}
  .mobile-menu .wc-msub{margin:0 0 0 4px;padding:0 0 0 18px;border-left:2px solid var(--wc-green-mid)}
  .mobile-menu .wc-msub[hidden]{display:none}
  .mobile-menu .wc-msub a{min-height:48px;padding:12px 0;font-size:18px;font-weight:400;line-height:1.35}
  .mobile-menu .wc-msub a.wc-soon{color:rgba(236,233,223,.65)}
  .mobile-menu .wc-soon small{font-size:13px}
  .mobile-menu a:focus-visible,.mobile-menu .wc-mtrigger:focus-visible{outline:2px solid var(--wc-orange);outline-offset:-2px}
  .mobile-menu a[aria-current="page"],.mobile-menu .wc-mtrigger[data-current="true"]{text-decoration:underline;text-decoration-color:var(--wc-orange);text-decoration-thickness:2px;text-underline-offset:6px}
}

/* withcommunity 0.3.1 Revised navigation (Leah, todo 10452116400, comment 10453115690): About holds two links; Programs holds two nested sub-groups (Community Partners as a plain heading with Public Discourse and Online Meetings, Art Partners as a linked heading with Call for Artists). The 0.3.0 rules above are untouched; these add the sub-heading and sub-list styling. */
/* AA. Desktop: nested lists reset Leah's flex list rule; sub-groups are separated by a short rule and a little space */
nav .wc-nav .wc-sublist{display:block;gap:0;margin:0;padding:0;list-style:none}
.wc-panel .wc-sub{position:relative;margin:0;padding:0}
.wc-panel .wc-sub+.wc-sub{margin-top:10px}
.wc-panel .wc-sub+.wc-sub:before{content:"";position:absolute;top:-5px;left:16px;right:16px;border-top:1px solid var(--wc-rule-light)}
/* AB. Sub-headings: bold; the plain one is a span (no page yet), the linked one is a full-row link like the other rows */
.wc-panel .wc-subhead{display:block;padding:10px 22px 4px;color:var(--wc-ink);font-size:15px;font-weight:600;line-height:1.3;white-space:nowrap}
.wc-panel a.wc-subhead{padding-bottom:6px}
/* AC. Children sit one level in (18px deeper than the heading) and are a little lighter */
.wc-panel .wc-sublist a{padding:7px 22px 7px 40px;font-weight:400;line-height:1.3}
.wc-panel .wc-sublist li:last-child a{padding-bottom:9px}
@media (max-width:900px){
  /* AD. Mobile: sub-headings read as bold rows, their children are indented one level deeper with their own rail */
  .mobile-menu .wc-msub .wc-msubhead{display:block;min-height:48px;padding:12px 0;font-size:18px;font-weight:600;line-height:1.35;color:inherit;text-decoration:none;border-bottom:1px solid rgba(236,233,223,.15)}
  .mobile-menu .wc-msub .wc-msublist{margin:0 0 0 4px;padding:0 0 0 18px;border-left:2px solid var(--wc-green-mid)}
  .mobile-menu .wc-msub .wc-msublist a{font-size:17px;font-weight:400}
}
/* withcommunity 0.3.2: footer label Online Meetings and hrefs to /online-meetings/, no rule changes */
/* withcommunity 0.3.4: Articles nav item and /articles/ URL for the fullversion post type (inc/articles-url.php). No CSS change. */
/* withcommunity 0.3.4 fix 1: Yoast title and canonical filters for the articles views (inc/articles-url.php). No CSS change. */