/* About page rhythm. Shared cards, forms, overlays and global parts keep their own styles. */
:is(.ch-site,.editor-styles-wrapper) .ch-content-page-content>*{margin-block:0}
:is(.ch-site,.editor-styles-wrapper) .ch-about-shell{width:calc(100% - 2 * var(--space-8));max-width:var(--container-wide);margin-inline:auto}
:is(.ch-site,.editor-styles-wrapper) .ch-about-section{padding-block:var(--space-16)}
:is(.ch-site,.editor-styles-wrapper) .ch-about-section h2{font-size:var(--type-h3);line-height:var(--leading-h3)}
:is(.ch-site,.editor-styles-wrapper) .ch-about-heading{display:grid;gap:var(--space-4);margin-bottom:var(--space-8)}
:is(.ch-site,.editor-styles-wrapper) .ch-about-heading>p{max-width:var(--container-reading);color:var(--text-muted);font-size:var(--type-body);line-height:var(--leading-body);text-wrap:pretty}

/* Compact internal Hero: the supplied image, accepted masking and the Home type scale. */
:is(.ch-site,.editor-styles-wrapper) .ch-internal-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--white)}
:is(.ch-site,.editor-styles-wrapper) .ch-internal-hero-visual{position:absolute;z-index:-1;inset:0;overflow:hidden}
:is(.ch-site,.editor-styles-wrapper) .ch-internal-hero-visual::after{content:'';position:absolute;inset:0;background:var(--wp--custom--hero--overlay)}
:is(.ch-site,.editor-styles-wrapper) .ch-internal-hero-picture{position:absolute;inset:0;width:100%;height:100%;margin:0}
:is(.ch-site,.editor-styles-wrapper) .ch-internal-hero-picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:right center}
:is(.ch-site,.editor-styles-wrapper) .ch-internal-hero-inner{position:relative;display:flex;align-items:center;width:calc(100% - 2 * var(--space-8));max-width:var(--container-wide);min-height:calc(4 * var(--space-24) + var(--space-12));margin-inline:auto;padding-block:var(--space-12)}
:is(.ch-site,.editor-styles-wrapper) .ch-internal-hero-copy{width:56%;max-width:640px}
:is(.ch-site,.editor-styles-wrapper) .ch-internal-hero-label{display:flex;align-items:center;gap:var(--space-3);margin:0 0 var(--space-6);font-size:var(--type-caption);font-weight:var(--weight-medium);line-height:var(--leading-ui);letter-spacing:.04em;color:var(--text-muted)}
:is(.ch-site,.editor-styles-wrapper) .ch-internal-hero-label::before{content:'';width:var(--space-8);height:2px;background:var(--brand-coral)}
:is(.ch-site,.editor-styles-wrapper) .ch-internal-hero-title{margin:0;font-size:var(--type-h1);font-weight:var(--weight-medium);line-height:var(--leading-h1);letter-spacing:var(--tracking-heading);text-wrap:balance}
:is(.ch-site,.editor-styles-wrapper) .ch-internal-hero-title span{display:block}
:is(.ch-site,.editor-styles-wrapper) .ch-internal-hero-title span+span{color:var(--accent-text)}
:is(.ch-site,.editor-styles-wrapper) .ch-internal-hero-intro{max-width:480px;margin:var(--space-6) 0 0;font-size:var(--type-h6);line-height:var(--leading-compact);color:var(--text-muted);text-wrap:pretty}
:is(.ch-site,.editor-styles-wrapper) .ch-internal-hero-actions{display:flex;align-items:center;margin-top:var(--space-6)}
:is(.ch-site,.editor-styles-wrapper) .ch-internal-hero-actions .ch-action>.wp-block-button__link{font-size:var(--ch-body);padding:var(--space-3) var(--space-6)}

/* Experts page: one editorial introduction and the approved card grid. */
:is(.ch-site,.editor-styles-wrapper) .ch-experts-introduction{padding:var(--space-16) var(--space-8) var(--space-8);background:var(--white)}
:is(.ch-site,.editor-styles-wrapper) .ch-experts-introduction-inner{max-width:var(--container-wide);margin-inline:auto}
:is(.ch-site,.editor-styles-wrapper) .ch-experts-introduction-text{max-width:var(--container-reading);font-size:var(--type-h6);line-height:var(--leading-body);color:var(--text-muted);text-wrap:pretty}
:is(.ch-site,.editor-styles-wrapper) .ch-experts-directory{padding-top:0;padding-bottom:var(--space-16)}
:is(.ch-site,.editor-styles-wrapper) .ch-experts-directory>.ch-experts-inner>.ch-track-controls{display:none}

/* Mission is the statement; the three definitions are its quiet supporting column. */
:is(.ch-site,.editor-styles-wrapper) .ch-about-positioning{background:var(--white)}
:is(.ch-site,.editor-styles-wrapper) .ch-positioning-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:var(--space-16);align-items:start}
:is(.ch-site,.editor-styles-wrapper) .ch-mission-text{margin-top:var(--space-6);max-width:var(--container-reading);font-family:var(--font-heading);font-size:var(--type-compact);font-weight:var(--weight-medium);line-height:var(--leading-ui);letter-spacing:var(--tracking-heading);text-wrap:pretty}
:is(.ch-site,.editor-styles-wrapper) .ch-mission-text span{color:var(--accent-text)}
:is(.ch-site,.editor-styles-wrapper) .ch-positioning-support{display:grid;gap:var(--space-6);padding-left:var(--space-8);border-left:1px solid var(--line)}
:is(.ch-site,.editor-styles-wrapper) .ch-positioning-item h3{font-family:var(--font-body);font-size:var(--type-body);font-weight:var(--weight-semibold);line-height:var(--leading-ui);letter-spacing:var(--tracking-normal)}
:is(.ch-site,.editor-styles-wrapper) .ch-positioning-item p{margin-top:var(--space-2);font-size:var(--type-body);line-height:var(--leading-body);color:var(--text-muted);text-wrap:pretty}

/* One line-icon family; compact open columns rather than a ruled table. */
:is(.ch-site,.editor-styles-wrapper) .ch-about-activities{background:var(--white)}
:is(.ch-site,.editor-styles-wrapper) .ch-activities-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-12)}
:is(.ch-site,.editor-styles-wrapper) .ch-activity{display:grid;grid-template-columns:var(--space-6) minmax(0,1fr);gap:var(--space-4);align-items:start}
:is(.ch-site,.editor-styles-wrapper) .ch-activity-icon{display:block;width:var(--space-6);height:var(--space-6);color:var(--brand-coral)}
:is(.ch-site,.editor-styles-wrapper) .ch-activity-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
:is(.ch-site,.editor-styles-wrapper) .ch-activity h3{font-family:var(--font-body);font-size:var(--type-h6);font-weight:var(--weight-medium);line-height:var(--leading-ui);letter-spacing:var(--tracking-normal);text-wrap:pretty}
:is(.ch-site,.editor-styles-wrapper) .ch-activity-copy>p{margin-top:var(--space-4);font-size:var(--type-body);line-height:var(--leading-body);color:var(--text-muted);text-wrap:pretty}
:is(.ch-site,.editor-styles-wrapper) .ch-activity-copy>.ch-activity-link{margin-top:var(--space-2)}
:is(.ch-site,.editor-styles-wrapper) .ch-activity-link a{display:inline-flex;align-items:center;min-height:44px;font-size:var(--type-caption);font-weight:var(--weight-medium);color:var(--ink);text-decoration:none}
:is(.ch-site,.editor-styles-wrapper) .ch-activity-link a:hover{text-decoration:underline;text-underline-offset:var(--space-1)}

/* A shared dark gradient provides one short contrast beat in the editorial sequence. */
:is(.ch-site,.editor-styles-wrapper) .ch-about-interdisciplinary{padding-top:0;background:var(--white)}
:is(.ch-site,.editor-styles-wrapper) .ch-interdisciplinary-panel{position:relative;isolation:isolate;overflow:hidden;padding:var(--space-12);color:var(--white);background:var(--wp--preset--gradient--footer);border-radius:0 var(--space-16) 0 var(--space-16)}
:is(.ch-site,.editor-styles-wrapper) .ch-interdisciplinary-flow{position:absolute;z-index:-1;inset:0;width:100%;height:100%;pointer-events:none;fill:none;stroke:var(--white);stroke-width:1;opacity:.16}
:is(.ch-site,.editor-styles-wrapper) .ch-interdisciplinary-flow path:first-child{stroke:var(--brand-coral);stroke-width:2}
:is(.ch-site,.editor-styles-wrapper) .ch-interdisciplinary-flow g{fill:var(--brand-coral);stroke:var(--white);stroke-width:2}
:is(.ch-site,.editor-styles-wrapper) .ch-interdisciplinary-heading{display:grid;gap:var(--space-4);max-width:var(--container-reading)}
:is(.ch-site,.editor-styles-wrapper) .ch-interdisciplinary-heading h2{color:var(--white);text-wrap:balance}
:is(.ch-site,.editor-styles-wrapper) .ch-interdisciplinary-heading h2 span{color:var(--brand-coral)}
:is(.ch-site,.editor-styles-wrapper) .ch-interdisciplinary-heading p{font-size:var(--type-body);line-height:var(--leading-body);color:var(--line);text-wrap:pretty}
:is(.ch-site,.editor-styles-wrapper) .ch-discipline-composition{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:baseline;gap:var(--space-6) var(--space-8);margin-top:var(--space-12)}
:is(.ch-site,.editor-styles-wrapper) .ch-discipline{grid-column:span 2;font-family:var(--font-heading);font-size:var(--type-compact);font-weight:var(--weight-medium);line-height:var(--leading-ui);letter-spacing:var(--tracking-heading);color:var(--white)}
:is(.ch-site,.editor-styles-wrapper) .ch-discipline:nth-child(4){grid-column:2 / span 2}
:is(.ch-site,.editor-styles-wrapper) .ch-discipline:nth-child(5){grid-column:4 / span 3}
:is(.ch-site,.editor-styles-wrapper) .ch-discipline-related{font-size:var(--type-h6);color:var(--line)}

/* Existing Series/Expert cards and controls use the same presentation as Home. */
:is(.ch-site,.editor-styles-wrapper) .ch-about-program{padding-top:0;background:var(--white)}
:is(.ch-site,.editor-styles-wrapper) .ch-about-program .ch-events-heading{margin-bottom:var(--space-8);align-items:flex-start}
:is(.ch-site,.editor-styles-wrapper) .ch-about-program .ch-events-title{display:grid;gap:var(--space-3)}
:is(.ch-site,.editor-styles-wrapper) .ch-about-section-intro{max-width:var(--container-reading);font-size:var(--type-body);color:var(--text-muted);line-height:var(--leading-body);text-wrap:pretty}
:is(.ch-site,.editor-styles-wrapper) .ch-about-experts-intro{max-width:var(--container-reading);margin:calc(-1 * var(--space-4)) 0 var(--space-8);color:var(--text-muted);font-size:var(--type-body);line-height:var(--leading-body);text-wrap:pretty}
:is(.ch-site,.editor-styles-wrapper) .ch-experts-all-pending{color:var(--text-muted);cursor:default}

@container cogni (max-width:940px){
  :is(.ch-site,.editor-styles-wrapper) .ch-internal-hero-inner{min-height:0;width:calc(100% - 2 * var(--space-6))}
  :is(.ch-site,.editor-styles-wrapper) .ch-internal-hero-copy{width:100%;max-width:var(--container-reading)}
  :is(.ch-site,.editor-styles-wrapper) .ch-internal-hero-visual::after{background:var(--wp--custom--hero--overlay-compact)}
  :is(.ch-site,.editor-styles-wrapper) .ch-positioning-grid{gap:var(--space-8)}
  :is(.ch-site,.editor-styles-wrapper) .ch-activities-grid{gap:var(--space-6)}
}
@container cogni (max-width:780px){
  :is(.ch-site,.editor-styles-wrapper) .ch-about-shell{width:calc(100% - 2 * var(--space-6))}
  :is(.ch-site,.editor-styles-wrapper) .ch-experts-introduction{padding:var(--space-12) var(--space-6) var(--space-6)}
  :is(.ch-site,.editor-styles-wrapper) .ch-experts-directory{padding-top:0;padding-bottom:var(--space-12)}
  :is(.ch-site,.editor-styles-wrapper) .ch-about-section{padding-block:var(--space-12)}
  :is(.ch-site,.editor-styles-wrapper) .ch-positioning-grid{grid-template-columns:1fr}
  :is(.ch-site,.editor-styles-wrapper) .ch-positioning-support{border-left:0;border-top:1px solid var(--line);padding:var(--space-6) 0 0}
  :is(.ch-site,.editor-styles-wrapper) .ch-activities-grid{grid-template-columns:1fr;gap:var(--space-8)}
  :is(.ch-site,.editor-styles-wrapper) .ch-activity-copy>p{margin-top:var(--space-2)}
  :is(.ch-site,.editor-styles-wrapper) .ch-about-interdisciplinary,:is(.ch-site,.editor-styles-wrapper) .ch-about-program{padding-top:0}
  :is(.ch-site,.editor-styles-wrapper) .ch-interdisciplinary-panel{padding:var(--space-8);border-radius:0 var(--space-8) 0 var(--space-8)}
  :is(.ch-site,.editor-styles-wrapper) .ch-discipline-composition{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6) var(--space-4);margin-top:var(--space-8)}
  :is(.ch-site,.editor-styles-wrapper) .ch-discipline:nth-child(n){grid-column:auto}
  :is(.ch-site,.editor-styles-wrapper) .ch-discipline-related:nth-child(n){grid-column:1 / -1}
}
@container cogni (max-width:580px){
  :is(.ch-site,.editor-styles-wrapper) .ch-about-section h2{font-size:var(--type-h5);line-height:var(--leading-h4)}
  :is(.ch-site,.editor-styles-wrapper) .ch-internal-hero-inner{padding-block:var(--space-8)}
  :is(.ch-site,.editor-styles-wrapper) .ch-internal-hero-picture img{object-position:44% center}
  :is(.ch-site,.editor-styles-wrapper) .ch-internal-hero-label{margin-bottom:var(--space-4)}
  :is(.ch-site,.editor-styles-wrapper) .ch-internal-hero-title{font-size:var(--type-h2)}
  :is(.ch-site,.editor-styles-wrapper) .ch-internal-hero-intro{margin-top:var(--space-4);font-size:var(--type-body)}
  :is(.ch-site,.editor-styles-wrapper) .ch-experts-introduction-text{font-size:var(--type-body)}
  :is(.ch-site,.editor-styles-wrapper) .ch-expert-directory-list{grid-template-columns:none;grid-template-rows:1fr;grid-auto-flow:column;grid-auto-columns:100%;row-gap:0;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;padding:var(--space-2);scroll-padding-inline:var(--space-2);margin:calc(-1 * var(--space-2));scrollbar-width:none}
  :is(.ch-site,.editor-styles-wrapper) .ch-expert-directory-list::-webkit-scrollbar{display:none}
  :is(.ch-site,.editor-styles-wrapper) .ch-expert-directory-list>.wp-block-post{display:grid;grid-template-rows:1fr;grid-row:auto;min-width:0;scroll-snap-align:start}
  :is(.ch-site,.editor-styles-wrapper) .ch-experts-directory>.ch-experts-inner>.ch-track-controls{display:flex}
  :is(.ch-site,.editor-styles-wrapper) .ch-internal-hero-actions{display:grid;grid-template-columns:1fr}
  :is(.ch-site,.editor-styles-wrapper) .ch-internal-hero-actions .wp-block-button,:is(.ch-site,.editor-styles-wrapper) .ch-internal-hero-actions .wp-block-button__link{width:100%}
  :is(.ch-site,.editor-styles-wrapper) .ch-mission-text{margin-top:var(--space-4);font-size:var(--type-h5);line-height:var(--leading-ui)}
  :is(.ch-site,.editor-styles-wrapper) .ch-about-heading{gap:var(--space-3);margin-bottom:var(--space-6)}
  :is(.ch-site,.editor-styles-wrapper) .ch-activity{gap:var(--space-3)}
  :is(.ch-site,.editor-styles-wrapper) .ch-interdisciplinary-panel{width:calc(100% - 2 * var(--space-2));padding:var(--space-8) var(--space-6)}
  :is(.ch-site,.editor-styles-wrapper) .ch-discipline{font-size:var(--type-h6)}
  :is(.ch-site,.editor-styles-wrapper) .ch-discipline-related{font-size:var(--type-body)}
  :is(.ch-site,.editor-styles-wrapper) .ch-about-program .ch-events-heading{gap:var(--space-4);margin-bottom:var(--space-6)}
  :is(.ch-site,.editor-styles-wrapper) .ch-about-program .ch-events-title{width:100%}
  :is(.ch-site,.editor-styles-wrapper) .ch-about-experts-intro{margin-top:0;margin-bottom:var(--space-6)}
}