/* 20261105v2bj: directory feedback and an article-oriented community. */
html[data-ui-theme] #main #mentor-grid .v2-mentor-card-portrait { aspect-ratio:1!important;height:auto!important;object-fit:cover;object-position:center 20%; }
html[data-ui-theme] #main .xd-mentor-badges { display:flex;flex-wrap:wrap;gap:5px;margin-top:9px; }
html[data-ui-theme] #main .xd-mentor-badges span { padding:3px 8px;border-radius:5px;background:color-mix(in srgb,var(--action) 8%,#fff);color:var(--deep);font-size:11px;line-height:1.6;border:1px solid color-mix(in srgb,var(--action) 13%,#fff); }
html[data-ui-theme] #main #mentor-grid .person-row small[hidden] { display:none!important; }
html[data-ui-theme] #main #mentor-grid .v2-published-teacher .card-meta > span:not(.status) { display:none; }
html[data-ui-theme] #main :is(.xd-courses-banner,.xd-projects-banner) { background:var(--bg); }
html[data-ui-theme] #main :is(.xd-courses-banner,.xd-projects-banner)::before,
html[data-ui-theme] #main :is(.xd-courses-banner,.xd-projects-banner)::after { mask-image:linear-gradient(to bottom,#000 60%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 60%,transparent 100%); }
html[data-ui-theme] #main .xd-projects-banner { --xd-banner-image:url('/assets/community-images-v2bj/projects-hero.webp');min-height:390px;padding-top:68px; }
html[data-ui-theme] #main .xd-projects-banner::before { background-position:right top;background-size:auto 100%; }
html[data-ui-theme] #main .xd-events-banner { min-height:260px;padding-top:40px;padding-bottom:44px; }
html[data-ui-theme] #main .xd-recommended a { transition:background-color .18s,color .18s; }
html[data-ui-theme] #main .xd-recommended a:is(:hover,:focus-visible) { background:var(--deep);color:#fff; }
html[data-ui-theme] #main .xd-recommended a:is(:hover,:focus-visible) :is(small,strong,span) { color:#fff; }
html[data-ui-theme] #main :is(.v2-event-agenda-card,.feed-post,#project-grid .card) { transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease; }
html[data-ui-theme] #main :is(.v2-event-agenda-card,.feed-post,#project-grid .card):is(:hover,:focus-within) { transform:translateY(-3px);box-shadow:0 12px 28px rgb(25 45 70 / .11); }
html[data-ui-theme] #main :is(.feed-post,#project-grid .card) { cursor:pointer; }
html[data-ui-theme] #main .xd-post-thumbnail { display:block;width:180px;max-width:38%;height:auto;aspect-ratio:16/9;object-fit:cover;float:right;margin:0 0 10px 20px;border-radius:8px; }
html[data-ui-theme] #main .feed-post .post-tools { clear:both; }
html[data-ui-theme] #main .xd-community-reading { max-width:900px;width:calc(100% - 48px);padding:28px 0 112px; }
html[data-ui-theme] #main .xd-reading-heading h1 { margin:14px 0;font-size:clamp(26px,3vw,38px);line-height:1.5; }
html[data-ui-theme] #main .xd-reading-heading > p { margin-bottom:24px; }
html[data-ui-theme] #main .xd-reading-figure { margin:28px 0; }
html[data-ui-theme] #main .xd-reading-figure img { display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px; }
html[data-ui-theme] #main .xd-reading-figure figcaption { font-size:11px;color:var(--muted);text-align:right;margin-top:8px; }
html[data-ui-theme] #main .xd-reading-body { font-size:16px;line-height:1.95; }
html[data-ui-theme] #main .xd-reading-body h2 { font-size:21px;line-height:1.6;margin:32px 0 12px; }
html[data-ui-theme] #main .xd-reading-body p { margin:0 0 20px;overflow-wrap:anywhere; }
html[data-ui-theme] #main .xd-reading-actions { display:flex;align-items:center;flex-wrap:wrap;gap:8px;border-block:1px solid var(--line);padding:14px 0;margin-top:32px; }
html[data-ui-theme] #main .xd-reading-actions :is(button,a,summary) { display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 12px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-size:13px;cursor:pointer;text-decoration:none; }
html[data-ui-theme] #main .xd-reading-actions :is(button,a,summary):hover,
html[data-ui-theme] #main .xd-reading-actions button[aria-pressed=true] { color:var(--action);background:var(--cp-wash); }
html[data-ui-theme] #main .xd-reading-actions :is(button,a,summary):focus-visible { outline:2px solid var(--action);outline-offset:2px; }
html[data-ui-theme] #main .xd-reading-more { position:relative;margin-left:auto; }
html[data-ui-theme] #main .xd-reading-more summary { list-style:none; }
html[data-ui-theme] #main .xd-reading-more summary::-webkit-details-marker { display:none; }
html[data-ui-theme] #main .xd-reading-more > div { position:absolute;z-index:3;right:0;top:100%;min-width:150px;padding:8px;background:var(--cp-paper,#fff);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px #17263d1a; }
html[data-ui-theme] #main .xd-reading-feedback { min-height:1.6em;font-size:13px;color:var(--muted); }
html[data-ui-theme] #main .xd-comment-count { display:inline-flex;align-items:center;justify-content:center;min-width:24px;padding:2px 7px;margin-left:6px;border-radius:6px;background:var(--cp-wash);color:var(--action);font-size:12px;vertical-align:middle; }
html[data-ui-theme] #main .xd-community-reading :is(#comments,#reply-form) { scroll-margin-top:100px; }
html[data-ui-theme] #main .xd-comment { padding:20px 0;border-bottom:1px solid var(--line);background:transparent; }
html[data-ui-theme] #main .xd-comment header { display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:14px; }
html[data-ui-theme] #main .xd-comment :is(time,.xd-example-label),html[data-ui-theme] #main .xd-example-label { font-size:11px;color:var(--muted); }
html[data-ui-theme] #main .xd-comment p { font-size:14px;line-height:1.9;overflow-wrap:anywhere;margin:10px 0 0; }
html[data-ui-theme] #main .xd-comment-account { display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:16px 0;font-size:13px;color:var(--muted); }
html[data-ui-theme] #main .xd-comment-account a { color:var(--action); }
html[data-ui-theme] #main .xd-session-exit { border:0;background:none;font:inherit;color:var(--action);padding:8px;cursor:pointer; }
html[data-ui-theme] #main .xd-community-reading textarea { width:100%;box-sizing:border-box; }
html[data-ui-theme] #main .xd-community-reading button:disabled { cursor:default;opacity:.45; }
html[data-ui-theme] #main .xd-community-reading .support-caption { font-size:12px;color:var(--muted); }
@media(max-width:700px){
 html[data-ui-theme] #main .xd-projects-banner { min-height:340px;padding-top:42px; }
 html[data-ui-theme] #main .xd-events-banner { min-height:232px;padding-top:30px;padding-bottom:34px; }
 html[data-ui-theme] #main .xd-community-reading { width:calc(100% - 32px);padding-bottom:96px; }
 html[data-ui-theme] #main .xd-post-thumbnail { width:115px;margin-left:12px; }
 html[data-ui-theme] #main .xd-reading-body { font-size:15px; }
 html[data-ui-theme] #main .xd-reading-actions { gap:2px; }
 html[data-ui-theme] #main .xd-reading-actions :is(button,a,summary) { padding-inline:8px;font-size:12px; }
 html[data-ui-theme] #main .xd-reading-more { margin-left:0; }
}
@media(max-width:480px){
 html[data-ui-theme] #main .xd-reading-actions { flex-wrap:nowrap;gap:4px; }
 html[data-ui-theme] #main .xd-reading-actions > :is(button,a),html[data-ui-theme] #main .xd-reading-more summary { min-width:44px;padding:8px; }
 html[data-ui-theme] #main .xd-reading-actions > :is(button,a) > span { display:none; }
 html[data-ui-theme] #main .xd-reading-more { margin-left:auto; }
}
@media(prefers-reduced-motion:reduce){
 html[data-ui-theme] #main :is(.v2-event-agenda-card,.feed-post,#project-grid .card,.xd-recommended a) { transition:none;transform:none!important; }
}

/* 20261106v2bm: final home and directory feedback pass. */
html[data-ui-theme] #main .gh-overview dd a { gap:11px; }
@media(min-width:701px){
  html[data-ui-theme] #main .gh-category-links { flex-wrap:nowrap;max-width:none;gap:4px 16px; }
  html[data-ui-theme] #main .gh-chapter-courses .gh-chapter-copy h2,
  html[data-ui-theme] #main .gh-chapter-projects .gh-chapter-copy h2 { font-size:clamp(30px,2.8vw,42px); }
  html[data-ui-theme] #main .gh-chapter-courses .gh-chapter-copy p,
  html[data-ui-theme] #main .gh-chapter-projects .gh-chapter-copy p { font-size:16px; }
}
html[data-ui-theme] #main .gh-chapter-projects .gh-chapter-media img { transform:scale(1.09);object-position:center; }
html[data-ui-theme] #main .gh-chapter-mentors .gh-chapter-media img { transform:scale(1.1);object-position:right center; }
html[data-ui-theme] #main .gh-chapter-community { background:#edf1f3; }
html[data-ui-theme] #main .gh-chapter-community::before { background:linear-gradient(90deg,#edf1f3f5,#f8fafbf2 50%,#edf1f3f5); }
html[data-ui-theme] #main .gh-chapter.gh-chapter-community[data-tone="dark"] h2 { color:#263b4d; }
html[data-ui-theme] #main .gh-chapter-community .gh-category-links a { background:#fff;color:#31536b;border:1px solid rgb(255 255 255 / .8);box-shadow:0 8px 20px rgb(27 61 79 / .10),0 2px 5px rgb(27 61 79 / .08);transform:translateY(0);transition:transform 180ms ease,box-shadow 180ms ease,color 180ms ease; }
html[data-ui-theme] #main .gh-chapter-community .gh-category-links a:nth-child(3n+1) .gh-category-icon { color:#2f8f70; }
html[data-ui-theme] #main .gh-chapter-community .gh-category-links a:nth-child(3n+2) .gh-category-icon { color:#377fc3; }
html[data-ui-theme] #main .gh-chapter-community .gh-category-links a:nth-child(3n) .gh-category-icon { color:#5a9a76; }
html[data-ui-theme] #main .gh-chapter-community .gh-category-links a:hover { background:#fff;color:var(--action);box-shadow:0 13px 28px rgb(27 61 79 / .15),0 3px 8px rgb(27 61 79 / .10);transform:translateY(-4px); }
html[data-ui-theme] #main .gh-chapter-events { background:rgb(230 237 241 / .76); }
html[data-ui-theme] #main .gh-chapter-events::before { background:linear-gradient(90deg,rgb(244 248 250 / .72),rgb(244 248 250 / .45) 50%,rgb(244 248 250 / .72));backdrop-filter:blur(14px) saturate(1.08);-webkit-backdrop-filter:blur(14px) saturate(1.08); }
html[data-ui-theme] #main .gh-chapter-events .gh-chapter-copy { padding:58px 44px; }

/* Recommended course tiles use a deeper translucent blue frosted hover surface. */
html[data-ui-theme] #main .xd-recommended a { position:relative;z-index:0;margin-inline:-24px;padding-inline:24px;transition:background-color .18s,color .18s,box-shadow .18s; }
html[data-ui-theme] #main .xd-recommended a:is(:hover,:focus-visible) { z-index:1;background:rgb(31 92 156 / .72);color:#fff;box-shadow:0 10px 26px rgb(21 60 110 / .20),inset 0 0 0 1px rgb(255 255 255 / .20);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2); }
html[data-ui-theme] #main .xd-recommended a:is(:hover,:focus-visible) :is(small,strong,span) { color:#fff; }

/* Keep filters as one roomy surface, with course-like rows on every directory. */
html[data-ui-theme] #main.xd-banner-page .xd-filter-panel { padding-inline:28px; }
html[data-ui-theme] #main.xd-banner-page .xd-choice-options { row-gap:6px; }
html[data-ui-theme] #main.xd-banner-page .xd-choice-group { min-height:48px; }
html[data-ui-theme] #main.xd-banner-page .xd-choice-group legend,
html[data-ui-theme] #main.xd-banner-page .xd-choice-options label { min-height:48px; }
html[data-ui-theme] #main.xd-banner-page .xd-project-tabs { margin:18px auto 0; }
html[data-ui-theme] #main.xd-banner-page .xd-directory-banner .xd-project-tabs { justify-content:flex-start;margin:18px 0 0; }
html[data-ui-theme] body[data-page="projects"] #main .xd-directory-banner .xd-project-tabs { width:max-content; }
html[data-ui-theme] body[data-page="projects"] #main #project-grid .card-meta .status.blue,
html[data-ui-theme] body[data-page="project-detail"] #main .card-meta .status.blue { background:#29465e;color:#fff;border-color:#29465e; }
html[data-ui-theme] #main .xd-project-price { margin-left:auto;color:var(--action);font-size:14px;font-weight:700;white-space:nowrap; }
html[data-ui-theme] #main #project-grid .card-footer { gap:10px 16px; }

/* Intro actions sit with their explanatory copy, like the course poster. */
html[data-ui-theme] #main .xd-directory-banner.xd-mentors-banner.xd-mentor-intro .xd-mentor-apply { display:inline-flex;position:static;margin-top:18px; }
html[data-ui-theme] #main .xd-directory-banner.xd-mentors-banner.xd-mentor-intro { align-items:flex-start; }
html[data-ui-theme] #main .xd-directory-banner.xd-mentors-banner.xd-mentor-intro > p { margin-bottom:0; }

/* Community topic rail and cards. */
html[data-ui-theme] #main .xd-community-topics { padding:22px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px rgb(28 50 76 / .06); }
html[data-ui-theme] #main .xd-post-thumbnail { aspect-ratio:4/3; }
html[data-ui-theme] #main .xd-post-author { display:none!important; }

/* Event controls and cards share the catalogue spacing and clearer grouping. */
html[data-ui-theme] #main .xd-events-banner { border-bottom:1px solid rgb(52 83 105 / .16);box-shadow:0 8px 24px rgb(28 50 76 / .08); }
html[data-ui-theme] #main .v2-event-viewbar { align-items:flex-end;margin:0 0 22px;padding:0 2px; }
html[data-ui-theme] #main .v2-event-viewbar-main,
html[data-ui-theme] #main .v2-event-viewbar-side { display:flex;align-items:center;gap:12px; }
html[data-ui-theme] #main .v2-event-view-caption,
html[data-ui-theme] #main .v2-event-viewbar-side > span { color:var(--muted);font-size:13px; }
html[data-ui-theme] #main .v2-event-viewbar-side { margin-left:auto; }
html[data-ui-theme] #main .v2-event-viewbar-side > a { min-height:44px;padding:0 12px;border-radius:4px;background:var(--cp-wash,#eef3f6); }
html[data-ui-theme] #main .v2-event-thumb { border-radius:10px; }
html[data-ui-theme] #main .v2-event-thumb .event-image { border-radius:10px; }

/* Move mentor portrait framing down so the square crop carries the face and torso. */
html[data-ui-theme] #main #mentor-grid .v2-mentor-card-portrait { object-position:center 35%; }

@media(max-width:700px){
  html[data-ui-theme] #main .gh-category-links { flex-wrap:wrap; }
  html[data-ui-theme] #main .gh-chapter-projects .gh-chapter-media img,
  html[data-ui-theme] #main .gh-chapter-mentors .gh-chapter-media img { transform:scale(1.08); }
  html[data-ui-theme] #main .gh-chapter-events .gh-chapter-copy { padding:42px 22px 48px; }
  html[data-ui-theme] #main.xd-banner-page .xd-filter-panel { padding-inline:18px; }
  html[data-ui-theme] #main .xd-recommended a { margin-inline:-16px;padding-inline:16px; }
  html[data-ui-theme] #main .xd-directory-banner.xd-mentors-banner.xd-mentor-intro .xd-mentor-apply { margin-top:14px; }
  html[data-ui-theme] #main .v2-event-viewbar { align-items:stretch;flex-direction:column;gap:12px; }
  html[data-ui-theme] #main .v2-event-viewbar-main,
  html[data-ui-theme] #main .v2-event-viewbar-side { justify-content:space-between; }
  html[data-ui-theme] #main .v2-event-viewbar-side { margin-left:0; }
  html[data-ui-theme] #main .v2-event-viewbar-side > a { flex:1;justify-content:center; }
}

/* 20261106v2bm: restore the homepage's textured navy community chapter. */
html[data-ui-theme] #main .gh-overview dt { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
html[data-ui-theme] #main .gh-overview dl > div { gap:0; }
html[data-ui-theme] #main .gh-overview dd a { display:block;gap:0;white-space:nowrap; }
html[data-ui-theme] #main .gh-overview strong { display:block;font-size:clamp(22px,2.1vw,30px);font-weight:550;letter-spacing:-.03em; }

html[data-ui-theme] #main .gh-chapter-projects .gh-chapter-copy h2 { max-width:11em; }
html[data-ui-theme] #main .gh-chapter-projects .gh-chapter-copy p { max-width:31em; }
html[data-ui-theme] #main :is(.gh-chapter-projects,.gh-chapter-courses) .gh-category-links { flex-wrap:nowrap;gap:4px 14px;overflow-x:auto;max-width:100%;scrollbar-width:none; }
html[data-ui-theme] #main .gh-chapter-projects .gh-category-links::-webkit-scrollbar { display:none; }
html[data-ui-theme] #main :is(.gh-chapter-projects,.gh-chapter-courses) .gh-category-links a { white-space:nowrap;flex:0 0 auto;padding:7px 2px;border:0;background:transparent;box-shadow:none; }
html[data-ui-theme] #main :is(.gh-chapter-projects,.gh-chapter-courses) .gh-category-links span { white-space:nowrap; }
html[data-ui-theme] #main .gh-chapter-projects .gh-chapter-media img { transform:translateX(4%) scale(1.22);object-position:center; }
html[data-ui-theme] #main .gh-chapter-mentors .gh-chapter-media img { transform:translateX(-4%) scale(1.22);object-position:right center; }
html[data-ui-theme] #main .gh-chapter-mentors .gh-chapter-media::after { background:linear-gradient(90deg,rgb(var(--gh-chapter-light)) 0%,rgb(var(--gh-chapter-light)/.82) 12%,rgb(var(--gh-chapter-light)/.22) 46%,transparent 72%); }

/* The community chapter keeps the original image texture under a navy wash. */
html[data-ui-theme] #main .gh-chapter-community { background:rgb(var(--gh-chapter-dark));color:#fff; }
html[data-ui-theme] #main .gh-chapter-community::before { background:linear-gradient(90deg,rgb(var(--gh-chapter-dark)/.94),rgb(var(--gh-chapter-dark)/.70) 52%,rgb(var(--gh-chapter-dark)/.90)); }
html[data-ui-theme] #main .gh-chapter-community .gh-chapter-media img { filter:none;opacity:.92;transform:scale(1.04); }
html[data-ui-theme] #main .gh-chapter.gh-chapter-community[data-tone="dark"] h2,
html[data-ui-theme] #main .gh-chapter-community p,
html[data-ui-theme] #main .gh-chapter-community .gh-category-links a,
html[data-ui-theme] #main .gh-chapter-community .gh-category-links span,
html[data-ui-theme] #main .gh-chapter-community .gh-category-links a:nth-child(n) .gh-category-icon { color:#fff; }
html[data-ui-theme] #main .gh-chapter-community .gh-category-links { gap:18px 28px; }
html[data-ui-theme] #main .gh-chapter-community .gh-category-links a { min-width:82px;min-height:82px;padding:8px 6px;border:0;border-radius:0;background:transparent;box-shadow:none; }
html[data-ui-theme] #main .gh-chapter-community .gh-category-links a:hover,
html[data-ui-theme] #main .gh-chapter-community .gh-category-links a:focus-visible { background:rgb(255 255 255 / .10);box-shadow:none;color:#fff;transform:translateY(-3px); }
html[data-ui-theme] #main .gh-chapter-community .gh-category-icon { width:30px;height:30px; }
html[data-ui-theme] #main .gh-home .gh-chapter-community .gh-chapter-action { background:#fff;color:#1e3955;border-color:#fff; }
html[data-ui-theme] #main .gh-home .gh-chapter-community .gh-chapter-action:hover { background:#f0f5fa;color:#1e3955;border-color:#f0f5fa; }

html[data-ui-theme] #main .gh-chapter-events { min-height:620px;background:rgb(248 251 252 / .88);box-shadow:none; }
html[data-ui-theme] #main .gh-chapter-events::before { background:linear-gradient(90deg,rgb(252 254 255 / .90),rgb(252 254 255 / .62) 50%,rgb(252 254 255 / .90));backdrop-filter:blur(14px) saturate(1.08);-webkit-backdrop-filter:blur(14px) saturate(1.08); }
html[data-ui-theme] #main .gh-chapter-events .gh-chapter-media img { box-shadow:none; }

/* Directory selection uses the project poster and keeps products aligned. */
html[data-ui-theme] #main .xd-selection-banner { --xd-banner-image:url('/assets/community-images-v2bj/projects-hero.webp');min-height:390px;padding-top:68px;background:var(--bg);--xd-filter-reserve:max(0px,calc(var(--xd-filter-overlap,0px) - 48px)); }
html[data-ui-theme] #main .xd-selection-banner::before { background-position:right top;background-size:auto 100%; }
html[data-ui-theme] #main :is(.xd-selection-banner,.xd-mentors-banner)::before,
html[data-ui-theme] #main :is(.xd-selection-banner,.xd-mentors-banner)::after { mask-image:linear-gradient(to bottom,#000 60%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 60%,transparent 100%); }
html[data-ui-theme] #main .xd-mentors-banner { background:var(--bg); }
html[data-ui-theme] #main #product-grid { gap:28px; }
html[data-ui-theme] #main #product-grid .card { cursor:pointer;transition:transform .2s ease,box-shadow .2s ease; }
html[data-ui-theme] #main #product-grid .card:is(:hover,:focus-within) { transform:translateY(-4px);box-shadow:0 14px 30px rgb(28 50 76 / .13); }
html[data-ui-theme] #main #product-grid .card-image { display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center; }
html[data-ui-theme] #main #product-grid .card-body { min-width:0; }
html[data-ui-theme] #main.xd-banner-page > .xd-selection-banner + .cp-page-shell.xd-floating-content { padding-top:0;margin-top:calc(-1 * var(--xd-filter-overlap,0px)); }
html[data-ui-theme] #main .xd-selection-banner + .cp-page-shell .xd-filter-panel { margin-bottom:32px; }
html[data-ui-theme] #main #mentor-grid .card { transition:transform .2s ease,box-shadow .2s ease; }
html[data-ui-theme] #main #mentor-grid .card:is(:hover,:focus-within) { transform:translateY(-4px);box-shadow:0 14px 30px rgb(28 50 76 / .13); }

/* Community tags sit between the article copy and its action divider. */
html[data-ui-theme] #main .feed-post .xd-post-tags { clear:both;margin:12px 0 0;padding-top:10px; }

/* Activity poster controls live in the copy; the result row owns the right-side entry. */
html[data-ui-theme] #main .xd-events-banner .v2-event-viewbar-main { display:flex;align-items:center; }
html[data-ui-theme] #main .xd-events-banner .v2-event-viewbar-main nav { display:flex;gap:8px;margin-top:8px; }
html[data-ui-theme] #main .xd-events-banner .v2-event-viewbar-main nav a { display:inline-flex;align-items:center;min-height:42px;padding:8px 18px;border:1px solid rgb(var(--action-rgb,36 91 176) / .22);border-radius:999px;background:rgb(255 255 255 / .60);color:var(--ink);font-size:14px;text-decoration:none; }
html[data-ui-theme] #main .xd-events-banner .v2-event-viewbar-main nav a[aria-current="page"] { background:var(--action);border-color:var(--action);color:#fff; }
html[data-ui-theme] #main .xd-events-banner .v2-event-viewbar-side { display:none; }
html[data-ui-theme] #main .v2-event-results-heading { display:flex;align-items:center;justify-content:space-between;gap:18px; }
html[data-ui-theme] #main .v2-event-results-meta { display:flex;align-items:center;gap:16px;min-width:0; }
html[data-ui-theme] #main .v2-event-results-meta :is(h2,p) { margin:0; }
html[data-ui-theme] #main .v2-event-results-meta #event-count { white-space:nowrap; }
html[data-ui-theme] #main .v2-event-results-heading .v2-event-viewbar-side { display:flex;align-items:center;gap:12px;margin-left:auto; }
html[data-ui-theme] #main .v2-event-results-heading .v2-event-viewbar-side > span { color:var(--muted);font-size:13px; }
html[data-ui-theme] #main .v2-event-results-heading .v2-event-viewbar-side > a { display:inline-flex;align-items:center;min-height:42px;padding:8px 16px;border-radius:999px;background:var(--action);color:#fff;text-decoration:none; }
html[data-ui-theme] #main .xd-events-banner { box-shadow:none; }
html[data-ui-theme] #main .xd-events-banner { min-height:320px; }
/* Align the source photo's top so faces move DOWN within the square crop. */
html[data-ui-theme] #main #mentor-grid .v2-mentor-card-portrait { object-position:center top; }
html[data-ui-theme] #main .xd-directory-banner.xd-mentors-banner::after { background:linear-gradient(90deg,rgb(var(--xd-poster-rgb) / .96),rgb(var(--xd-poster-rgb) / .85) 32%,rgb(var(--xd-poster-rgb) / .16) 72%); }
html[data-ui-theme] #main .xd-directory-banner.xd-mentors-banner.xd-mentor-intro .xd-mentor-apply { min-height:46px;padding:10px 24px;border:0;border-radius:999px;background:var(--action);color:#fff;font-weight:550; }
html[data-ui-theme] #main .xd-directory-banner.xd-mentors-banner.xd-mentor-intro .xd-mentor-apply:hover { background:color-mix(in srgb,var(--action) 88%,#000);color:#fff; }

@media(max-width:700px){
  html[data-ui-theme] #main .gh-overview strong { font-size:20px; }
  html[data-ui-theme] #main .gh-chapter-projects .gh-chapter-media img { transform:translateX(2%) scale(1.16);object-position:center; }
  html[data-ui-theme] #main .gh-chapter-mentors .gh-chapter-media img { transform:translateX(-2%) scale(1.16);object-position:right center; }
  html[data-ui-theme] #main .gh-chapter-projects .gh-category-links,
  html[data-ui-theme] #main .gh-chapter-courses .gh-category-links { justify-content:flex-start; }
  html[data-ui-theme] #main .gh-chapter-community .gh-category-links { gap:10px 15px; }
  html[data-ui-theme] #main .gh-chapter-community .gh-category-links a { min-width:calc(25% - 12px); }
  html[data-ui-theme] #main .gh-chapter-events { min-height:560px; }
  html[data-ui-theme] #main .xd-events-banner .v2-event-viewbar-main nav a { padding-inline:14px; }
  html[data-ui-theme] #main .v2-event-results-heading { align-items:flex-start; }
  html[data-ui-theme] #main .v2-event-results-meta { flex-wrap:wrap;align-items:center;gap:4px 8px; }
  html[data-ui-theme] #main .v2-event-results-heading .v2-event-viewbar-side { flex-direction:column;align-items:flex-end;gap:4px; }
}
@media(prefers-reduced-motion:reduce){
  html[data-ui-theme] #main :is(#product-grid .card,#mentor-grid .card,.gh-chapter-community .gh-category-links a) { transition:none; }
  html[data-ui-theme] #main :is(#product-grid .card,#mentor-grid .card,.gh-chapter-community .gh-category-links a):is(:hover,:focus-within) { transform:none; }
}

/* 20261106v2bo: give article copy and its thumbnail separate, padded columns. */
html[data-ui-theme] #main .xd-community-feed .feed-post { display:grid;grid-template-columns:minmax(0,1fr) 180px;column-gap:28px;align-items:start;padding:28px 32px; }
html[data-ui-theme] #main .xd-community-feed .feed-post:not(:has(> .xd-post-thumbnail)) { grid-template-columns:minmax(0,1fr); }
html[data-ui-theme] #main .xd-community-feed .xd-post-copy { grid-column:1;grid-row:1;min-width:0; }
html[data-ui-theme] #main .xd-community-feed .xd-post-copy h3 { margin:0 0 8px;overflow-wrap:anywhere; }
html[data-ui-theme] #main .xd-community-feed .xd-post-copy > p { font-size:13px;line-height:1.8;color:var(--muted);margin:0;overflow-wrap:anywhere; }
html[data-ui-theme] #main .xd-community-feed .xd-post-thumbnail { grid-column:2;grid-row:1;float:none;width:100%;max-width:100%;margin:0; }
html[data-ui-theme] #main .xd-community-feed .xd-post-tags { clear:none;margin:10px 0 0;padding:0; }
html[data-ui-theme] #main .xd-community-feed .feed-post > :is(.post-tools,.xd-post-feedback) { grid-column:1/-1; }
html[data-ui-theme] #main .xd-community-feed .feed-post .post-tools { margin-top:16px; }
html[data-ui-theme] #main .xd-community-feed .feed-post > .xd-post-feedback { margin:0; }
@media(max-width:700px){
 html[data-ui-theme] #main .xd-community-feed .feed-post { grid-template-columns:minmax(0,1fr) clamp(72px,25vw,100px);column-gap:16px;padding:22px; }
 html[data-ui-theme] #main .xd-community-feed .xd-post-copy > p { display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden; }
 html[data-ui-theme] #main .xd-community-feed .feed-post .post-tools { gap:4px 12px; }
}

/* 20261106v2bp: shared directory geometry and animated community filters. */
html[data-ui-theme] #main :is(.xd-community-boards button,.xd-community-topics button,.xd-community-topics summary) { transition:transform 160ms ease,background-color 160ms ease,color 160ms ease,border-color 160ms ease,box-shadow 160ms ease; }
@media(hover:hover){
 html[data-ui-theme] #main :is(.xd-community-boards button,.xd-community-topics button,.xd-community-topics summary):hover { color:var(--action);background:color-mix(in srgb,var(--action) 12%,#fff);border-color:color-mix(in srgb,var(--action) 25%,#fff);box-shadow:0 5px 14px rgb(28 50 76 / .08); }
 html[data-ui-theme] #main .xd-community-boards button:hover { transform:translateY(-2px); }
 html[data-ui-theme] #main :is(.xd-community-topics button,.xd-community-topics summary):hover { transform:translateX(3px); }
}
html[data-ui-theme] #main :is(.xd-community-boards button,.xd-community-topics button,.xd-community-topics summary):focus-visible { outline:2px solid var(--action);outline-offset:2px; }
html[data-ui-theme] body[data-page="selection"] #main { padding-bottom:112px; }
html[data-ui-theme] body[data-page="selection"] #main .xd-filter-panel { margin-bottom:32px; }
html[data-ui-theme] #main .xd-events-banner { --xd-filter-reserve:max(0px,calc(var(--xd-filter-overlap,0px) - 24px));min-height:408px;padding-top:52px;background:var(--bg);border-bottom:0;box-shadow:none; }
html[data-ui-theme] #main .xd-events-banner::before,
html[data-ui-theme] #main .xd-events-banner::after { mask-image:linear-gradient(to bottom,#000 60%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 60%,transparent 100%); }
html[data-ui-theme] #main.xd-banner-page > .v2-event-discovery.xd-floating-content { margin-top:calc(-1 * var(--xd-filter-overlap,0px)); }
@media(max-width:700px){
 html[data-ui-theme] body[data-page="selection"] #main { padding-bottom:96px; }
 html[data-ui-theme] #main .xd-events-banner { min-height:340px;padding-top:34px; }
}
@media(prefers-reduced-motion:reduce){
 html[data-ui-theme] #main :is(.xd-community-boards button,.xd-community-topics button,.xd-community-topics summary) { transition:none;transform:none!important; }
}

