/* DTHCRI — an original research-led presentation in Medical Cyan. */
.focus-section { background:#fff; }
.focus-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; list-style:none; padding:0; margin:40px 0 28px; }
.focus-grid li { min-width:0; max-width:none; padding:28px 24px; background:#f3f6f8; border:1px solid #e6edf0; border-radius:24px; }
.focus-grid .focus-priority { background:#073b49; color:#e8f9fd; border-color:#073b49; }
.focus-kicker,.focus-number { display:block; color:#08768b; font-size:.65rem; font-weight:600; letter-spacing:.1em; margin-bottom:30px; text-transform:uppercase; }
.focus-priority .focus-kicker { color:#8ce0ed; }
.focus-grid h3 { color:#16333d; font-size:1.25rem; line-height:1.22; margin:0 0 14px; }
.focus-grid p { color:#5b6e77; font-size:.84rem; line-height:1.75; margin:0 0 18px; }
.focus-grid [lang="bn"] { color:#66808b; font-size:.79rem; }
.focus-priority h3 { color:#fff; }
.focus-priority p,.focus-priority [lang="bn"] { color:#bedde5; }
.body .focus-note { font-size:.8rem; color:#637984; max-width:80ch; }
.collaboration-band { margin-top:35px; border-top:1px solid #dce7ec; padding-top:28px; display:grid; grid-template-columns:200px 1fr; gap:30px; }
.collaboration-band .collab-label { font-size:.65rem; text-transform:uppercase; letter-spacing:.12em; color:#08768b; }
.collaboration-band h3 { margin:5px 0 0; font-size:1.65rem; }
.collaboration-band p { font-size:.92rem; color:#526c77; margin:0; }
@media(max-width:1050px) { .focus-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:680px) { .focus-grid { gap:14px; margin-top:28px; }.focus-grid li { padding:23px 20px; border-radius:20px; }.focus-grid h3 { font-size:1.15rem; }.focus-grid p { font-size:.82rem; }.focus-number,.focus-kicker { margin-bottom:23px; }.collaboration-band { grid-template-columns:1fr; gap:15px; }.collaboration-band p { font-size:.88rem; } }
@media(max-width:450px) { .focus-grid { grid-template-columns:1fr; } }
:root, :root[data-theme="light"] { --paper:#fff; --bg:#f5f6f8; --ink:#1d2428; --teal:#16333d; --teal-deep:#061f29; --cyan:#06b6d4; --cyan-ink:#08768b; --muted:#637079; --line:#dce3e7; --tint:#eaf7fa; --wrap:1200px; --body:1.0625rem; --h2:clamp(2.4rem,5.2vw,4.7rem); color-scheme:light; }
body { letter-spacing:-.012em; line-height:1.7; }
html { scroll-padding-top:110px; }
::selection { background:#b9eef5; color:#062e39; }
.wrap { padding-inline:32px; }
.utility { background:#f5f6f8; color:#5c6970; font-size:.7rem; }
.utility .wrap { justify-content:center; padding-block:8px; }
.utility .wrap>span:last-child { display:none; }
.nav { top:0; margin:12px auto -80px; width:calc(100% - 40px); max-width:1440px; border:1px solid #dce3e7c9; border-radius:22px; background:#ffffffd9; backdrop-filter:blur(24px) saturate(140%); -webkit-backdrop-filter:blur(24px) saturate(140%); box-shadow:0 8px 32px #08334406; }
.nav .wrap { min-height:64px; padding:10px 20px; gap:24px; }
.brand { flex:0 0 auto; gap:9px; }
.brand svg { width:30px; height:30px; }
.brand .name { font-size:1.1rem; letter-spacing:-.04em; }
.brand .full { display:none; }
.menu ul { gap:22px; }
.menu a { font-size:.75rem; font-weight:500; }
.menu a[aria-current="location"] { color:var(--cyan-ink); }
.menu .btn { padding:11px 16px; font-size:.75rem; }
.btn { border-radius:999px; padding:15px 25px; font-size:.88rem; font-weight:500; transition:transform .25s,background .25s,box-shadow .25s; }
.btn:hover { transform:translateY(-2px); text-decoration:none; box-shadow:0 8px 22px #06374412; }
.btn.primary,.btn.solid { background:#087e95; color:#fff; }
.btn.ghost { color:#08768b; border:0; background:transparent; }
.hero { padding-top:170px; background:#f5f6f8; color:var(--ink); text-align:center; position:relative; }
.hero>.wrap { max-width:1400px; }
.hero-eyebrow { color:var(--cyan-ink); font-size:.72rem; font-weight:650; letter-spacing:.15em; margin:0 auto 25px; }
.hero h1 { max-width:1100px; margin:auto; font-size:clamp(3.5rem,8.7vw,8rem); line-height:1.01; letter-spacing:-.067em; font-weight:700; }
.hero h1 span { color:#08839a; }
.institute-name { font-size:clamp(.95rem,1.8vw,1.35rem); font-weight:600; margin:30px auto 0; max-width:58ch; color:#263f49; }
.hero .bn-title { color:#56737c; font-size:1.04rem; line-height:1.6; font-weight:400; margin:6px auto 0; max-width:65ch; }
.hero .lede { max-width:44ch; margin:26px auto 0; font-size:clamp(1.05rem,2vw,1.45rem); color:#637078; line-height:1.5; }
.hero .cta { justify-content:center; margin-top:28px; gap:10px; }
.hero-credit { color:#69777f; max-width:64ch; font-size:.75rem; margin:20px auto 0; }
.hero-figure { margin:70px 0 0; border-radius:28px 28px 0 0; overflow:hidden; isolation:isolate; }
.hero-figure img { border-radius:0; min-height:260px; object-fit:cover; transform:scale(1.015); }
.hero-figure figcaption { text-align:left; max-width:520px; border-radius:14px; padding:18px 22px; font-size:.78rem; background:#052833bd; border-color:#ffffff26; left:28px; bottom:25px; }
.chapter-strip { display:grid; grid-template-columns:repeat(4,1fr); padding-block:30px; gap:20px; border-bottom:1px solid var(--line); }
.chapter-strip a { color:#3d535d; font-size:.82rem; text-decoration:none; }
.chapter-strip span { color:#85949b; font-size:.65rem; margin-right:12px; }
.chapter-strip a:hover { color:#08768b; }
.section { padding-block:120px; border:0; }
.sec { grid-template-columns:minmax(0,1fr); gap:24px; }
.margin { display:flex; align-items:baseline; gap:28px; font-size:.75rem; }
.margin .label { color:#08768b; letter-spacing:.12em; text-transform:uppercase; font-size:.65rem; font-weight:700; white-space:nowrap; }
.margin .note { margin:0; font-size:.75rem; color:#78858c; }
.body h2 { color:var(--ink); font-weight:650; letter-spacing:-.05em; max-width:18ch; margin:0 0 48px; line-height:1.06; }
.body>p { max-width:72ch; }
.body .intro { font-size:1.2rem; color:#435761; line-height:1.7; }
.body h3 { letter-spacing:-.025em; }
.record { border-top:1px solid #bfcbd0; }
.record li { padding:27px 0; max-width:none; grid-template-columns:155px minmax(0,1fr) 170px; gap:32px; }
.record .when { color:#08768b; font-size:.8rem; font-weight:600; }
.record .what { font-size:.94rem; color:#485a63; }
.record .verify { font-size:.76rem; }
.record .verify a { text-decoration:none; }
.record .verify a::after { content:' ↗'; }
.lines { gap:22px; margin-top:46px; }
.lines li { border-top:1px solid #bccdd3; padding:23px 0; }
.lines b { font-size:1.14rem; margin-bottom:10px; }
.lines p { color:#5f7078; line-height:1.7; }
.bn-block { padding:32px 36px; margin-top:40px; border-radius:24px; background:#e7f2f5; }
.person { grid-template-columns:200px minmax(0,1fr); gap:50px; padding:45px 0; }
.person img { width:200px; height:250px; border-radius:24px; object-position:center top; }
.person .disc { width:110px; height:110px; border-radius:28px; background:#e9f4f7; color:#08768b; font-weight:500; }
.person h3 { font-size:clamp(1.5rem,3vw,2.4rem); }
.person .role { font-size:.86rem; margin:12px 0 18px; }
.person ul.roles { color:#60737c; }
.person p { font-size:.95rem; }
.legend { margin-bottom:30px; }
.study { background:#fff; border:1px solid #e4e9ec; border-radius:28px; padding:36px; margin-bottom:20px; gap:26px 40px; }
.study:last-of-type { border:1px solid #e4e9ec; }
.study header { display:block; }
.study h3 { font-size:1.5rem; line-height:1.3; margin-bottom:15px; max-width:35ch; }
.study p { color:#5b6e77; line-height:1.8; font-size:.92rem; }
.study h4 { font-size:.65rem; text-transform:uppercase; letter-spacing:.1em; color:#08768b; }
.status { white-space:normal; max-width:100%; line-height:1.5; padding:5px 11px; font-size:.68rem; font-weight:500; }
.status.done { background:#e3f3ed; color:#256449; }
.status.live { background:#e8f7fa; border:1px solid #bfe4eb; }
.status.prep { background:#f2f5f7; border-color:#d9e1e5; color:#506570; }
.panel { padding:45px; border-radius:28px; background:#082e3b; }
.panel h3 { color:#a5ecf5; font-size:1.7rem; }
.panel p,.panel li { font-size:.95rem; color:#bad1d9; }
#arrow-health { background:#061f29; color:#d9eaf0; }
#arrow-health .margin .label { color:#67d8ed; }
#arrow-health .margin .note { color:#90aeb8; }
#arrow-health .body h2 { color:#fff; max-width:13ch; }
#arrow-health .intro { color:#c0d7df; }
#arrow-health .body>p { color:#a0bcc7; }
#arrow-health a { color:#67d8ed; }
.platform-art { background:#082631; border:1px solid #20414c; border-radius:28px; padding:20px 30px 26px; margin:0 0 50px; overflow:hidden; }
.platform-art svg { display:block; width:100%; height:auto; }
.art-caption { display:block; color:#82b0bd; letter-spacing:.15em; font-size:.6rem; text-align:center; }
.features { gap:35px; margin-block:50px; grid-template-columns:repeat(3,minmax(0,1fr)); }
.features li { border-top:1px solid #33515c; color:#9cbac6; padding-top:22px; font-size:.87rem; }
.features b { color:#effbff; font-size:1.08rem; font-weight:500; margin-bottom:12px; }
.conf { border-color:#33515c; padding-top:55px; margin-top:60px; grid-template-columns:1fr 350px; align-items:center; gap:65px; }
.conf h3 { color:#effbff; font-size:2rem; }
.conf p { color:#a0bcc7; font-size:.95rem; }
.conf img { border-radius:24px; }
.conf figcaption { color:#8aa9b5; }
.pubs li { max-width:none; grid-template-columns:180px 1fr; padding:30px 0; gap:40px; }
.pubs .kind { color:#7b8a92; font-size:.75rem; }
.pubs b { font-size:1.2rem; }
.pubs p { color:#5f707a; margin-top:10px; font-size:.92rem; }
.gov { grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px 50px; }
.gov li { padding:0; border:0; border-top:1px solid var(--line); padding-top:23px; }
.gov b { margin-bottom:12px; font-size:1.12rem; }
.gov p { color:#5b6e77; font-size:.9rem; line-height:1.8; }
.asks { gap:24px; }
.asks li { border:0; padding:30px; border-radius:24px; background:#fff; }
.ask-number { font-size:.7rem; color:#08768b; display:block; margin-bottom:38px; }
.asks h3 { font-size:1.45rem; margin-bottom:18px; }
.asks p { color:#60717a; font-size:.87rem; line-height:1.8; }
.two { gap:24px; }
.two>div { background:transparent; padding:20px 0; border-radius:0; }
.two h3 { font-size:1.25rem; }
.two p,.two li { color:#60717a; font-size:.9rem; }
.cta-row { margin-top:30px; }
.cta-row .or { max-width:54ch; font-size:.8rem; }
.contact { gap:70px; }
.contact dt { text-transform:uppercase; letter-spacing:.1em; font-size:.63rem; margin-bottom:12px; }
.contact dd { margin-bottom:26px; font-size:.95rem; color:#526873; overflow-wrap:anywhere; }
.contact dd a { text-decoration:none; }
.copy { border-radius:999px; padding:4px 11px; background:#eef7f9; }
.footer { background:#f5f6f8; color:#6c7e87; padding:55px 0; border-top:1px solid #e0e6e9; }
.footer b { color:#304e5c; }
.footer a { color:#4e6b79; text-decoration:none; }
.footer .wrap { grid-template-columns:2fr 1fr; gap:65px; }
.footer p { font-size:.73rem; }
.footer ul { font-size:.73rem; }
.motion-toggle { appearance:none; font:inherit; border:1px solid #ccd9df; color:#526c79; background:transparent; border-radius:999px; padding:8px 14px; cursor:pointer; margin-top:15px; font-size:.7rem; }
.motion-toggle[aria-pressed="true"] { background:#dceef3; }
.nav-toggle { border:0; border-radius:999px; font-size:.8rem; }
.reveal-pending { opacity:0; transform:translateY(28px); transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1); }
.reveal-pending.in-view { opacity:1; transform:none; }
@media (prefers-reduced-motion:no-preference) {
  .hero-eyebrow,.hero h1,.institute-name,.hero .bn-title,.hero .lede,.hero .cta,.hero-credit { animation:hero-entrance 1s cubic-bezier(.2,.7,.2,1) both; }
  .hero h1 { animation-delay:.08s; }.institute-name { animation-delay:.15s; }.hero .bn-title { animation-delay:.2s; }.hero .lede { animation-delay:.25s; }.hero .cta { animation-delay:.3s; }.hero-credit { animation-delay:.35s; }
  @keyframes hero-entrance { from { opacity:0; transform:translateY(24px); } to { opacity:1; transform:none; } }
  @supports (animation-timeline:view()) {
    .hero-figure img { animation:photo-depth linear both; animation-timeline:view(); animation-range:entry 0% exit 100%; }
    @keyframes photo-depth { from { transform:scale(1.07); } to { transform:scale(1); } }
  }
}
html[data-reduce-motion="true"] { scroll-behavior:auto; }
html[data-reduce-motion="true"] *,html[data-reduce-motion="true"] *::before,html[data-reduce-motion="true"] *::after { animation:none!important; transition:none!important; }
html[data-reduce-motion="true"] .reveal-pending { opacity:1; transform:none; }
@media(prefers-reduced-motion:reduce) { .reveal-pending { opacity:1; transform:none; transition:none; } .btn { transition:none; } }
@media(min-width:1100px) { #about .body>p { max-width:65ch; } #about .body>h2 { max-width:17ch; } }
@media(max-width:1120px) { .menu ul { gap:15px; }.menu a { font-size:.69rem; }.nav .wrap { gap:15px; }.menu .btn { padding:10px 13px; } }
@media(max-width:959px) { .nav { margin-bottom:-80px; width:calc(100% - 28px); }.menu.open { border-radius:0 0 22px 22px; background:#fffffff5; backdrop-filter:blur(24px); padding:8px 18px 16px; }.menu.open li { border-color:#edf0f2; }.menu.open a { padding:12px; font-size:.9rem; }.menu.open .btn { padding:14px; }.menu.open ul { padding:0; }.hero { padding-top:145px; }.section { padding-block:85px; }.conf { gap:35px; grid-template-columns:1fr 270px; }.record li { grid-template-columns:125px 1fr; gap:10px 22px; }.record .verify { grid-column:2; text-align:left; }.features { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:680px) {
  .wrap { padding-inline:22px; }.utility { font-size:.58rem; }.utility .wrap { text-align:center; line-height:1.4; }.nav { border-radius:18px; }.nav .wrap { min-height:58px; padding:9px 14px; }.brand svg { width:27px; height:27px; }.hero { padding-top:132px; }.hero h1 { font-size:clamp(3.1rem,11.4vw,4.8rem); letter-spacing:-.06em; }.hero-eyebrow { font-size:.59rem; letter-spacing:.1em; margin-bottom:23px; }.institute-name { font-size:.95rem; margin-top:24px; max-width:30ch; }.hero .bn-title { font-size:.85rem; max-width:36ch; margin-top:10px; }.hero .lede { font-size:1.02rem; margin-top:22px; max-width:31ch; }.hero .cta { margin-top:23px; }.btn { padding:14px 19px; font-size:.77rem; }.hero-credit { font-size:.67rem; max-width:42ch; }.hero-figure { margin-top:42px; border-radius:20px 20px 0 0; }.hero-figure img { min-height:170px; height:auto; object-fit:contain; }.hero-figure figcaption { position:static; font-size:.68rem; background:#113642; padding:16px 18px; border:0; border-radius:0; max-width:none; }.chapter-strip { gap:20px 14px; grid-template-columns:repeat(2,1fr); padding-block:25px; }.chapter-strip a { font-size:.72rem; }.chapter-strip span { margin-right:6px; }.section { padding-block:65px; }.sec { gap:20px; }.margin { display:block; }.margin .note { margin-top:7px; font-size:.7rem; }.body h2 { font-size:2.5rem; margin-bottom:30px; max-width:17ch; }.body .intro { font-size:1.05rem; }.body>p { font-size:.95rem; }.record li { grid-template-columns:1fr; gap:8px; padding:24px 0; }.record .verify { grid-column:auto; }.record .what { font-size:.88rem; }.lines { margin-top:28px; gap:5px; }.bn-block { padding:24px; border-radius:20px; }.bn-block p { font-size:.97rem; }.person { grid-template-columns:1fr; gap:24px; padding:32px 0; }.person img { width:150px; height:180px; border-radius:18px; }.person .disc { width:75px; height:75px; border-radius:18px; font-size:1.3rem; }.person h3 { font-size:1.7rem; }.study { padding:25px; border-radius:22px; gap:20px; }.study h3 { font-size:1.3rem; }.study p { font-size:.88rem; }.panel { padding:26px; border-radius:22px; }.panel h3 { font-size:1.45rem; }.panel p,.panel li { font-size:.88rem; }.platform-art { padding:12px 10px 20px; margin-bottom:30px; border-radius:20px; }.platform-art svg { min-height:160px; }.art-caption { font-size:.47rem; }.features { grid-template-columns:1fr; gap:25px; margin-block:30px; }.features li { padding-top:18px; }.conf { grid-template-columns:1fr; gap:28px; margin-top:35px; padding-top:35px; }.conf img { max-width:320px; }.conf h3 { font-size:1.7rem; }.pubs li { grid-template-columns:1fr; gap:10px; padding:25px 0; }.pubs b { font-size:1.1rem; }.pubs p { font-size:.88rem; }.gov { grid-template-columns:1fr; gap:27px; }.asks { grid-template-columns:1fr; gap:16px; }.asks li { padding:25px; }.ask-number { margin-bottom:24px; }.asks h3 { font-size:1.3rem; }.two { grid-template-columns:1fr; gap:0; }.contact { grid-template-columns:1fr; gap:0; }.footer .wrap { grid-template-columns:1fr; gap:25px; }.footer { padding-block:38px; }.cta-row .or { font-size:.75rem; }
}

/* Diabetes education gateway, v1.3 */
.diabetes-gateway{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-block:75px 40px;border-radius:18px;overflow:hidden;background:#e6efec}.diabetes-gateway-photo{display:block;min-height:420px;overflow:hidden}.diabetes-gateway-photo img{width:100%;height:100%;object-fit:cover;object-position:65% center;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.diabetes-gateway-photo:hover img{transform:scale(1.025)}.diabetes-gateway-copy{padding:50px 45px;align-self:center}.diabetes-gateway-copy .label{font-size:9px;letter-spacing:.12em;color:#38636a;margin-bottom:22px}.diabetes-gateway-copy h2{font-size:clamp(32px,3.6vw,50px);line-height:1.06;letter-spacing:-.045em;margin-bottom:22px}.diabetes-gateway-copy>p{font-size:14px;line-height:1.8;color:#476267}.diabetes-gateway-copy .gateway-guidance{font-size:11px}.diabetes-gateway-copy .btn{margin-top:15px}.focus-explore{display:inline-block;margin-top:16px;font-size:12px;font-weight:600}.focus-priority .focus-explore{color:inherit}@media(max-width:760px){.diabetes-gateway{grid-template-columns:1fr;margin-block:45px 20px;border-radius:14px}.diabetes-gateway-photo{height:300px;min-height:0}.diabetes-gateway-copy{padding:30px 26px}.diabetes-gateway-copy h2{font-size:36px}.diabetes-gateway-copy>p{font-size:13px}.diabetes-gateway-copy .label{font-size:8px}}
/* English edition: shared frosted glass and Faridpur-inspired linework. */
@view-transition{navigation:auto}.nav{background:#f8fcf7d1;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%)}.diabetes-gateway{border:1px solid #ffffffa0;box-shadow:0 20px 60px #1d564908,inset 0 1px 0 #fff}.diabetes-gateway-copy{background-image:url('img/faridpur-river.svg');background-position:center;background-size:cover}.focus-section{background-image:linear-gradient(90deg,#f5f6f8f5,#f5f6f8c9),url('img/faridpur-weave.svg')}

/* Original DTHC identity, preserved intact. */
.brand .dthc-logo{width:58px;height:58px;object-fit:contain;flex:none;display:block}.footer .brand .dthc-logo,footer .brand .dthc-logo{width:68px;height:68px}@media(max-width:760px){.brand .dthc-logo{width:44px;height:44px}}