/* Miro research-story structure, using the existing TAWAP-i visual language. */
body:is(.tawap-epi-page,.zakat-page):not(.dark-mode){--tawap-ink:#111;--tawap-muted:#1f1f1f;--tawap-surface:#faf7ee;--tawap-paper:#edf2e4;--background-color:#faf7ee;--surface-color:#fffdf8;background:#faf7ee}
body:is(.tawap-epi-page,.zakat-page):not(.dark-mode) :is(.tepi-rankings>li,.tepi-about-card){background:#fffdf8}
body:is(.tawap-epi-page,.zakat-page):not(.dark-mode) .tepi-section :is(h2,h3,p,blockquote,figcaption,strong,em,.tepi-score>span){color:var(--tawap-ink)}
body:is(.tawap-epi-page,.zakat-page):not(.dark-mode) #executive-summary :is(.tawap-kicker,.tepi-title em,.tepi-rank,.tepi-factor h3,.tepi-score strong){color:var(--tawap-green)}
.tawap-story .tepi-section{padding:76px 0;background:var(--tawap-surface)}
.tawap-story .tepi-section--paper{background:var(--tawap-paper)}
.tawap-story .tepi-intro{padding:64px 0 0}
.tawap-story .tepi-intro-copy{max-width:970px}
.tawap-page .tepi-intro .tepi-question{font-family:"Bricolage Grotesque",sans-serif;font-size:clamp(27px,3vw,39px);line-height:1.4;letter-spacing:-.025em;color:var(--tawap-ink);margin:0 0 22px}
.tawap-page .tepi-copy{font-size:17px;line-height:1.9;color:var(--tawap-muted);margin:0 0 22px}
.tawap-story .tepi-section-head{display:block;margin-bottom:38px}
.tawap-page .tepi-title{font-size:clamp(35px,3.6vw,52px);line-height:1.13;margin:0 0 24px}
.tepi-title em{font-family:Georgia,serif;font-weight:400;color:var(--tawap-green)}
.tawap-story .tepi-section-head .tepi-copy{margin-bottom:0}
.tepi-rankings{list-style:none;padding:0;margin:0;border:1px solid var(--tawap-line);border-radius:24px;overflow:hidden}
.tepi-rankings>li{display:grid;grid-template-columns:64px minmax(0,1fr) 170px;gap:28px;align-items:center;padding:30px 34px;background:var(--tawap-surface)}
.tepi-rankings>li+li{border-top:1px solid var(--tawap-line)}
.tepi-factor-icon{display:grid;place-items:center;width:64px;height:64px;background:var(--tawap-paper);border:1px solid var(--tawap-line);border-radius:18px;font-size:28px;color:var(--tawap-green)}
.tepi-factor-icon i{display:block}
.tepi-factor-icon img{display:block;width:76%;height:76%;object-fit:contain}
body.dark-mode .tepi-factor-icon img{filter:invert(1)}
.tepi-rankings>li.is-visible .tepi-factor-icon :is(i,img){animation:tepi-icon-float 3s ease-in-out infinite}
@keyframes tepi-icon-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(-4deg)}}
@media(prefers-reduced-motion:reduce){.tepi-rankings>li.is-visible .tepi-factor-icon :is(i,img){animation:none}}
.tawap-page .tepi-rank{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--tawap-green);margin:0 0 7px}
.tawap-page .tepi-factor h3{font-size:27px;line-height:1.2;margin:0 0 7px;color:var(--tawap-green)}
.tawap-page .tepi-factor p:last-child{font-size:14px;line-height:1.6;color:var(--tawap-muted);margin:0}
.tepi-score{text-align:right;padding-left:24px;border-left:1px solid var(--tawap-line)}
.tepi-score strong{display:block;font-family:"Bricolage Grotesque",sans-serif;font-size:48px;line-height:1.1;letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:var(--tawap-green)}
.tepi-score span{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--tawap-muted);margin-top:6px}
.tawap-page .tepi-note{font-size:12px;line-height:1.8;color:var(--tawap-muted);margin:19px 0 0;max-width:100ch}
.tepi-reflection-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}
.tepi-reflection-grid .tepi-copy:last-child{margin-bottom:0}
.tepi-quote{padding:34px;margin:0;background:#e0eccb;border:1px solid #cedeb6;border-radius:24px;color:#183c2c}
.tepi-quote>i{display:block;font-size:46px;line-height:1;color:#367049;margin-bottom:20px}
.tepi-quote blockquote{font-family:Georgia,serif;font-size:clamp(27px,2.8vw,38px);line-height:1.4;letter-spacing:-.025em;margin:0 0 26px}
.tepi-quote figcaption{font-size:12px;color:#3c603f}
.tepi-application{display:grid;grid-template-columns:160px minmax(0,1fr);gap:45px;align-items:start;padding-bottom:52px;border-bottom:1px solid var(--tawap-line)}
.tepi-application-icon{display:grid;place-items:center;width:140px;height:140px;border-radius:40px 40px 40px 10px;background:var(--tawap-paper);color:var(--tawap-green);border:1px solid var(--tawap-line);font-size:62px}
.tepi-application .tawap-primary{margin-top:8px}
.tepi-alignment{display:grid;grid-template-columns:1fr 1fr;gap:0}
.tepi-alignment>div{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:44px 36px 0}
.tepi-alignment>div+div{border-left:1px solid var(--tawap-line)}
.tawap-page .tepi-alignment h3{font-size:22px;margin:0 0 13px;text-align:center}
.tawap-page .tepi-alignment p{font-size:14px;line-height:1.8;color:var(--tawap-muted);margin:0;max-width:48ch;text-align:center}
.tepi-madani-artwork{width:280px;max-width:100%;margin:18px auto 0;border-radius:10px;background:#fff;overflow:hidden}
.tepi-madani-artwork img{display:block;width:100%;height:auto;filter:none}
.tepi-sdgs{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px;width:100%}
.tepi-sdgs img{display:block;width:128px;max-width:calc((100% - 12px)/2);height:auto;aspect-ratio:1;object-fit:contain;filter:none}
.tepi-about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:25px}
.tepi-about-card{padding:32px;border:1px solid var(--tawap-line);border-radius:24px;background:var(--tawap-surface)}
.tepi-about-card>i{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--tawap-line);border-radius:50%;color:var(--tawap-green);background:var(--tawap-paper);font-size:22px;margin-bottom:24px}
.tepi-about-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#dfecc9;margin-bottom:24px}
.tepi-about-icon img{display:block;width:34px;height:34px;object-fit:contain}
.tawap-page .tepi-about-card h3{font-size:26px;line-height:1.35;margin:0 0 15px}
.tawap-page .tepi-about-card .tepi-copy{font-size:14px;line-height:1.8}
.tepi-about-actions{display:flex;flex-wrap:wrap;gap:15px;align-items:center}
.tepi-about-actions .tawap-primary{font-size:13px;padding:12px 18px;gap:14px}
.tepi-text-link{color:var(--tawap-green);font-size:13px;line-height:1.7;text-decoration:underline;text-underline-offset:4px;padding:10px 0}
.tepi-text-link:hover{color:var(--tawap-ink)}
.tawap-page .tepi-project-label{text-transform:none;letter-spacing:.02em}
.tawap-page .tawap-hero--cover .tawap-hero-lead{max-width:700px;font-size:16px;line-height:1.8;margin-bottom:0}
.tawap-page .tepi-intro .tepi-copy{margin:0}
.tawap-page .tepi-intro .tepi-copy strong{font-weight:700}
.tawap-page :is(#reflection-title,#application-title,#about-research-title){font-size:clamp(25px,2.5vw,35px);letter-spacing:-.025em}
@media(max-width:991px){
  .tepi-reflection-grid{gap:35px;grid-template-columns:1fr 1fr}
  .tepi-application{grid-template-columns:110px minmax(0,1fr);gap:28px}
  .tepi-application-icon{width:100px;height:100px;font-size:45px;border-radius:25px}
  .tepi-about-card{padding:25px}
}
@media(max-width:767px){
  .tawap-story .tepi-section{padding:48px 0}
  .tawap-story .tepi-intro{padding:44px 0 0}
  .tawap-story .tepi-section-head,.tepi-reflection-grid,.tepi-alignment,.tepi-about-grid{grid-template-columns:1fr;gap:28px}
  .tawap-story .tepi-section-head{margin-bottom:28px}
  .tawap-page .tepi-copy{font-size:15px;line-height:1.85}
  .tawap-page .tepi-title{font-size:35px;margin-bottom:18px}
  .tepi-rankings>li{grid-template-columns:44px minmax(0,1fr);gap:15px;padding:23px 20px}
  .tepi-factor-icon{width:44px;height:44px;border-radius:13px;font-size:22px}
  .tawap-page .tepi-factor h3{font-size:23px}
  .tawap-page .tepi-factor p:last-child{font-size:13px}
  .tepi-score{grid-column:2;text-align:left;padding:0;border:0;display:flex;gap:12px;align-items:center}
  .tepi-score strong{font-size:37px}
  .tepi-score span{font-size:9px;margin:0}
  .tepi-quote{padding:28px}
  .tepi-application{grid-template-columns:1fr;gap:25px;padding-bottom:36px}
  .tepi-application-icon{width:76px;height:76px;font-size:35px}
  .tepi-alignment{padding-top:32px}
  .tepi-alignment>div{padding:0}
  .tepi-alignment>div+div{border-left:0;border-top:1px solid var(--tawap-line);padding-top:28px}
  .tepi-about-card{padding:25px}
  .tawap-page .tawap-hero--cover .tawap-hero-lead{font-size:14px;line-height:1.8;max-width:none}
}

/* Preserve the original Miro photograph's warm colours. Shade only the text area. */
body:is(.tawap-epi-page,.zakat-page) .tawap-hero--cover .tawap-cover-backdrop img{filter:none}
body:is(.tawap-epi-page,.zakat-page) .tawap-hero--cover .tawap-cover-backdrop::after{
  background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.46) 42%,transparent 78%)
}
body.tawap-page:is(.tawap-epi-page,.zakat-page) .tawap-hero--cover :is(h1,h1>span,h1 em,.tawap-hero-lead,.tawap-back){
  color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.35)
}
body.tawap-page:is(.tawap-epi-page,.zakat-page) .tawap-hero--cover .tawap-hero-copy :is(h1>span,h1 em){color:#d9ecaa}
body:is(.tawap-epi-page,.zakat-page) .tawap-hero--cover .tawap-back:hover{color:#f3e6c9}
@media(max-width:767px){
  body:is(.tawap-epi-page,.zakat-page) .tawap-hero--cover .tawap-cover-backdrop::after{
    background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.5) 75%,rgba(0,0,0,.3))
  }
}

/* Reference team order: three cards, then two centred beneath them. */
#research-team.team-miro-layout .team-head{display:block}
#research-team.team-miro-layout .team-head-main{padding-left:0}
#research-team.team-miro-layout .team-heading{font-size:clamp(32px,3.6vw,48px)}
#research-team.team-miro-layout .team-sub{max-width:none;margin:14px 0 0;padding-left:0;text-align:left}
#research-team.team-miro-layout .team-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:28px}
#research-team.team-miro-layout .team-grid>.team-card{grid-column:span 2;min-height:380px}
#research-team.team-miro-layout .team-grid>.team-card:nth-child(4){grid-column:2 / span 2}
#research-team.team-miro-layout .team-grid>.team-card:nth-child(5){grid-column:4 / span 2}
#research-team.team-miro-layout .team-grid .team-card:nth-child(n) .team-card-photo{height:210px;min-height:210px;padding:24px 18px 34px}
#research-team.team-miro-layout .team-grid .team-card-photo img{width:140px;height:140px}
#research-team.team-miro-layout .team-grid .team-card-body{align-items:center;text-align:center;padding:8px 24px 26px}
#research-team.team-miro-layout .team-grid .team-card-name{font-size:19px;text-align:center;line-height:1.4}
#research-team.team-miro-layout .team-grid .team-card-position{text-align:center}
#research-team.team-miro-layout .team-grid .team-card-institution{justify-content:center;text-align:center;width:100%}

/* Carry the page's cream and green palette into the researcher cards. */
body:is(.tawap-epi-page,.zakat-page) #research-team.team-miro-layout{background:linear-gradient(135deg,#faf7ee 0%,#faf7ee 60%,#edf2e4 100%)}
body:is(.tawap-epi-page,.zakat-page) #research-team.team-miro-layout .team-head{border-color:#d8e1d3}
body:is(.tawap-epi-page,.zakat-page) #research-team.team-miro-layout .team-head-main::before{display:none}
body:is(.tawap-epi-page,.zakat-page) #research-team.team-miro-layout .team-heading{color:var(--tawap-ink)}
body:is(.tawap-epi-page,.zakat-page) #research-team.team-miro-layout .team-heading em{color:var(--tawap-ink)}
body:is(.tawap-epi-page,.zakat-page) #research-team.team-miro-layout .team-sub{color:var(--tawap-muted)}
body:is(.tawap-epi-page,.zakat-page) #research-team.team-miro-layout .team-grid .team-card:nth-child(n){background:#fffdf8;border-color:#e1e5d9;border-radius:18px;box-shadow:none}
body:is(.tawap-epi-page,.zakat-page) #research-team.team-miro-layout .team-grid .team-card:nth-child(n):hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(40,76,53,.06)}
body:is(.tawap-epi-page,.zakat-page) #research-team.team-miro-layout .team-grid .team-card:nth-child(n) .team-card-photo{background:transparent}
body:is(.tawap-epi-page,.zakat-page) #research-team.team-miro-layout .team-grid .team-card-photo img{border:3px solid #e5edf5;box-shadow:0 6px 18px rgba(18,52,90,.16)}
body:is(.tawap-epi-page,.zakat-page) #research-team.team-miro-layout .team-grid .team-card-index{display:none}
body:is(.tawap-epi-page,.zakat-page) #research-team.team-miro-layout .team-grid .team-card-role{background:#12345a;color:#fff}
body:is(.tawap-epi-page,.zakat-page) #research-team.team-miro-layout .team-grid .team-card-name{color:var(--tawap-ink)}
body:is(.tawap-epi-page,.zakat-page) #research-team.team-miro-layout .team-grid .team-card-position{color:var(--tawap-muted)}
body:is(.tawap-epi-page,.zakat-page) #research-team.team-miro-layout .team-grid .team-card-institution{color:var(--tawap-muted);border-top-color:#d8e1d3}
body:is(.tawap-epi-page,.zakat-page) #research-team.team-miro-layout .team-grid .team-card-institution i{display:none}

body:is(.tawap-epi-page,.zakat-page).dark-mode #research-team.team-miro-layout{background:#192e25}
body:is(.tawap-epi-page,.zakat-page).dark-mode #research-team.team-miro-layout .team-head{border-color:#40594a}
body:is(.tawap-epi-page,.zakat-page).dark-mode #research-team.team-miro-layout .team-heading,
body:is(.tawap-epi-page,.zakat-page).dark-mode #research-team.team-miro-layout .team-grid .team-card-name{color:#f4f7eb}
body:is(.tawap-epi-page,.zakat-page).dark-mode #research-team.team-miro-layout .team-heading em{color:#d9ecaa}
body:is(.tawap-epi-page,.zakat-page).dark-mode #research-team.team-miro-layout .team-sub,
body:is(.tawap-epi-page,.zakat-page).dark-mode #research-team.team-miro-layout .team-grid .team-card-position,
body:is(.tawap-epi-page,.zakat-page).dark-mode #research-team.team-miro-layout .team-grid .team-card-institution{color:#c8d8c5}
body:is(.tawap-epi-page,.zakat-page).dark-mode #research-team.team-miro-layout .team-grid .team-card:nth-child(n){background:#203c2e;border-color:#40594a;box-shadow:none}
body:is(.tawap-epi-page,.zakat-page).dark-mode #research-team.team-miro-layout .team-grid .team-card:nth-child(n) .team-card-photo{background:transparent}
body:is(.tawap-epi-page,.zakat-page).dark-mode #research-team.team-miro-layout .team-grid .team-card-photo img{border-color:#456044}
body:is(.tawap-epi-page,.zakat-page).dark-mode #research-team.team-miro-layout .team-grid .team-card-index{color:#aec798}
body:is(.tawap-epi-page,.zakat-page).dark-mode #research-team.team-miro-layout .team-grid .team-card-role{background:#12345a;color:#fff}
body:is(.tawap-epi-page,.zakat-page).dark-mode #research-team.team-miro-layout .team-grid .team-card-institution{border-top-color:#40594a}
body:is(.tawap-epi-page,.zakat-page).dark-mode #research-team.team-miro-layout .team-grid .team-card-institution i{color:#bed69d}
@media(max-width:991px){
  #research-team.team-miro-layout .team-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
  #research-team.team-miro-layout .team-grid>.team-card:nth-child(n){grid-column:span 2}
  #research-team.team-miro-layout .team-grid>.team-card:last-child{grid-column:2 / span 2}
}
@media(max-width:575px){
  #research-team.team-miro-layout .team-grid{grid-template-columns:minmax(0,1fr);gap:22px}
  #research-team.team-miro-layout .team-grid>.team-card:nth-child(n){grid-column:auto;min-height:0}
  #research-team.team-miro-layout .team-grid .team-card:nth-child(n) .team-card-photo{height:220px;min-height:220px}
  #research-team.team-miro-layout .team-grid .team-card-photo img{width:152px;height:152px}
}