/* ==========================================================================
   PTI — Shared page design system
   The homepage design language, factored out so every page draws on one
   source of truth. Page HTML pasted into an Elementor HTML widget therefore
   contains markup only, no <style> block.

   SPECIFICITY NOTE — read before editing.
   Elementor's global kit ships `.elementor-kit-NNNN a`, `... h2` etc. at
   specificity (0,1,1) from a <link> in <head>. This file is also enqueued in
   <head>, so a bare `.ptipg h2` at (0,1,1) would be a tie decided by load
   order, which we do not control. EVERY rule here is therefore prefixed with
   `.ptipg`, giving (0,2,x), which wins outright. Do not "simplify" these
   selectors — the footer headings were rendered at 1.45:1 by exactly that
   mistake.
   ========================================================================== */

.ptipg {
	--navy-deep:#0D1E30; --navy:#1A3A5C; --teal:#4591A7; --teal-lt:#5FB0C6;
	--gold:#C9A84C; --gold-lt:#E0BE63;
	--teal-text:#316C7F;   /* brand teal is 3.3-3.6:1 on light — too low for text */
	--ink:#0D1E30; --body:#44505F; --muted:#5F6A78;
	--line:#E4EAF1; --warm:#FDFAF6; --cool:#F4F7FB; --white:#fff;
	--wrap:1200px; --pad:40px; --r:18px;
	--fd:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
	--fb:'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;

	font-family:var(--fb); color:var(--body); line-height:1.7; font-size:17px;
	-webkit-font-smoothing:antialiased;
}
.ptipg *{box-sizing:border-box}
.ptipg p{margin:0 0 1em}
.ptipg ul,.ptipg ol{margin:0;padding:0;list-style:none}
.ptipg.ptipg h1,.ptipg.ptipg h2,.ptipg.ptipg h3,.ptipg.ptipg h4{
	font-family:var(--fd); color:var(--ink); margin:0 0 .5em;
	line-height:1.22; font-weight:600; letter-spacing:-.02em;
	/* Elementor's kit sets `text-transform:capitalize` on h3, which capitalises
	   articles and prepositions too -- "What A Programme Involves". Headings on
	   this site are written in sentence case, so the transform is cancelled here
	   rather than fought word by word in the page HTML. */
	text-transform:none;
}
/* Elementor's kit colours h3 gold; on white that is 2.29:1. The doubled class
   above wins the cascade. Do not reduce it to a single .ptipg.
   NOTE: the link rule below is deliberately NOT doubled. At (0,2,1) it
   outranked every component link rule -- .ptipg__btn (0,2,0) and
   .ptipg__more (0,2,0) -- and turned both buttons into inherited body grey.
   At (0,1,1) it sits below the components, which is what we want. */
.ptipg a{color:inherit}
.ptipg__w{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}
.ptipg .ptipg__eyebrow{
	font-family:var(--fd);font-size:11px;font-weight:600;letter-spacing:.16em;
	text-transform:uppercase;margin:0 0 18px;color:var(--teal-text);
}

/* ---------- PAGE HERO ---------- */
.ptipg .ptipg__hero{
	position:relative;overflow:hidden;isolation:isolate;color:#fff;
	background:
		radial-gradient(900px 420px at 88% 8%, rgba(201,168,76,.20), transparent 62%),
		radial-gradient(700px 500px at 4% 92%, rgba(69,145,167,.18), transparent 60%),
		linear-gradient(140deg,#0B1A2B 0%,#102B44 42%,#14455C 78%,#175168 100%);
	padding:76px 0 68px;
}
.ptipg .ptipg__hero::before{
	content:"";position:absolute;inset:0;z-index:-1;opacity:.5;
	background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px);
	background-size:26px 26px;
	-webkit-mask-image:linear-gradient(to bottom,#000,transparent 72%);
	mask-image:linear-gradient(to bottom,#000,transparent 72%);
}
.ptipg .ptipg__hero h1{color:#fff;font-size:clamp(1.9rem,3.8vw,2.9rem);margin-bottom:18px}
.ptipg .ptipg__hero .ptipg__eyebrow{color:#EBCE86}
.ptipg .ptipg__lede{font-size:1.0625rem;color:#D8E4EC;max-width:44rem;margin:0}
.ptipg .ptipg__hero__inner{max-width:52rem}

/* standards strip inside hero */
.ptipg .ptipg__std{
	display:flex;flex-wrap:wrap;align-items:center;gap:9px 20px;
	margin-top:30px;padding-top:24px;border-top:1px solid rgba(255,255,255,.18);
}
.ptipg .ptipg__std span{
	font-family:var(--fd);font-size:10px;font-weight:600;letter-spacing:.16em;
	text-transform:uppercase;color:#C6D4DF;
}
.ptipg .ptipg__std b{font-family:var(--fd);font-size:.8125rem;font-weight:500;color:#E4EDF3}
.ptipg .ptipg__std i{color:rgba(255,255,255,.30);font-style:normal}

/* ---------- SECTIONS ---------- */
.ptipg .ptipg__sec{padding:76px 0}
.ptipg .ptipg__sec--warm{background:var(--warm)}
.ptipg .ptipg__sec--cool{background:var(--cool)}
.ptipg .ptipg__sec--navy{
	background:
		radial-gradient(700px 380px at 12% 0%, rgba(69,145,167,.22), transparent 60%),
		linear-gradient(160deg,#0D1E30 0%,#14293F 55%,#16354F 100%);
	background-color:#0D1E30;color:#C3CFDB;
}
.ptipg .ptipg__sec--navy h2,
.ptipg .ptipg__sec--navy h3{color:#fff}
/* ...but a white CARD inside a navy section still needs dark headings. Without
   this, every card h3 in a navy band renders white-on-white at 1:1. (0,3,1)
   beats the (0,2,1) rule above. */
.ptipg .ptipg__sec--navy .ptipg__card h3,
.ptipg .ptipg__sec--navy .ptipg__card h4,
.ptipg .ptipg__sec--navy .ptipg__person b{color:var(--ink)}
.ptipg .ptipg__sec--navy .ptipg__eyebrow{color:var(--gold)}
.ptipg .ptipg__head{max-width:44rem;margin:0 auto 46px;text-align:center}
.ptipg .ptipg__head h2{font-size:clamp(1.6rem,2.8vw,2.15rem)}
.ptipg .ptipg__head p{font-size:1.0625rem;margin:0}
.ptipg .ptipg__sec--navy .ptipg__head p{color:#B9C8D6}
.ptipg .ptipg__head--left{margin-left:0;text-align:left}

/* ---------- CARD GRIDS ---------- */
.ptipg .ptipg__grid{display:grid;gap:24px}
.ptipg .ptipg__grid--2{grid-template-columns:repeat(2,1fr)}
.ptipg .ptipg__grid--3{grid-template-columns:repeat(3,1fr)}
.ptipg .ptipg__grid--4{grid-template-columns:repeat(4,1fr)}

.ptipg .ptipg__card{
	position:relative;display:flex;flex-direction:column;
	background:var(--white);border:1px solid var(--line);border-radius:var(--r);
	padding:30px 28px;overflow:hidden;text-decoration:none;
	transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.ptipg a.ptipg__card:hover{
	transform:translateY(-5px);border-color:transparent;
	box-shadow:0 20px 48px rgba(13,30,48,.13);
}
.ptipg .ptipg__card--bar::before{
	content:"";position:absolute;top:0;left:0;right:0;height:4px;
	background:linear-gradient(90deg,var(--teal),var(--navy));
}
.ptipg .ptipg__card--gold::before{background:linear-gradient(90deg,var(--gold),#DFAE55)}
.ptipg .ptipg__card h3{font-size:1.125rem;margin-bottom:9px}
.ptipg .ptipg__card p{font-size:.9375rem;margin:0 0 14px}
.ptipg .ptipg__card p:last-child{margin-bottom:0}

.ptipg .ptipg__ico{
	width:48px;height:48px;border-radius:13px;display:grid;place-items:center;
	margin-bottom:18px;color:#fff;flex:none;
	background:linear-gradient(135deg,var(--teal),var(--navy));
}
.ptipg .ptipg__ico--gold{background:linear-gradient(135deg,var(--gold-lt),var(--gold));color:#20180A}
.ptipg .ptipg__ico svg{width:24px;height:24px}

.ptipg .ptipg__more{
	margin-top:auto;padding-top:16px;font-family:var(--fd);font-size:.875rem;
	font-weight:600;color:var(--navy);display:inline-flex;align-items:center;gap:8px;
}
.ptipg .ptipg__more svg{width:16px;height:16px;transition:transform .2s ease}
.ptipg a.ptipg__card:hover .ptipg__more svg{transform:translateX(5px)}

/* bullet lists inside cards */
.ptipg .ptipg__ticks li{
	font-size:.875rem;color:var(--muted);padding:5px 0 5px 21px;position:relative;
}
.ptipg .ptipg__ticks li::before{
	content:"";position:absolute;left:2px;top:13px;width:7px;height:7px;
	border-radius:50%;background:var(--teal);
}

/* ---------- PROSE (long-form pages) ---------- */
.ptipg .ptipg__prose{max-width:44rem;margin:0 auto}
.ptipg .ptipg__prose--wide{max-width:56rem}
.ptipg .ptipg__prose h2{
	font-size:1.5rem;margin:2.4em 0 .6em;padding-top:1.6em;
	border-top:1px solid var(--line);
}
.ptipg .ptipg__prose > h2:first-child{margin-top:0;padding-top:0;border-top:0}
.ptipg .ptipg__prose h3{font-size:1.1875rem;margin:1.9em 0 .5em}
.ptipg .ptipg__prose h4{font-size:1rem;margin:1.5em 0 .4em;color:var(--navy)}
.ptipg .ptipg__prose p{font-size:1.0625rem}
.ptipg .ptipg__prose ul,
.ptipg .ptipg__prose ol{margin:0 0 1.3em;padding-left:0}
.ptipg .ptipg__prose ul li{position:relative;padding:6px 0 6px 24px}
.ptipg .ptipg__prose ul li::before{
	content:"";position:absolute;left:3px;top:15px;width:6px;height:6px;
	border-radius:50%;background:var(--teal);
}
.ptipg .ptipg__prose ol{counter-reset:pti}
.ptipg .ptipg__prose ol li{position:relative;padding:6px 0 6px 30px;counter-increment:pti}
.ptipg .ptipg__prose ol li::before{
	content:counter(pti);position:absolute;left:0;top:8px;
	font-family:var(--fd);font-size:.75rem;font-weight:600;color:var(--teal-text);
	width:20px;height:20px;border-radius:50%;background:rgba(69,145,167,.12);
	display:grid;place-items:center;
}
.ptipg .ptipg__prose strong{color:var(--ink);font-weight:600}
.ptipg .ptipg__prose a{color:var(--teal-text);text-decoration:underline;text-underline-offset:2px}

/* tables */
.ptipg .ptipg__tablewrap{overflow-x:auto;margin:0 0 1.6em}
.ptipg .ptipg__prose table{border-collapse:collapse;width:100%;font-size:.9375rem;min-width:520px}
.ptipg .ptipg__prose th{
	text-align:left;font-family:var(--fd);font-size:.6875rem;font-weight:600;
	letter-spacing:.1em;text-transform:uppercase;color:var(--teal-text);
	padding:12px 14px;border-bottom:2px solid var(--line);
}
.ptipg .ptipg__prose td{padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.ptipg .ptipg__prose tbody tr:hover{background:var(--cool)}

/* ---------- CALLOUTS ---------- */
.ptipg .ptipg__note{
	border-radius:var(--r);padding:26px 28px;margin:0 0 1.6em;
	background:var(--cool);border:1px solid var(--line);
}
.ptipg .ptipg__note p:last-child{margin-bottom:0}
.ptipg .ptipg__note--alert{
	background:#FFF6F2;border-color:#F3D9CC;
	border-left:4px solid #C2532B;
}
.ptipg .ptipg__note--alert .ptipg__notehead{color:#9A3E1E}
.ptipg .ptipg__note--gold{background:#FDF8EC;border-color:#EBDCB4;border-left:4px solid var(--gold)}
.ptipg .ptipg__note--gold .ptipg__notehead{color:#7A6320}
.ptipg .ptipg__notehead{
	font-family:var(--fd);font-size:.6875rem;font-weight:600;letter-spacing:.12em;
	text-transform:uppercase;color:var(--teal-text);margin:0 0 10px;
	display:flex;align-items:center;gap:8px;
}
.ptipg .ptipg__notehead svg{width:16px;height:16px}
.ptipg .ptipg__note ul li{position:relative;padding:6px 0 6px 24px;font-size:.9375rem}
.ptipg .ptipg__note ul li::before{
	content:"";position:absolute;left:3px;top:15px;width:6px;height:6px;
	border-radius:50%;background:#C2532B;
}

/* ---------- PROFILE ---------- */
.ptipg .ptipg__profile{display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:start}
.ptipg .ptipg__mono{
	width:124px;height:124px;border-radius:26px;display:grid;place-items:center;
	background:linear-gradient(140deg,var(--navy),var(--teal));color:#fff;
	font-family:var(--fd);font-size:2.2rem;font-weight:600;letter-spacing:-.02em;
	box-shadow:0 18px 42px rgba(26,58,92,.28);flex:none;
}
.ptipg .ptipg__roles{display:grid;gap:14px;margin-top:22px}
.ptipg .ptipg__role{
	display:flex;gap:14px;align-items:flex-start;background:var(--white);
	border:1px solid var(--line);border-radius:12px;padding:16px 18px;
}
.ptipg .ptipg__role b{
	display:block;font-family:var(--fd);font-size:.9375rem;font-weight:600;
	color:var(--ink);margin-bottom:2px;
}
.ptipg .ptipg__role > div span{font-size:.875rem;color:var(--muted)}
.ptipg .ptipg__chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.ptipg .ptipg__chip{
	font-family:var(--fd);font-size:.75rem;font-weight:500;color:var(--navy);
	background:var(--white);border:1px solid var(--line);padding:7px 14px;border-radius:999px;
}

/* ---------- BUTTONS ---------- */
.ptipg .ptipg__btn{
	display:inline-flex;align-items:center;gap:10px;font-family:var(--fd);
	font-size:.9375rem;font-weight:600;padding:14px 26px;border-radius:999px;
	text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.ptipg .ptipg__btn svg{width:17px;height:17px}
.ptipg .ptipg__btn--gold{
	background:linear-gradient(100deg,var(--gold-lt),var(--gold));color:#20180A;
	box-shadow:0 10px 28px rgba(201,168,76,.28);
}
.ptipg .ptipg__btn--gold:hover{transform:translateY(-2px);box-shadow:0 15px 38px rgba(201,168,76,.40)}
.ptipg .ptipg__btn--ghost{background:rgba(255,255,255,.07);color:#fff;border:1px solid rgba(255,255,255,.34)}
.ptipg .ptipg__btn--ghost:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}
.ptipg .ptipg__btn--navy{background:var(--navy);color:#fff}
.ptipg .ptipg__btn--navy:hover{background:var(--navy-deep);transform:translateY(-2px)}
.ptipg .ptipg__btns{display:flex;flex-wrap:wrap;gap:13px;margin-top:8px}

/* ---------- CARE / APARC BLOCK ---------- */
.ptipg .ptipg__care{
	display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center;
	background:linear-gradient(135deg,#0D1E30,#153345 55%,#1B4C61 100%);
	border-radius:24px;padding:46px 44px;color:#C3CFDB;position:relative;overflow:hidden;
}
.ptipg .ptipg__care::after{
	content:"";position:absolute;right:-70px;top:-70px;width:280px;height:280px;
	border-radius:50%;background:radial-gradient(circle,rgba(201,168,76,.22),transparent 68%);
}
.ptipg .ptipg__care h2{color:#fff;font-size:1.55rem}
.ptipg .ptipg__care p{font-size:.9375rem}
.ptipg .ptipg__care .ptipg__eyebrow{color:#E0BE63}
.ptipg .ptipg__careact{display:flex;flex-direction:column;gap:13px;position:relative;z-index:1}
.ptipg .ptipg__coi{
	font-size:.75rem;color:#B8C6D2;border-top:1px solid rgba(255,255,255,.16);
	padding-top:14px;margin:16px 0 0;
}

/* ---------- REVIEWER TABLE CARDS ---------- */
.ptipg .ptipg__person{
	display:flex;gap:16px;align-items:flex-start;background:var(--white);
	border:1px solid var(--line);border-radius:14px;padding:22px;
}
.ptipg .ptipg__role > .ptipg__initials,
.ptipg .ptipg__person > .ptipg__initials,
.ptipg .ptipg__initials{
	width:46px;height:46px;border-radius:12px;flex:none;display:grid;place-items:center;
	background:linear-gradient(140deg,var(--navy),var(--teal));color:#fff;
	font-family:var(--fd);font-size:.875rem;font-weight:600;
}
.ptipg .ptipg__person b{
	display:block;font-family:var(--fd);font-size:1rem;font-weight:600;color:var(--ink);
}
.ptipg .ptipg__person em{
	font-style:normal;display:block;font-size:.8125rem;color:var(--teal-text);
	font-family:var(--fd);font-weight:500;margin:2px 0 8px;
}
.ptipg .ptipg__person > div span{font-size:.875rem;color:var(--muted)}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1024px){
	.ptipg .ptipg__grid--3,
	.ptipg .ptipg__grid--4{grid-template-columns:repeat(2,1fr)}
	.ptipg .ptipg__care{grid-template-columns:1fr;padding:36px 30px}
}
@media (max-width:760px){
	.ptipg{--pad:22px}
	.ptipg .ptipg__hero{padding:54px 0 48px}
	.ptipg .ptipg__sec{padding:52px 0}
	.ptipg .ptipg__grid--2,
	.ptipg .ptipg__grid--3,
	.ptipg .ptipg__grid--4{grid-template-columns:1fr}
	.ptipg .ptipg__profile{grid-template-columns:1fr;gap:22px}
	.ptipg .ptipg__mono{width:92px;height:92px;font-size:1.7rem;border-radius:20px}
	.ptipg .ptipg__btn{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
	.ptipg *{transition:none!important;animation:none!important}
}

/* ==========================================================================
   ARTICLE COMPONENTS  — condition guides, clinical resources, learning modules
   Every rule prefixed with .ptipg for the reasons at the top of this file.
   ========================================================================== */

/* ---------- Byline: author, reviewer, chief editor ---------- */
.ptipg .ptipg__byline{
	display:flex;flex-wrap:wrap;gap:22px 34px;align-items:flex-start;
	background:var(--cool);border:1px solid var(--line);border-radius:var(--r);
	padding:22px 26px;margin:0 0 30px;
}
.ptipg .ptipg__byline > div{min-width:150px}
.ptipg .ptipg__byline dt{
	font-family:var(--fd);font-size:.625rem;font-weight:600;letter-spacing:.14em;
	text-transform:uppercase;color:var(--teal-text);margin:0 0 4px;
}
.ptipg .ptipg__byline dd{margin:0;font-size:.9375rem;color:var(--ink);font-weight:500}
.ptipg .ptipg__byline dd small{display:block;font-size:.8125rem;font-weight:400;color:var(--muted);margin-top:1px}
.ptipg .ptipg__byline--guest{background:#FDF8EC;border-color:#EBDCB4}

/* pending state: makes an unassigned byline impossible to miss */
.ptipg .ptipg__byline--pending{background:#FFF6F2;border-color:#F3D9CC;border-left:4px solid #C2532B}
.ptipg .ptipg__byline--pending dd{color:#9A3E1E}

/* ---------- Evidence grade badge ---------- */
.ptipg .ptipg__grade{
	display:inline-block;padding:3px 10px;border-radius:6px;
	font-family:var(--fd);font-size:.75rem;font-weight:600;letter-spacing:.02em;
	background:rgba(69,145,167,.12);color:#2F6E80;
}
.ptipg .ptipg__grade--a{background:rgba(47,110,128,.14);color:#245968}
.ptipg .ptipg__grade--b{background:rgba(201,168,76,.18);color:#6F5A1B}
.ptipg .ptipg__grade--c{background:rgba(194,83,43,.12);color:#9A3E1E}

/* ---------- Plain-language summary ---------- */
.ptipg .ptipg__summary{
	background:var(--warm);border:1px solid var(--line);border-left:4px solid var(--gold);
	border-radius:var(--r);padding:26px 28px;margin:0 0 30px;
}
.ptipg .ptipg__summary p:last-child{margin-bottom:0}
.ptipg .ptipg__summary p{font-size:1.0625rem}

/* ---------- Key takeaways ---------- */
.ptipg .ptipg__takeaways{
	background:var(--white);border:1px solid var(--line);border-radius:var(--r);
	padding:24px 28px;margin:0 0 30px;
}
.ptipg .ptipg__takeaways li{position:relative;padding:8px 0 8px 30px;font-size:.9375rem}
.ptipg .ptipg__takeaways li::before{
	content:"";position:absolute;left:2px;top:16px;width:14px;height:8px;
	border-left:2px solid var(--teal);border-bottom:2px solid var(--teal);
	transform:rotate(-45deg);
}

/* ---------- What the evidence does / does not support ---------- */
.ptipg .ptipg__eviGrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 0 30px}
.ptipg .ptipg__evi{border-radius:var(--r);padding:24px 26px;border:1px solid var(--line)}
.ptipg .ptipg__evi--yes{background:#F2F8F9;border-color:#CFE4E9}
.ptipg .ptipg__evi--no{background:#FFF6F2;border-color:#F3D9CC}
.ptipg .ptipg__evi h3{font-size:1rem;margin:0 0 12px}
.ptipg .ptipg__evi li{position:relative;padding:6px 0 6px 22px;font-size:.9375rem}
.ptipg .ptipg__evi--yes li::before{content:"";position:absolute;left:2px;top:14px;width:7px;height:7px;border-radius:50%;background:var(--teal)}
.ptipg .ptipg__evi--no li::before{content:"";position:absolute;left:2px;top:14px;width:7px;height:7px;border-radius:50%;background:#C2532B}

/* ---------- FAQ ---------- */
.ptipg .ptipg__faq details{
	border-bottom:1px solid var(--line);padding:2px 0;
}
.ptipg .ptipg__faq summary{
	cursor:pointer;list-style:none;padding:16px 30px 16px 0;position:relative;
	font-family:var(--fd);font-size:1rem;font-weight:500;color:var(--ink);
}
.ptipg .ptipg__faq summary::-webkit-details-marker{display:none}
.ptipg .ptipg__faq summary::after{
	content:"";position:absolute;right:6px;top:23px;width:9px;height:9px;
	border-right:2px solid var(--teal);border-bottom:2px solid var(--teal);
	transform:rotate(45deg);transition:transform .2s var(--ease);
}
.ptipg .ptipg__faq details[open] summary::after{transform:rotate(-135deg)}
.ptipg .ptipg__faq details > div{padding:0 0 18px}
.ptipg .ptipg__faq p{font-size:.9375rem;margin-bottom:.8em}
.ptipg .ptipg__faq p:last-child{margin-bottom:0}

/* ---------- References ---------- */
.ptipg .ptipg__refs{counter-reset:ref;margin:0}
.ptipg .ptipg__refs li{
	position:relative;padding:12px 0 12px 40px;border-bottom:1px solid var(--line);
	font-size:.875rem;line-height:1.6;counter-increment:ref;color:var(--body);
}
.ptipg .ptipg__refs li::before{
	content:counter(ref);position:absolute;left:0;top:14px;
	width:26px;height:26px;border-radius:50%;background:var(--cool);
	font-family:var(--fd);font-size:.75rem;font-weight:600;color:var(--teal-text);
	display:grid;place-items:center;
}
.ptipg .ptipg__refs a{color:var(--teal-text);text-decoration:underline;text-underline-offset:2px;word-break:break-word}
.ptipg .ptipg__refs em{font-style:italic}
.ptipg .ptipg__reftag{
	display:inline-block;margin-left:6px;padding:1px 7px;border-radius:4px;
	background:var(--cool);font-family:var(--fd);font-size:.6875rem;font-weight:600;color:var(--teal-text);
}

@media (max-width:760px){
	.ptipg .ptipg__eviGrid{grid-template-columns:1fr}
	.ptipg .ptipg__byline{gap:16px 24px;padding:18px 20px}
}

/* ==========================================================================
   FIGURES  -- diagrams, data visuals, and index cards
   ========================================================================== */

.ptipg .ptipg__fig{
	margin:0 0 30px;background:var(--white);border:1px solid var(--line);
	border-radius:var(--r);padding:26px 28px 20px;overflow:hidden;
}
.ptipg .ptipg__fig--warm{background:var(--warm)}
.ptipg .ptipg__fig svg{display:block;width:100%;height:auto;max-width:100%}
.ptipg .ptipg__fig figcaption{
	margin-top:16px;padding-top:14px;border-top:1px solid var(--line);
	font-size:.8125rem;line-height:1.6;color:var(--muted);
}
.ptipg .ptipg__fig figcaption strong{color:var(--ink);font-weight:600}
.ptipg .ptipg__figtitle{
	font-family:var(--fd);font-size:.6875rem;font-weight:600;letter-spacing:.14em;
	text-transform:uppercase;color:var(--teal-text);margin:0 0 16px;
}

/* condition index cards */
.ptipg .ptipg__idx{
	display:flex;flex-direction:column;background:var(--white);
	border:1px solid var(--line);border-radius:var(--r);padding:26px 26px 24px;
	text-decoration:none;overflow:hidden;position:relative;
	transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.ptipg a.ptipg__idx:hover{transform:translateY(-5px);border-color:transparent;box-shadow:0 20px 48px rgba(13,30,48,.13)}
.ptipg .ptipg__idx::before{
	content:"";position:absolute;top:0;left:0;right:0;height:4px;
	background:linear-gradient(90deg,var(--teal),var(--navy));
}
.ptipg .ptipg__idx h3{font-size:1.0625rem;margin:0 0 8px}
.ptipg .ptipg__idx p{font-size:.875rem;color:var(--muted);margin:0 0 16px}
.ptipg .ptipg__idxmeta{
	margin-top:auto;display:flex;flex-wrap:wrap;gap:8px;align-items:center;
	font-family:var(--fd);font-size:.6875rem;font-weight:600;letter-spacing:.06em;
}
.ptipg .ptipg__idxmeta span{
	padding:3px 9px;border-radius:5px;background:var(--cool);color:var(--teal-text);
}
.ptipg .ptipg__soon{
	background:var(--warm);border:1px dashed var(--line);border-radius:var(--r);
	padding:24px 26px;color:var(--muted);
}
.ptipg .ptipg__soon h3{font-size:1rem;margin:0 0 10px;color:var(--ink)}
.ptipg .ptipg__soon ul{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.ptipg .ptipg__soon li{
	font-size:.8125rem;padding:5px 12px;border-radius:999px;
	background:var(--white);border:1px solid var(--line);color:var(--muted);
}

/* ---------- Index card thumbnails ---------- */
.ptipg .ptipg__idxthumb{
	margin:-26px -26px 20px;padding:16px 18px 12px;
	background:linear-gradient(135deg,#0B1A2B 0%,#102B44 55%,#175168 100%);
	border-radius:var(--r) var(--r) 0 0;overflow:hidden;
}
.ptipg .ptipg__idxthumb svg{display:block;width:100%;height:auto}
.ptipg .ptipg__idx{padding-top:0}
.ptipg .ptipg__idx::before{z-index:2}

/* ---------- CHAPTER MODEL ----------
   Added 16 Aug 2026 for the /learn/ chapter template: the header metric strip,
   Bloom pills on learning objectives, OSCE stations, case cards and MCQ option
   lists. Same prefix rule as everything above -- see the specificity note. */
.ptipg .ptipg__metrics{
	display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));
	gap:1px;background:var(--line);border:1px solid var(--line);
	border-radius:var(--r);overflow:hidden;margin:0 0 8px;
}
.ptipg .ptipg__metric{background:var(--white);padding:16px 14px;text-align:center}
.ptipg .ptipg__metric b{
	display:block;font-family:var(--fd);font-size:1.5rem;font-weight:600;
	color:var(--navy);line-height:1.1;font-variant-numeric:tabular-nums;
}
.ptipg .ptipg__metric span{
	display:block;margin-top:4px;font-size:.6875rem;font-weight:600;
	letter-spacing:.1em;text-transform:uppercase;color:var(--muted);
}
.ptipg .ptipg__bloom{
	display:inline-block;padding:3px 10px;border-radius:999px;white-space:nowrap;
	background:var(--cool);border:1px solid var(--line);
	font-family:var(--fd);font-size:.6875rem;font-weight:600;
	letter-spacing:.06em;color:var(--teal-text);
}
.ptipg .ptipg__osce,
.ptipg .ptipg__case{
	border-radius:var(--r);padding:26px 28px;margin:0 0 1.6em;
	background:var(--white);border:1px solid var(--line);
	border-left:4px solid var(--teal);
}
.ptipg .ptipg__case{background:var(--warm);border-left-color:var(--gold)}
.ptipg .ptipg__case .ptipg__notehead{color:#7A6320}
.ptipg .ptipg__osce ol,
.ptipg .ptipg__osce ul,
.ptipg .ptipg__case ul{margin:0 0 1.1em;padding-left:1.3em}
.ptipg .ptipg__osce li{padding:5px 0;font-size:.9375rem}
.ptipg .ptipg__osce p:last-child,
.ptipg .ptipg__case p:last-child{margin-bottom:0}
.ptipg .ptipg__mcq{margin:0 0 1em;padding-left:1.4em}
.ptipg .ptipg__mcq li{padding:4px 0;font-size:.9375rem;list-style:none}
@media (max-width:640px){
	.ptipg .ptipg__metrics{grid-template-columns:repeat(auto-fit,minmax(94px,1fr))}
	.ptipg .ptipg__osce,.ptipg .ptipg__case{padding:20px 18px}
}

/* ---------- SUBJECT INDEX ----------
   Learn Physiotherapy by Subject. Added 16 Aug 2026 with the move from
   year-wise to subject-wise navigation. */
.ptipg .ptipg__subjgrid{
	display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
	gap:18px;margin:0 0 2.6em;
}
.ptipg .ptipg__subj{
	background:var(--white);border:1px solid var(--line);border-radius:var(--r);
	padding:22px 24px;display:flex;flex-direction:column;gap:8px;
}
.ptipg .ptipg__subj h3{margin:0;font-size:1.0625rem;line-height:1.35;color:var(--ink)}
.ptipg .ptipg__subjblurb{margin:0;font-size:.9375rem;color:var(--body)}
.ptipg .ptipg__subjmeta{
	margin:0;font-size:.75rem;color:var(--muted);display:flex;
	align-items:center;gap:8px;flex-wrap:wrap;
}
.ptipg .ptipg__slinks{display:flex;flex-direction:column;gap:5px;margin-top:2px}
.ptipg .ptipg__slink{
	font-size:.875rem;color:var(--teal-text);text-decoration:none;
	border-bottom:1px solid transparent;align-self:flex-start;
}
.ptipg .ptipg__slink:hover{border-bottom-color:currentColor}
.ptipg .ptipg__subj .ptipg__soon{font-size:.875rem;color:var(--muted);font-style:italic}

/* ---------- ARTWORK PLACEHOLDER ----------
   A reserved slot for an illustration or photograph not yet drawn. Deliberately
   visible: a silent gap gets forgotten, a labelled one gets filled. */
.ptipg .ptipg__ph{border-style:dashed;border-color:#C9B9D6;background:#FBF8FD}
.ptipg .ptipg__phbox{
	border:1px dashed #C9B9D6;border-radius:12px;background:#fff;
	padding:26px 24px;text-align:left;
}
.ptipg .ptipg__phlabel{
	margin:0 0 8px;font-family:var(--fd);font-size:.6875rem;font-weight:600;
	letter-spacing:.12em;text-transform:uppercase;color:#7A5C93;
}
.ptipg .ptipg__phbrief{margin:0;font-size:.875rem;line-height:1.65;color:var(--muted)}
