/* Community: a single editorial composition with a real, accessible preview. */
.oc-individuals .oc-community-feature {
  --circle-ink: oklch(23% .035 263);
  --circle-paper: oklch(97.5% .008 75);
  --circle-peach: oklch(82% .10 46);
  --circle-orange: oklch(71% .19 42);
  --circle-muted: oklch(82% .021 260);
  --circle-line: oklch(48% .035 263);
  --circle-dark-copy: oklch(42% .038 263);
  color: var(--circle-ink);
  background: var(--circle-paper);
  border-top-color: oklch(85% .012 75);
  scroll-margin-top: 160px;
}
.oc-community-feature .oc-community-inner {max-width:1344px;margin-inline:auto;padding:clamp(56px,7vw,96px) clamp(20px,4vw,64px)}
.oc-community-feature .oc-community-heading {display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:end;margin-bottom:48px}
.oc-community-feature .oc-community-eyebrow {font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--oc-action);margin:0 0 24px}
.oc-community-feature h2 {font-family:var(--font-body);font-size:clamp(40px,4.7vw,66px);font-weight:550;letter-spacing:-.06em;line-height:1.06;margin:0;max-width:18ch;text-wrap:initial;color:var(--circle-ink)}
.oc-community-feature h2 span {color:var(--circle-dark-copy)}
.oc-community-feature .oc-community-lead {max-width:53ch}
.oc-community-feature .oc-community-lead>p {margin:0;font-size:16px;line-height:1.7;color:var(--circle-dark-copy)}
.oc-community-feature .oc-community-lead>p:first-child {font-size:20px;line-height:1.45;font-weight:500;letter-spacing:-.025em;color:var(--circle-ink);margin-bottom:16px;max-width:35ch}
.oc-community-feature a.oc-community-link {display:inline-flex;align-items:center;gap:24px;min-height:48px;margin-top:16px;font-size:14px;font-weight:650;color:var(--circle-ink);background:transparent;text-decoration:none;border-bottom:1px solid var(--circle-ink)}
.oc-community-feature a.oc-community-link:hover,.oc-community-feature a.oc-community-link:active {color:var(--oc-action);border-color:var(--oc-action);background:transparent}
.oc-community-link svg {transition:transform 180ms cubic-bezier(.22,1,.36,1);flex-shrink:0}
.oc-community-link:hover svg {transform:translate(2px,-2px)}
.oc-community-feature .oc-community-stage {display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);background:var(--circle-ink);color:var(--circle-paper);border-radius:16px;overflow:hidden}
.oc-community-feature .oc-community-photo {min-width:0;margin:0;display:flex;flex-direction:column;position:relative;background:oklch(28% .04 263);color:var(--circle-paper)}
.oc-community-feature .oc-community-photo img {display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;border-radius:0}
.oc-community-feature .oc-community-photo figcaption {padding:32px 32px 28px}
.oc-community-feature .oc-community-kicker {color:var(--circle-peach);font-size:11px;font-weight:650;letter-spacing:.09em;text-transform:uppercase}
.oc-community-feature .oc-community-photo figcaption p {font-size:clamp(27px,2.6vw,36px);line-height:1.18;letter-spacing:-.04em;margin:20px 0;font-weight:500;color:var(--circle-paper)}
.oc-community-feature .oc-community-photo-note {display:block;max-width:30ch;font-size:15px;line-height:1.65;color:var(--circle-muted)}
.oc-community-feature .oc-community-orbit {display:block;color:var(--circle-orange);width:140px;height:auto;margin:auto 32px 28px}
.oc-community-feature .oc-circle {min-width:0;padding:32px;align-self:stretch}
.oc-community-feature .oc-circle-masthead {display:flex;gap:16px;align-items:center;justify-content:space-between;padding-bottom:24px}
.oc-community-feature .oc-circle-name {display:flex;align-items:center;gap:12px;font-size:17px;font-weight:550;letter-spacing:-.025em;color:var(--circle-paper)}
.oc-community-feature .oc-circle-name svg {color:var(--circle-peach);flex-shrink:0}
.oc-community-feature .oc-circle-preview-label {font-size:11px;color:var(--circle-muted);text-align:right}
.oc-community-feature .oc-circle-tabs {display:flex;gap:8px;border-bottom:1px solid var(--circle-line);padding-bottom:16px}
.oc-community-feature .oc-circle-tabs[hidden] {display:none}
.oc-community-feature .oc-circle-tabs button {appearance:none;display:flex;align-items:center;justify-content:center;min-height:44px;padding:12px 16px;font-family:var(--font-body);font-size:13px;font-weight:600;line-height:1.3;white-space:nowrap;border:1px solid transparent;border-radius:4px;color:var(--circle-muted);background:transparent;cursor:pointer;box-shadow:none;transition:none}
.oc-community-feature .oc-circle-tabs button:hover {color:var(--circle-paper);background:oklch(34% .04 263);border-color:var(--circle-line)}
.oc-community-feature .oc-circle-tabs button:active {color:var(--circle-paper);background:oklch(39% .04 263);border-color:var(--circle-muted)}
.oc-community-feature .oc-circle-tabs button[aria-selected="true"],.oc-community-feature .oc-circle-tabs button[aria-selected="true"]:hover,.oc-community-feature .oc-circle-tabs button[aria-selected="true"]:active {color:var(--circle-ink);background:var(--circle-peach);border-color:var(--circle-peach)}
.oc-community-feature .oc-circle-panels {display:grid}
.oc-community-feature .oc-circle-panel {grid-area:1/1;min-width:0;padding:28px 0 0;outline-offset:4px}
/* Hidden panels reserve their intrinsic space without being visible, focusable,
   or exposed to assistive technology. Tabs never move the surrounding page. */
.oc-community-feature .oc-circle.is-enhanced .oc-circle-panel[aria-hidden="true"] {visibility:hidden;pointer-events:none}
.oc-community-feature .oc-circle:not(.is-enhanced) .oc-circle-panels {display:block}
.oc-community-feature .oc-circle:not(.is-enhanced) .oc-circle-panel+.oc-circle-panel {margin-top:32px;border-top:1px solid var(--circle-line)}
.oc-community-feature .oc-circle-panel-top {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.oc-community-feature .oc-circle-kicker,.oc-community-feature .oc-circle-index {font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--circle-muted)}
.oc-community-feature .oc-circle-kicker {color:var(--circle-peach)}
.oc-community-feature .oc-circle-panel h3 {font-family:var(--font-body);font-weight:500;font-size:clamp(27px,2.7vw,36px);line-height:1.16;letter-spacing:-.04em;text-wrap:initial;color:var(--circle-paper);margin:0 0 16px}
.oc-community-feature .oc-circle-description {font-size:14px;line-height:1.65;max-width:51ch;margin:0 0 24px;color:var(--circle-muted)}
.oc-community-feature .oc-circle-question,.oc-community-feature .oc-circle-process,.oc-community-feature .oc-circle-session {position:relative;background:var(--circle-paper);color:var(--circle-ink);padding:24px;border-radius:4px;min-height:182px}
.oc-community-feature .oc-circle-small-label {display:block;font-size:11px;line-height:1.5;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--circle-dark-copy)}
.oc-community-feature .oc-circle-question p {font-size:21px;letter-spacing:-.03em;font-weight:500;line-height:1.4;max-width:30ch;margin:16px 40px 0 0;color:var(--circle-ink)}
.oc-community-feature .oc-circle-question>svg {position:absolute;right:20px;bottom:24px;color:var(--oc-action)}
.oc-community-feature .oc-circle-bottom {display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:20px;color:var(--circle-muted);font-size:11px;line-height:1.6}
.oc-community-feature .oc-circle-bottom>span {display:flex;align-items:center;gap:8px}
.oc-community-feature .oc-circle-bottom>span::before {content:"";width:4px;height:4px;border-radius:50%;background:var(--circle-peach);flex-shrink:0}
.oc-community-feature .oc-circle-disclaimer {margin:24px 0 0;border-top:1px solid var(--circle-line);padding-top:16px;font-size:11px;line-height:1.6;color:var(--circle-muted)}
.oc-community-feature .oc-circle-process ol,.oc-community-feature .oc-circle-session ol {list-style:none;padding:0;margin:16px 0 0}
.oc-community-feature .oc-circle-process li {display:flex;gap:12px;align-items:start;padding:8px 0;border-top:1px solid oklch(84% .015 263)}
.oc-community-feature .oc-circle-process li:first-child {padding-top:0;border:0}
.oc-community-feature .oc-circle-step {font-size:11px;line-height:22px;font-variant-numeric:tabular-nums;color:var(--oc-action);flex-shrink:0}
.oc-community-feature .oc-circle-process li strong {font-size:14px;font-weight:600;line-height:1.5;color:var(--circle-ink)}
.oc-community-feature .oc-circle-process li div>span {display:block;font-size:12px;line-height:1.5;color:var(--circle-dark-copy)}
.oc-community-feature .oc-circle-session li {display:flex;gap:16px;font-size:14px;line-height:1.6;margin-top:12px;color:var(--circle-ink)}
.oc-community-feature .oc-circle-session li>span {font-size:11px;line-height:22px;color:var(--oc-action)}
.oc-community-feature .oc-circle-session-note {display:flex;align-items:center;gap:8px;margin-top:20px;color:var(--circle-dark-copy);font-size:12px;line-height:1.6}
.oc-community-feature .oc-community-footnote {display:flex;justify-content:space-between;align-items:start;gap:24px;padding-top:28px}
.oc-community-feature .oc-community-footnote p {font-size:14px;line-height:1.65;margin:0;max-width:60ch;color:var(--circle-dark-copy)}
.oc-community-feature .oc-community-footnote strong {color:var(--circle-ink);font-weight:600}
.oc-community-feature .oc-community-footnote>span {font-size:11px;line-height:1.65;color:var(--circle-dark-copy);max-width:32ch;text-align:right}
.oc-community-feature .oc-community-footnote>span>span {padding-inline:4px;color:var(--oc-action)}
.oc-community-feature a.oc-community-link:focus-visible {outline:2px solid var(--circle-ink);outline-offset:5px}
.oc-community-feature .oc-circle-tabs button:focus-visible,.oc-community-feature .oc-circle-panel:focus-visible {outline:2px solid var(--circle-paper);outline-offset:4px}
@media(max-width:1050px) {
  .oc-community-feature .oc-community-heading {gap:32px;grid-template-columns:1fr 1fr}
  .oc-community-feature .oc-community-stage {grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr)}
  .oc-community-feature .oc-circle {padding:24px}
  .oc-community-feature .oc-circle-masthead {align-items:start;flex-direction:column;gap:8px}
  .oc-community-feature .oc-circle-preview-label {margin-left:40px}
  .oc-community-feature .oc-circle-tabs {gap:4px}
  .oc-community-feature .oc-circle-tabs button {padding-inline:12px;font-size:12px}
  .oc-community-feature .oc-community-photo figcaption {padding:28px 24px}
}
@media(max-width:800px) {
  .oc-community-feature .oc-community-heading {grid-template-columns:1fr;gap:28px;margin-bottom:32px}
  .oc-community-feature h2 {font-size:clamp(38px,7vw,56px)}
  .oc-community-feature .oc-community-lead {max-width:65ch}
  .oc-community-feature .oc-community-stage {grid-template-columns:1fr}
  .oc-community-feature .oc-community-photo {display:grid;grid-template-columns:1fr 1fr;align-items:center}
  .oc-community-feature .oc-community-photo img {align-self:center}
  .oc-community-feature .oc-community-photo figcaption {padding:24px}
  .oc-community-feature .oc-community-photo figcaption p {font-size:26px;margin:12px 0}
  .oc-community-feature .oc-community-photo-note {font-size:13px}
  .oc-community-feature .oc-community-orbit {display:none}
  .oc-community-feature .oc-circle {padding:28px}
  .oc-community-feature .oc-circle-masthead {flex-direction:row;align-items:center}
  .oc-community-feature .oc-circle-preview-label {margin:0}
  .oc-community-feature .oc-circle-tabs button {font-size:13px;padding-inline:20px}
  .oc-community-feature .oc-circle-panel h3 {font-size:34px}
  .oc-community-feature .oc-community-footnote {flex-direction:column;gap:16px}
  .oc-community-feature .oc-community-footnote>span {max-width:none;text-align:left}
}
@media(max-width:520px) {
  .oc-community-feature .oc-community-inner {padding-inline:20px}
  .oc-community-feature .oc-community-eyebrow {font-size:11px;margin-bottom:20px}
  .oc-community-feature .oc-community-stage {border-radius:10px}
  .oc-community-feature .oc-community-photo {display:block}
  .oc-community-feature .oc-community-photo figcaption {padding:24px}
  .oc-community-feature .oc-community-photo figcaption p {font-size:28px}
  .oc-community-feature .oc-community-photo figcaption p br {display:none}
  .oc-community-feature .oc-community-photo-note {max-width:35ch;font-size:14px}
  .oc-community-feature .oc-circle {padding:24px 20px}
  .oc-community-feature .oc-circle-masthead {flex-direction:column;align-items:start;gap:4px}
  .oc-community-feature .oc-circle-preview-label {margin-left:40px}
  .oc-community-feature .oc-circle-tabs {gap:0;justify-content:space-between}
  .oc-community-feature .oc-circle-tabs button {font-size:12px;padding-inline:10px;min-width:0}
  .oc-community-feature .oc-circle-panel h3 {font-size:30px}
  .oc-community-feature .oc-circle-question,.oc-community-feature .oc-circle-process,.oc-community-feature .oc-circle-session {padding:20px;min-height:0}
  .oc-community-feature .oc-circle-question p {font-size:20px;margin-right:0;padding-bottom:32px}
  .oc-community-feature .oc-circle-question>svg {width:24px;height:24px;bottom:16px}
  .oc-community-feature .oc-circle-bottom {gap:8px 16px}
}
@media(max-width:360px) {
  .oc-community-feature h2 {font-size:36px}
  .oc-community-feature .oc-circle {padding-inline:16px}
  .oc-community-feature .oc-circle-tabs button {font-size:11px;padding-inline:8px}
  .oc-community-feature .oc-circle-panel h3 {font-size:27px}
  .oc-community-feature .oc-circle-session-note {align-items:start}
}
@media(prefers-reduced-motion:reduce) {.oc-community-link svg {transition:none;transform:none!important}}
@media(forced-colors:active) {
  .oc-community-feature .oc-circle-tabs button {border:1px solid ButtonText}
  .oc-community-feature .oc-circle-tabs button[aria-selected="true"] {outline:2px solid Highlight;outline-offset:-3px}
  .oc-community-feature .oc-circle-tabs button:focus-visible,.oc-community-feature a.oc-community-link:focus-visible,.oc-community-feature .oc-circle-panel:focus-visible {outline-color:Highlight}
}