/* PTI v3 — APARC brand palette with gradients (DRAFT, 14 Oct 2026). Not deployed.
   Requested by Dr Pandey: "PTI layout in APARC brand colours with beautiful gradient colours,
   cards, tables". Loads after pti-pages.css + pti-v2.css and overrides colour only.

   APARC brand: teal #0EAEAB, deep blue #013584 (BRAND-COLOUR-GUIDANCE.md, measured from live site).
   Accessibility (WCAG 2.2 AA, measured 14 Oct):
     #013584 on white 11.4:1 ✓   #086A68 6.4:1 ✓   #0B7F7D 4.8:1 ✓
     #0EAEAB on white 2.74:1 ✗  → APARC teal is NEVER text; only gradients, bars, tints, icons.
     Every gradient that carries white text ends on #0B7F7D or darker (≥4.8:1 at both ends).
   Rollback: remove this file's <link>/enqueue. */

.ptipg{
  --ap-teal:#0EAEAB;  --ap-teal-700:#0B7F7D;  --ap-teal-800:#086A68;
  --ap-blue:#013584;  --ap-blue-mid:#0A5FA0;
  --ap-tint:#EAF8F8;  --ap-tint-2:#F3FBFB;  --ap-blue-tint:#EEF4FB;
  --ap-grad-hero:linear-gradient(125deg,#012A6B 0%,#013584 30%,#0A5FA0 62%,#0B7F7D 100%);
  --ap-grad-bar:linear-gradient(90deg,#0EAEAB 0%,#0A5FA0 55%,#013584 100%);
  --ap-grad-head:linear-gradient(90deg,#013584 0%,#0A5FA0 55%,#086A68 100%);
  --ap-grad-soft:linear-gradient(180deg,#F3FBFB 0%,#EEF4FB 100%);
  /* re-point the theme tokens */
  --navy-deep:#012A6B; --navy:#013584; --ink:#0B1F3A;
  --teal:#0EAEAB; --teal-lt:#5FD0CE; --teal-text:#086A68;
  --gold:#0EAEAB; --gold-lt:#5FD0CE;
  --cool:#EEF4FB; --warm:#F3FBFB; --line:#D7E8EE;
}

/* links */
.ptipg a{color:var(--ap-blue)}
.ptipg a:hover{color:var(--ap-teal-800)}

/* hero: deep blue → teal gradient, white text stays ≥4.8:1 */
.ptipg.ptipg .ptipg__hero:not([style*="background"]){background:var(--ap-grad-hero)!important}
.ptipg.ptipg .ptipg__hero{position:relative;overflow:hidden}
.ptipg.ptipg .ptipg__hero:not([style*="background"])::before{
  background:radial-gradient(circle at 88% 18%,rgba(14,174,171,.55),rgba(14,174,171,0) 42%),
             radial-gradient(circle at 8% 110%,rgba(95,208,206,.35),rgba(95,208,206,0) 40%)!important;
  opacity:1!important}
.ptipg.ptipg .ptipg__hero .ptipg__eyebrow{color:#9FE7E5}
.ptipg.ptipg .ptipg__hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--ap-grad-bar)}

/* section backgrounds */
.ptipg .ptipg__sec--cool{background:var(--ap-grad-soft)}
.ptipg .ptipg__sec--warm{background:linear-gradient(180deg,#FFFFFF 0%,#F3FBFB 100%)}

/* cards: white, soft teal shadow, gradient top bar, lift on hover */
.ptipg .ptipg__card{border:1px solid #DCEBEF;border-radius:18px;
  box-shadow:0 1px 2px rgba(1,53,132,.05),0 10px 28px rgba(1,53,132,.07);
  transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}
.ptipg .ptipg__card:hover{transform:translateY(-3px);box-shadow:0 4px 8px rgba(1,53,132,.06),0 18px 40px rgba(11,127,125,.14)}
.ptipg .ptipg__card--bar::before,
.ptipg .ptipg__card--gold::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--ap-grad-bar)!important}
.ptipg .ptipg__card h3{color:var(--ap-blue)}

/* metric cards (25+, 70+ …): gradient numerals, dark enough to pass */
.ptipg .ptipg__grid--4 .ptipg__card--bar h3{
  font-size:2.4rem;line-height:1;margin-bottom:6px;
  background:linear-gradient(90deg,#013584,#086A68);-webkit-background-clip:text;background-clip:text;color:transparent}

/* tick lists: teal ticks */
.ptipg .ptipg__ticks li::before{background:var(--ap-teal)!important;border-color:var(--ap-teal)!important}

/* role rows + numbered badges */
.ptipg .ptipg__role{border:1px solid #DCEBEF;border-radius:14px;background:#fff}
.ptipg .ptipg__initials{background:var(--ap-grad-bar)!important;color:#fff!important;text-shadow:0 1px 2px rgba(1,42,107,.5)}

/* chips: teal tint, blue text (10.5:1) */
.ptipg .ptipg__chip{background:var(--ap-tint)!important;color:var(--ap-blue)!important;border:1px solid #C9ECEB!important}

/* tables: gradient header, zebra tint, rounded wrap */
.ptipg .ptipg__tablewrap{border-radius:14px;overflow:auto;box-shadow:0 8px 24px rgba(1,53,132,.07);border:1px solid #DCEBEF}
.ptipg .ptipg__prose table{border-collapse:separate;border-spacing:0}
.ptipg .ptipg__prose thead th{background:var(--ap-grad-head)!important;color:#fff!important;border:0!important}
.ptipg .ptipg__prose tbody tr:nth-child(even) td{background:var(--ap-tint-2)}
.ptipg .ptipg__prose tbody td{border-color:#E3EEF2!important}

/* quote + disclosure */
.ptipg .ptipg__prose blockquote{border-left:5px solid transparent;border-image:var(--ap-grad-bar) 1;background:var(--ap-tint-2);padding:16px 22px;border-radius:0 12px 12px 0}
.ptipg .ptipg__coi{background:var(--ap-blue-tint)!important;border-left:4px solid var(--ap-blue)!important}

/* buttons */
.ptipg .ptipg__btn--gold,.ptipg .ptipg__btn--navy{background:linear-gradient(90deg,#013584,#0B7F7D)!important;color:#fff!important;border:0!important}

/* pti-v2 paints warm sections beige (#FAF8F4); replace with the APARC tint */
.ptipg.ptipg .ptipg__sec--warm{background:linear-gradient(180deg,#FFFFFF 0%,#F3FBFB 100%)!important}
.ptipg.ptipg .ptipg__sec--cool{background:var(--ap-grad-soft)!important}

/* 4-up text cards (not metrics): add .ptipg__grid--text to the grid to opt out of the big numerals */
.ptipg .ptipg__grid--4.ptipg__grid--text .ptipg__card--bar h3{
  font-size:1.15rem;line-height:1.3;margin-bottom:6px;background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--ap-blue)}

/* publication list items (/publications/) */
.ptipg .ptipg__pubitem{border:1px solid #DCEBEF;border-radius:14px;padding:14px 18px;margin:0 0 12px;background:#fff;box-shadow:0 6px 18px rgba(1,53,132,.06)}
.ptipg .ptipg__pubitem p{margin:8px 0 0}
.ptipg .ptipg__prose .ptipg__pubitem::before{content:none!important;display:none!important}

/* ===================================================================================
   TYPOGRAPHY — matched to aparchealthandmotion.in (read from its live CSS, 14 Oct 2026)
     Headings  Playfair Display 700–900, line-height 1.12–1.2, tracking -.01em
     Body      DM Sans 17px / 1.7
     Numerals  Bebas Neue (APARC .stat-number / .h-stat .num), tracking 1–2px
     Labels    DM Sans 700, uppercase, 2px tracking (APARC .section-label)
   Fonts must be loaded. On deploy, replace the 'pti-fonts' URL in pti-theme/functions.php with:
   https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,800;0,900;1,400&family=DM+Sans:wght@400;500;600;700&family=Bebas+Neue&display=swap
   Rollback: restore the old URL and remove this block.
   =================================================================================== */
body.pti, .ptipg.ptipg{
  --pti-font-body:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --pti-font-display:'Playfair Display',Georgia,'Times New Roman',serif;
  --pti-font-eyebrow:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --ap-font-num:'Bebas Neue','DM Sans',sans-serif;
}
.ptipg.ptipg.ptipg{
  --fd:'Playfair Display',Georgia,'Times New Roman',serif;
  --fb:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --fu:var(--fb);
  font-family:var(--fb);font-size:17px;line-height:1.7}
.ptipg.ptipg.ptipg h1,.ptipg.ptipg.ptipg h2,.ptipg.ptipg.ptipg h3,.ptipg.ptipg.ptipg h4{
  font-family:var(--fd);letter-spacing:-.01em}
.ptipg.ptipg.ptipg .ptipg__hero h1{font-weight:900;line-height:1.12;font-size:clamp(2rem,4vw,3.4rem)}
.ptipg.ptipg.ptipg h2{font-weight:800;line-height:1.2}
.ptipg.ptipg.ptipg h3{font-weight:700;line-height:1.3}
.ptipg.ptipg.ptipg .ptipg__eyebrow{font-family:var(--fb);font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:12px}
.ptipg.ptipg.ptipg .ptipg__chip{font-family:var(--fb);font-weight:600;letter-spacing:.3px}
.ptipg.ptipg.ptipg .ptipg__prose thead th{font-family:var(--fb);font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:13px}
.ptipg.ptipg.ptipg .ptipg__prose blockquote{font-family:var(--fd);font-style:italic}

/* statistics (25+, 70+ …) in Bebas Neue, as on APARC */
.ptipg.ptipg.ptipg .ptipg__grid--4 .ptipg__card--bar h3{
  font-family:var(--ap-font-num);font-weight:400;letter-spacing:2px;font-size:clamp(2.75rem,5vw,4.25rem);line-height:1}
.ptipg.ptipg.ptipg .ptipg__metric b{font-family:var(--ap-font-num);font-weight:400;letter-spacing:1.5px;font-size:2rem;line-height:1.05;color:var(--ap-blue)}
/* …except 4-up text cards */
.ptipg.ptipg.ptipg .ptipg__grid--4.ptipg__grid--text .ptipg__card--bar h3{
  font-family:var(--fd);font-weight:700;letter-spacing:-.01em;font-size:1.15rem;line-height:1.3}

/* disclosure box: theme gives it light text for a dark panel; on the APARC tint it must be dark (11:1) */
.ptipg.ptipg.ptipg .ptipg__coi,.ptipg.ptipg.ptipg .ptipg__coi p{color:#2A3644!important}
.ptipg.ptipg.ptipg .ptipg__coi{padding:18px 22px!important;border-radius:0 12px 12px 0}
.ptipg.ptipg.ptipg .ptipg__coi a{color:var(--ap-blue)!important}

/* F-MATS stage cards: one row per stage, big Bebas letter on the left */
.ptipg .ptipg__stages{display:grid;grid-template-columns:1fr;gap:14px;max-width:920px;margin:0 auto}
.ptipg .ptipg__stage{display:grid;grid-template-columns:84px 1fr;column-gap:20px;align-items:start;padding:24px 26px 20px}
.ptipg .ptipg__stage h3,.ptipg .ptipg__stage p{grid-column:2}
.ptipg.ptipg .ptipg__stageletter{grid-column:1;grid-row:1 / span 2;font-family:'Bebas Neue','DM Sans',sans-serif;font-size:4.5rem;line-height:.85;letter-spacing:2px;text-align:center;
  background:linear-gradient(135deg,#0B7F7D,#013584);-webkit-background-clip:text;background-clip:text;color:transparent}
.ptipg.ptipg.ptipg .ptipg__stage h3{font-size:1.2rem;margin:2px 0 6px}
.ptipg .ptipg__stage p{margin:0}
@media(max-width:560px){.ptipg .ptipg__stage{display:block;padding:22px 20px 18px}.ptipg.ptipg .ptipg__stageletter{text-align:left;font-size:3rem;margin-bottom:6px}}

/* reasoning-loop figure */
.ptipg .ptipg__loopgrid{align-items:center}
.ptipg .ptipg__loopfig{margin:0;padding:18px;background:var(--ap-grad-soft);border:1px solid #DCEBEF;border-radius:18px}
.ptipg .ptipg__loopfig svg{width:100%;height:auto;display:block}

/* gold note → APARC tint (theme default is beige) */
.ptipg.ptipg .ptipg__note--gold{background:var(--ap-tint-2)!important;border-color:#C9ECEB!important;border-left:4px solid var(--ap-teal-700)!important}
.ptipg.ptipg .ptipg__note--gold .ptipg__notehead{color:var(--ap-teal-800)!important}

/* team roster (/dr-dharam-pandey-team/) */
.ptipg.ptipg.ptipg .ptipg__grouphead{margin:48px 0 6px;font-family:'DM Sans',sans-serif!important;font-size:.8125rem!important;font-weight:700;
  letter-spacing:2px!important;text-transform:uppercase;color:var(--ap-teal-800)!important;display:flex;align-items:center;gap:10px}
.ptipg .ptipg__grouphead span{display:inline-grid;place-items:center;min-width:26px;height:22px;padding:0 7px;border-radius:99px;
  background:var(--ap-grad-bar);color:#fff;font-size:.75rem;letter-spacing:0}
.ptipg .ptipg__groupnote{margin:0 0 4px;font-size:.9375rem;color:#4A5868}
.ptipg .ptipg__people{margin-top:16px}
.ptipg.ptipg .ptipg__person{border:1px solid #DCEBEF;border-radius:16px;padding:18px;background:#fff;
  box-shadow:0 1px 2px rgba(1,53,132,.05),0 8px 22px rgba(1,53,132,.06);transition:transform .2s ease,box-shadow .2s ease;align-items:center}
.ptipg.ptipg .ptipg__person:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(1,53,132,.06),0 14px 30px rgba(11,127,125,.13)}
.ptipg .ptipg__person img{width:64px;height:64px;border-radius:14px;object-fit:cover;object-position:top center;flex:none;
  background:var(--ap-tint);box-shadow:0 0 0 3px #fff,0 0 0 5px #C9ECEB}
.ptipg.ptipg.ptipg .ptipg__person b{font-family:'Playfair Display',Georgia,serif;font-size:1.02rem;font-weight:700;color:var(--ap-blue)}
.ptipg.ptipg.ptipg .ptipg__person em{font-family:'DM Sans',sans-serif;font-size:.8125rem;font-weight:600;color:var(--ap-teal-800);margin:2px 0 4px}
.ptipg .ptipg__person > div span{display:block;font-size:.84rem;line-height:1.45;color:#4A5868}
.ptipg .ptipg__person > div .ptipg__place{color:#5F6A78}
.ptipg .ptipg__portrait{width:124px;height:124px;border-radius:26px;object-fit:cover;object-position:top center;
  box-shadow:0 0 0 4px #fff,0 0 0 7px #C9ECEB,0 18px 42px rgba(1,53,132,.22)}
.ptipg .ptipg__reviewnote{margin-top:40px;padding:22px 26px;background:#fff;border:1px solid #DCEBEF;border-left:4px solid var(--ap-blue);border-radius:0 14px 14px 0}
.ptipg .ptipg__reviewnote p{font-size:.9375rem;color:#2A3644}
.ptipg .ptipg__reviewnote strong{color:var(--ap-blue)}

/* gallery (/dr-dharam-pandey/#gallery) */
.ptipg .ptipg__gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px}
@media(max-width:1024px){.ptipg .ptipg__gallery{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.ptipg .ptipg__gallery{grid-template-columns:repeat(2,1fr);gap:12px}}
.ptipg .ptipg__gfig{margin:0;background:#fff;border:1px solid #DCEBEF;border-radius:16px;overflow:hidden;
  box-shadow:0 1px 2px rgba(1,53,132,.05),0 8px 22px rgba(1,53,132,.06);transition:transform .2s ease,box-shadow .2s ease}
.ptipg .ptipg__gfig:hover{transform:translateY(-3px);box-shadow:0 4px 8px rgba(1,53,132,.06),0 16px 34px rgba(11,127,125,.15)}
.ptipg .ptipg__gfig img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center top}
.ptipg .ptipg__gfig figcaption{padding:10px 14px 12px;font-size:.84rem;line-height:1.4;color:#2A3644;border-top:3px solid transparent;
  border-image:var(--ap-grad-bar) 1}
.ptipg .ptipg__gfig--wide{grid-column:1 / -1}
.ptipg .ptipg__gfig--wide img{aspect-ratio:auto}
.ptipg .ptipg__gfig--doc img{object-fit:contain;background:#2A3644}

/* article citation markers */
.ptipg .ptipg__cite{font-size:.68em;line-height:0;margin-left:1px;font-family:'DM Sans',sans-serif;font-weight:700}
.ptipg .ptipg__cite a{text-decoration:none;color:var(--ap-teal-800)!important;padding:0 1px}
.ptipg .ptipg__cite a:hover{text-decoration:underline}
.ptipg .ptipg__refs li:target{background:var(--ap-tint);border-radius:8px;outline:2px solid #C9ECEB}