/* ===== UMID Team — compact DNA theme ===== */
	.tm { --dn-ink:#070b1f; --dn-cyan:#22d3ee; --dn-violet:#8b5cf6; --dn-indigo:#6366f1; --dn-a:#34d399; --dn-t:#f87171; --dn-g:#fbbf24; --dn-c:#60a5fa;
	--dn-border:#e4e7f5;
	--dn-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;
	--dn-sans:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
	font-family:var(--dn-sans); color:#1f2937; background:#f4f6ff; font-size:14px; }
	.tm * { box-sizing:border-box; }
	.tm-wrap { max-width:1100px; margin:0 auto; padding:0 18px; }
	.tm-mono { font-family:var(--dn-mono); letter-spacing:.1em; text-transform:uppercase; font-size:10.5px; }
	
	/* colour helper classes (replace inline style="--k / --c") */
	.k-cyan { --k:var(--dn-cyan); }
	.k-blue { --k:var(--dn-c); }
	.k-violet { --k:var(--dn-violet); }
	.k-gold { --k:var(--dn-g); }
	.c-a { --c:var(--dn-a); }
	.c-c { --c:var(--dn-c); }
	.c-v { --c:var(--dn-violet); }
	.c-g { --c:var(--dn-g); }
	.c-t { --c:var(--dn-t); }
	.c-cy { --c:var(--dn-cyan); }
	
	/* hero (light — matches the other UMID pages) */
	.tm-hero { position:relative; overflow:hidden; padding:64px 0 80px; text-align:center; color:#14183d;
	background:
    radial-gradient(800px 280px at 50% 0%, rgba(34,211,238,.20), transparent 70%),
    radial-gradient(600px 320px at 8% 25%, rgba(99,102,241,.16), transparent 70%),
    radial-gradient(600px 320px at 100% 100%, rgba(139,92,246,.14), transparent 70%),
    linear-gradient(180deg,#e6efff 0,#f4f6ff 100%); }
	.tm-hero::before { content:""; position:absolute; inset:0; pointer-events:none;
	background-image:linear-gradient(rgba(99,102,241,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.08) 1px,transparent 1px);
	background-size:44px 44px; -webkit-mask-image:radial-gradient(ellipse at center,#000 35%,transparent 85%); mask-image:radial-gradient(ellipse at center,#000 35%,transparent 85%); }
	.tm-hero .tm-wrap { position:relative; }
	.tm-tag { display:inline-flex; align-items:center; gap:10px; padding:5px 12px; border-radius:999px; color:#0e7490; border:1px solid rgba(14,116,144,.3); background:#fff; font:600 10.5px var(--dn-mono); letter-spacing:.1em; text-transform:uppercase; box-shadow:0 4px 14px rgba(99,102,241,.10); }
	.tm-dot { width:8px; height:8px; border-radius:50%; background:#0e7490; animation:tm-pulse 2s infinite; }
	@keyframes tm-pulse { 0%{box-shadow:0 0 0 0 rgba(14,116,144,.5);} 70%,100%{box-shadow:0 0 0 10px rgba(14,116,144,0);} }
	.tm-hero h1 { margin:16px 0 8px; font-size:clamp(32px,5vw,52px); font-weight:800; letter-spacing:-.03em; color:#14183d; }
	.tm-hero h1 em { font-style:normal; background:linear-gradient(90deg,#0891b2,var(--dn-indigo),var(--dn-violet)); -webkit-background-clip:text; background-clip:text; color:transparent; }
	.tm-hero p { max-width:620px; margin:0 auto; color:#4b5563; font-size:16px; line-height:1.6; }
	.tm-helix { display:block; width:96px; height:6px; margin:22px auto 0; border-radius:6px; background:linear-gradient(90deg,var(--dn-a) 0 25%,var(--dn-t) 25% 50%,var(--dn-g) 50% 75%,var(--dn-c) 75% 100%); }
	
	/* sections */
	.tm-sec { padding:28px 0 4px; }
	.tm-h { display:flex; align-items:center; gap:12px; margin:0 0 14px; }
	.tm-h h2 { margin:0; font-size:17px; font-weight:700; letter-spacing:-.01em; color:#14183d; }
	.tm-h::after { content:""; flex:1; min-width:24px; height:2px; border-radius:2px; background:linear-gradient(90deg,var(--dn-a),var(--dn-c),var(--dn-violet),var(--dn-t)); opacity:.35; }
	.tm-h small { color:#6b7280; font-weight:600; font-size:12.5px; }
	
	/* coordinating */
	.tm-lead { display:grid; grid-template-columns:1.15fr 1fr; gap:14px; }
	.tm-box { position:relative; overflow:hidden; display:flex; gap:16px; align-items:center; padding:16px 18px; border-radius:16px; background:#fff; border:1px solid var(--dn-border); box-shadow:0 6px 20px rgba(13,20,51,.06); }
	.tm-box::before { content:""; position:absolute; left:0; right:0; top:0; height:3px; background:linear-gradient(90deg,var(--dn-a) 0 25%,var(--dn-t) 25% 50%,var(--dn-g) 50% 75%,var(--dn-c) 75% 100%); }
	.tm-box__body { flex:1; min-width:0; }
	.tm-photo { flex:none; width:112px; height:140px; border-radius:14px; overflow:hidden; background:#fff; border:1px solid var(--dn-border); box-shadow:0 0 0 4px rgba(99,102,241,.08); }
	.tm-photo img { display:block; width:100%; height:100%; object-fit:cover; object-position:top center; }
	.tm-photo--logo { width:96px; height:96px; border-radius:50%; padding:6px; }
	.tm-photo--logo img { object-fit:contain; }
	.tm-role { display:inline-block; padding:2px 9px; border-radius:999px; color:var(--dn-indigo); background:rgba(99,102,241,.08); border:1px solid rgba(99,102,241,.25); font:700 9.5px var(--dn-mono); letter-spacing:.08em; text-transform:uppercase; }
	.tm-box h3 { margin:6px 0 3px; font-size:17px; line-height:1.25; font-weight:700; color:#14183d; }
	.tm-box p { margin:0 0 3px; color:#4b5563; line-height:1.5; font-size:13px; }
	.tm-box .tm-sub { color:#14183d; font-weight:600; }
	.tm-btn { display:inline-flex; align-items:center; gap:8px; margin-top:8px; padding:7px 13px; border-radius:9px; font-weight:700; font-size:12px; text-decoration:none; color:#04061a; background:linear-gradient(135deg,var(--dn-cyan),var(--dn-indigo)); box-shadow:0 6px 16px rgba(34,211,238,.25); transition:transform .2s; }
	.tm-btn:hover { transform:translateY(-2px); color:#04061a; }
	.tm-colist { list-style:none; margin:6px 0 0; padding:0; display:grid; gap:5px; }
	.tm-colist li { padding:6px 10px; border-radius:8px; background:#f7f8ff; border-left:3px solid var(--k,var(--dn-violet)); font-weight:600; font-size:13px; }
	.tm-colist li:nth-child(1) { --k:var(--dn-a); } .tm-colist li:nth-child(2) { --k:var(--dn-c); } .tm-colist li:nth-child(3) { --k:var(--dn-violet); }
	
	/* tabs */
	.tm-tabs { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
	.tm-tab { display:inline-flex; align-items:center; gap:8px; padding:7px 14px; border-radius:999px; cursor:pointer; font:700 13px var(--dn-sans); color:#374151; background:#fff; border:1px solid var(--dn-border); transition:background .2s,color .2s,border-color .2s,transform .2s; }
	.tm-tab i { width:8px; height:8px; border-radius:50%; background:var(--k); }
	.tm-tab b { padding:1px 8px; border-radius:999px; font:700 11px var(--dn-mono); color:var(--k); background:color-mix(in srgb,var(--k) 12%,transparent); }
	.tm-tab:hover { border-color:var(--k); transform:translateY(-1px); }
	.tm-tab:focus-visible { outline:3px solid rgba(99,102,241,.45); outline-offset:2px; }
	.tm-tab.on { color:#fff; background:var(--dn-ink); border-color:var(--dn-ink); }
	.tm-tab.on b { color:#fff; background:var(--k); }
	.tm-panel { display:none; }
	.tm-panel.on { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; animation:tm-in .3s ease; }
	@keyframes tm-in { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
	.tm-cc { position:relative; overflow:hidden; padding:11px 12px 10px 15px; border-radius:12px; background:#fff; border:1px solid var(--dn-border); transition:transform .2s,box-shadow .2s,border-color .2s; }
	.tm-cc::before { content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:var(--k); }
	.tm-cc:hover { transform:translateY(-3px); border-color:var(--k); box-shadow:0 10px 24px rgba(13,20,51,.10); }
	.tm-cc h4 { margin:0 0 7px; font-size:13px; line-height:1.35; font-weight:700; color:#14183d; }
	.tm-pi { margin:0 0 5px; font-size:12.5px; line-height:1.4; font-weight:600; color:#1f2937; }
	.tm-pi span, .tm-coi span { display:inline-block; margin-right:5px; padding:0 5px; border-radius:4px; font:700 9px var(--dn-mono); letter-spacing:.06em; color:var(--k); background:color-mix(in srgb,var(--k) 12%,transparent); vertical-align:1px; }
	.tm-coi { list-style:none; margin:0; padding:0; display:grid; gap:2px; }
	.tm-coi li { font-size:12.5px; line-height:1.4; color:#4b5563; }
	
	/* ===================== PROJECT TEAM (compact) ===================== */
	.tm-dark { position:relative; margin-top:24px; padding:24px 0 26px; color:#e8ebff; background:radial-gradient(600px 240px at 10% 0%,rgba(99,102,241,.25),transparent 70%),radial-gradient(500px 240px at 100% 100%,rgba(34,211,238,.16),transparent 70%),var(--dn-ink); overflow:hidden; }
	.tm-dark::before { content:""; position:absolute; inset:0; pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px); background-size:40px 40px; -webkit-mask-image:radial-gradient(ellipse at center,#000 35%,transparent 85%); mask-image:radial-gradient(ellipse at center,#000 35%,transparent 85%); }
	.tm-dark .tm-wrap { position:relative; }
	.tm-dark .tm-h { margin-bottom:12px; }
	.tm-dark .tm-h h2 { color:#fff; font-size:16px; }
	.tm-dark .tm-h small { color:#a9b0d6; font-size:12px; }
	
	.tm-sum { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 12px; }
	.tm-sum span { display:inline-flex; align-items:center; gap:6px; padding:3px 10px; border-radius:999px; color:#cfd5f5; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); font:600 9.5px var(--dn-mono); letter-spacing:.06em; text-transform:uppercase; }
	.tm-sum span i { width:6px; height:6px; border-radius:50%; background:var(--k); box-shadow:0 0 8px var(--k); }
	.tm-sum span b { color:#fff; font-weight:700; }
	
	.tm-pt { display:grid; grid-template-columns:1fr 1.05fr 1.15fr; gap:10px; align-items:stretch; }
	.tm-pc { position:relative; overflow:hidden; display:flex; flex-direction:column; padding:11px 12px 12px; border-radius:14px;
	background:linear-gradient(165deg,color-mix(in srgb,var(--k) 10%,rgba(255,255,255,.07)),rgba(255,255,255,.02) 55%); border:1px solid rgba(255,255,255,.11);
	box-shadow:0 10px 26px rgba(0,0,0,.25); transition:transform .25s,border-color .25s,box-shadow .25s,opacity .6s; }
	.tm-pc::before { content:""; position:absolute; left:0; right:0; top:0; height:2px; background:var(--k); box-shadow:0 0 12px var(--k); }
	.tm-pc:hover { transform:translateY(-2px); border-color:color-mix(in srgb,var(--k) 55%,transparent); box-shadow:0 14px 30px rgba(0,0,0,.35),0 0 24px -10px var(--k); }
	.tm-pc__top { display:flex; align-items:center; gap:8px; margin-bottom:9px; padding-bottom:8px; border-bottom:1px dashed rgba(255,255,255,.13); }
	.tm-pc__ico { flex:none; width:26px; height:26px; display:grid; place-items:center; border-radius:8px; font-size:12px; color:#070b1f; background:var(--k); }
	.tm-pc__ttl { flex:1; min-width:0; }
	.tm-pc__ttl h3 { margin:0; font-size:13px; line-height:1.2; font-weight:600; color:#fff; }
	.tm-pc__ttl small { display:block; margin-top:1px; color:var(--k); font:700 8.5px var(--dn-mono); letter-spacing:.09em; text-transform:uppercase; }
	.tm-pc__top b { flex:none; min-width:24px; padding:1px 7px; border-radius:999px; text-align:center; font:700 10.5px var(--dn-mono); color:var(--k); background:color-mix(in srgb,var(--k) 14%,transparent); border:1px solid color-mix(in srgb,var(--k) 55%,transparent); }
	
	.tm-ppl { list-style:none; margin:0; padding:0; display:grid; gap:4px; }
	.tm-ppl--2 { grid-template-columns:1fr 1fr; }
	.tm-ppl li { display:flex; align-items:center; gap:7px; padding:4px 8px 4px 4px; border-radius:9px; min-width:0; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.05); transition:background .2s,border-color .2s; }
	.tm-ppl li:hover { background:rgba(255,255,255,.11); border-color:var(--c); }
	.tm-av { flex:none; width:24px; height:24px; display:grid; place-items:center; border-radius:50%; font:600 9px var(--dn-sans); color:#04061a; background:var(--c); }
	.tm-nm { min-width:0; font-size:12px; font-weight:600; color:#f1f3ff; line-height:1.2; }
	.tm-nm em { display:inline-block; margin-top:2px; padding:0 6px; border-radius:999px; font:700 8px var(--dn-mono); font-style:normal; letter-spacing:.06em; text-transform:uppercase; color:var(--dn-cyan); background:rgba(34,211,238,.1); border:1px solid rgba(34,211,238,.28); }
	.tm-pc--ex .tm-av { filter:saturate(.8); }
	
	.tm-sch { margin-top:auto; padding-top:9px; }
	.tm-sch__lbl { display:flex; align-items:center; gap:6px; margin-bottom:5px; color:#8c95c9; font:700 8.5px var(--dn-mono); letter-spacing:.1em; text-transform:uppercase; }
	.tm-sch__lbl::after { content:""; flex:1; height:1px; background:rgba(255,255,255,.12); }
	.tm-sch__lbl i { color:var(--dn-cyan); }
	.tm-chips { display:flex; flex-wrap:wrap; gap:4px; }
	.tm-chip { display:inline-flex; align-items:center; gap:5px; padding:2px 9px 2px 3px; border-radius:999px; font-size:11px; font-weight:600; color:#dfe4ff; background:rgba(34,211,238,.07); border:1px solid rgba(34,211,238,.22); }
	.tm-chip .tm-av { width:18px; height:18px; font-size:7.5px; }
	.tm-chip em { font:700 8px var(--dn-mono); font-style:normal; letter-spacing:.05em; text-transform:uppercase; color:var(--dn-cyan); }
	
	.tm-tl { position:relative; display:grid; gap:5px; padding-left:15px; }
	.tm-tl::before { content:""; position:absolute; left:4px; top:8px; bottom:8px; width:2px; border-radius:2px; background:linear-gradient(180deg,var(--dn-a),var(--dn-c),var(--dn-violet),var(--dn-g),var(--dn-t)); opacity:.55; }
	.tm-cr { position:relative; padding:5px 9px 6px; border-radius:9px; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.05); transition:background .2s,border-color .2s; }
	.tm-cr::before { content:""; position:absolute; left:-15px; top:11px; width:8px; height:8px; border-radius:50%; background:var(--c); box-shadow:0 0 0 2px #0b1130,0 0 8px var(--c); }
	.tm-cr:hover { background:rgba(255,255,255,.11); border-color:var(--c); }
	.tm-cr small { display:block; margin-bottom:3px; color:var(--c); font:700 8.5px var(--dn-mono); letter-spacing:.08em; text-transform:uppercase; }
	.tm-cr .tm-chip { background:rgba(255,255,255,.07); border-color:rgba(255,255,255,.12); color:#f1f3ff; }
	.tm-cr .tm-chip .tm-av { background:var(--c); }
	.tm-none { display:inline-block; padding:0 8px; border-radius:999px; color:#6f78ad; font:600 10px var(--dn-mono); border:1px dashed rgba(255,255,255,.2); }
	
	.tm-pc.tm-pre { opacity:0; transform:translateY(16px); }
	
	/* ICMR — slim single card */
	.tm-icmr { display:flex; align-items:center; gap:14px; max-width:520px; padding:10px 16px 10px 10px; border-radius:999px; background:#fff; border:1px solid var(--dn-border); box-shadow:0 6px 18px rgba(13,20,51,.07); }
	.tm-icmr__img { flex:none; width:62px; height:62px; border-radius:50%; overflow:hidden; border:2px solid #fff; box-shadow:0 0 0 2px var(--dn-indigo); }
	.tm-icmr__img img { display:block; width:100%; height:100%; object-fit:cover; object-position:top center; }
	.tm-icmr h3 { margin:0; font-size:15px; font-weight:700; color:#14183d; line-height:1.25; }
	.tm-icmr p { margin:2px 0 0; font-size:12.5px; font-weight:600; color:#4b5563; }
	.tm-icmr .tm-role { margin-bottom:3px; }
	
	/* Group photo */
	.tm-group { max-width:620px; margin:0 auto 30px; padding:5px; border-radius:14px; background:var(--dn-ink); box-shadow:0 12px 28px rgba(13,20,51,.22); }
	.tm-group img { display:block; width:100%; height:auto; border-radius:10px; }
	
	/* ===== LARGE MONITORS: use the width instead of a narrow 1100px column ===== */
	@media (min-width:1400px) {
	.tm { font-size:15px; }
	.tm-wrap { max-width:1360px; }
	.tm-panel.on { grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
	.tm-pt { gap:16px; }
	.tm-box h3 { font-size:19px; }
	.tm-cc h4 { font-size:14px; }
	.tm-pi, .tm-coi li { font-size:13.5px; }
	.tm-nm { font-size:13px; }
	.tm-group { max-width:760px; }
	}
	@media (min-width:1800px) { .tm-wrap { max-width:1560px; } .tm-panel.on { grid-template-columns:repeat(5,minmax(0,1fr)); } }
	
	/* ===== RESPONSIVE (at the end so it wins) ===== */
	@media (min-width:992px) { .tm-h h2 { white-space:nowrap; } }
	@media (max-width:991px) { .tm-panel.on { grid-template-columns:repeat(2,minmax(0,1fr)); } .tm-pt { grid-template-columns:1fr 1fr; } .tm-pt .tm-pc:last-child { grid-column:1 / -1; } .tm-lead { grid-template-columns:1fr; } }
	@media (max-width:767px) { .tm-hero { padding:46px 0 66px; } }
	@media (max-width:560px) { .tm-panel.on, .tm-pt { grid-template-columns:1fr; } .tm-ppl--2 { grid-template-columns:1fr; } .tm-box { flex-direction:column; text-align:center; } .tm-photo { width:120px; height:150px; } .tm-colist { width:100%; text-align:left; } .tm-h h2 { font-size:15.5px; } .tm-dark { padding:20px 0 24px; } .tm-icmr { border-radius:20px; } }
	@media (prefers-reduced-motion:reduce) { .tm-dot { animation:none; } .tm-panel.on { animation:none; } .tm-pc.tm-pre { opacity:1; transform:none; } .tm-pc, .tm-ppl li, .tm-cr, .tm-chip { transition:none; } }