/* QARAR Enterprise — clean visual cleanup
 * One core typeface and one equal Community card system.
 * Header identity sizing is intentionally owned by header-brand-lockup-v26.3.38.css.
 */


/* =========================================================
   1) Core typography
   ========================================================= */

html,
body,
body :where(button,input,select,textarea){
  font-family:'Tajawal',Arial,sans-serif;
}

body :where(
  h1,h2,h3,h4,h5,h6,
  p,li,a,
  button,input,select,textarea,
  label,small,strong,b,span
){
  font-family:inherit;
}


/* =========================================================
   3) Community
   Board, Management and Researchers
   use one unified card geometry.
   ========================================================= */

body.page-template-page-community
.community-group-section--board
.org-level
.org-people-grid,

body.page-template-page-community
.community-group-section--management
.org-level
.org-people-grid,

body.page-template-page-community
.community-group-section--researchers
.org-level
.org-people-grid{
  align-items:stretch!important;
  grid-auto-rows:1fr!important;
}


/* =========================================================
   Community cards
   ========================================================= */

body.page-template-page-community
.community-group-section--board
.org-level
.person-card,

body.page-template-page-community
.community-group-section--management
.org-level
.person-card,

body.page-template-page-community
.community-group-section--researchers
.org-level
.person-card{
  height:100%!important;
  min-height:0!important;
  max-width:none!important;
  margin:0!important;

  border:1px solid #dfe3e7!important;
  border-top:1px solid #dfe3e7!important;
  border-radius:12px!important;

  background:#fff!important;

  box-shadow:
    0 8px 24px rgba(17,24,39,.045)!important;

  transform:none!important;

  display:flex!important;
}


/* =========================================================
   Community card button / clickable area
   ========================================================= */

body.page-template-page-community
.community-group-section--board
.org-level
.person-open,

body.page-template-page-community
.community-group-section--management
.org-level
.person-open,

body.page-template-page-community
.community-group-section--researchers
.org-level
.person-open{
  width:100%!important;
  height:100%!important;

  display:flex!important;
  flex-direction:column!important;
}


/* =========================================================
   Community portrait
   ========================================================= */

body.page-template-page-community
.community-group-section--board
.org-level
.person-photo,

body.page-template-page-community
.community-group-section--management
.org-level
.person-photo,

body.page-template-page-community
.community-group-section--researchers
.org-level
.person-photo{
  flex:0 0 auto!important;

  width:min(170px,82%)!important;
  height:auto!important;

  aspect-ratio:1/1!important;

  margin:0 auto 3px!important;

  border-radius:50%!important;
  border:1px solid #dfe3e7!important;

  box-shadow:
    0 7px 18px rgba(17,24,39,.08)!important;
}


/* =========================================================
   Community person information
   ========================================================= */

body.page-template-page-community
.community-group-section--board
.org-level
.person-info,

body.page-template-page-community
.community-group-section--management
.org-level
.person-info,

body.page-template-page-community
.community-group-section--researchers
.org-level
.person-info{
  flex:1 1 auto!important;

  min-height:0!important;

  padding:12px 2px 0!important;

  text-align:center!important;

  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
}


/* =========================================================
   Community person name
   ========================================================= */

body.page-template-page-community
.community-group-section--board
.org-level
.person-info strong,

body.page-template-page-community
.community-group-section--management
.org-level
.person-info strong,

body.page-template-page-community
.community-group-section--researchers
.org-level
.person-info strong{
  display:block!important;

  font-size:17px!important;
  line-height:1.55!important;

  min-height:calc(1.55em * 2)!important;
}


/* =========================================================
   Community role
   ========================================================= */

body.page-template-page-community
.community-group-section--board
.org-level
.person-info small,

body.page-template-page-community
.community-group-section--management
.org-level
.person-info small,

body.page-template-page-community
.community-group-section--researchers
.org-level
.person-info small{
  font-size:12px!important;
  line-height:1.55!important;

  min-height:calc(1.55em * 2)!important;

  color:#6c7480!important;
}


/* =========================================================
   Level 1 normalization
   Board + Management
   ========================================================= */

body.page-template-page-community
.community-group-section--board
.org-level-1
.person-card,

body.page-template-page-community
.community-group-section--management
.org-level-1
.person-card{
  max-width:none!important;
  margin:0!important;

  border-top:1px solid #dfe3e7!important;
}


body.page-template-page-community
.community-group-section--board
.org-level-1
.person-photo,

body.page-template-page-community
.community-group-section--management
.org-level-1
.person-photo{
  width:min(170px,82%)!important;
}


body.page-template-page-community
.community-group-section--board
.org-level-1
.person-info strong,

body.page-template-page-community
.community-group-section--management
.org-level-1
.person-info strong{
  font-size:17px!important;
}


/* =========================================================
   Community responsive — 3 columns
   ========================================================= */

@media(max-width:1050px){

  body.page-template-page-community
  .community-group-section--board
  .org-level
  .org-people-grid,

  body.page-template-page-community
  .community-group-section--management
  .org-level
  .org-people-grid,

  body.page-template-page-community
  .community-group-section--researchers
  .org-level
  .org-people-grid{
    grid-template-columns:
      repeat(3,minmax(0,1fr))!important;
  }
}


/* =========================================================
   Community responsive — 2 columns
   ========================================================= */

@media(max-width:780px){

  body.page-template-page-community
  .community-group-section--board
  .org-level
  .org-people-grid,

  body.page-template-page-community
  .community-group-section--management
  .org-level
  .org-people-grid,

  body.page-template-page-community
  .community-group-section--researchers
  .org-level
  .org-people-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr))!important;

    gap:14px 10px!important;
  }


  body.page-template-page-community
  .community-group-section--board
  .org-level
  .person-card,

  body.page-template-page-community
  .community-group-section--management
  .org-level
  .person-card,

  body.page-template-page-community
  .community-group-section--researchers
  .org-level
  .person-card{
    padding:14px 8px 12px!important;
  }


  body.page-template-page-community
  .community-group-section--board
  .org-level
  .person-photo,

  body.page-template-page-community
  .community-group-section--management
  .org-level
  .person-photo,

  body.page-template-page-community
  .community-group-section--researchers
  .org-level
  .person-photo{
    width:min(150px,82%)!important;
  }
}