@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,400;8..60,500;8..60,600&family=Public+Sans:wght@400;500;600&display=swap');

:root{
  --bg:#F4F2EC;
  --panel:#FFFFFF;
  --line:#D6D0BE;
  --ink:#12181F;
  --ink-soft:#4E5762;
  --accent:#6E1B2B;
  --accent-tint:#F2E4E3;
  --bs-body-font-family:'Public Sans', sans-serif;
  --bs-body-color:var(--ink);
  --bs-body-bg:var(--bg);
  --bs-link-color:var(--accent);
  --bs-link-hover-color:var(--ink);
}

body{ -webkit-font-smoothing:antialiased; }
h1,h2,h3,h4,.serif{ font-family:'Source Serif 4', serif; font-weight:500; color:var(--ink); }
p{ color:var(--ink-soft); }
a{ text-decoration:none; }
.container-nar{ max-width:1200px; }

/* Panels replace cards — sharp corners, hairline borders, no shadow */
.panel{ background:var(--panel); border:1px solid var(--line); border-radius:0; }
.panel-split > [class*="col"]{ border-right:1px solid var(--line); }
.panel-split > [class*="col"]:last-child{ border-right:none; }
.hairline-top{ border-top:1px solid var(--line); }
.hairline-bottom{ border-bottom:1px solid var(--line); }

/* Header / navbar */
.site-header{ border-bottom:1px solid var(--ink); background:var(--bg); }
.navbar{ padding:20px 0; }
.navbar-brand{ display:flex; align-items:center; gap:10px; font-family:'Source Serif 4',serif; font-size:1.25rem; color:var(--ink) !important; }
.navbar-nav .nav-link{ font-size:0.9rem; color:var(--ink) !important; padding:8px 16px !important; border-bottom:2px solid transparent; }
.navbar-nav .nav-link:hover, .navbar-nav .nav-link.active{ border-bottom-color:var(--accent); }
.dropdown-menu{ border-radius:0; border-color:var(--line); }
.dropdown-item:hover{ background:var(--accent-tint); color:var(--accent); }
.btn-nav-cta{ background:var(--ink); color:var(--bg); border:1px solid var(--ink); border-radius:0; font-size:0.85rem; padding:10px 22px; }
.btn-nav-cta:hover{ background:var(--accent); border-color:var(--accent); color:#fff; }

/* Buttons */
.btn{ border-radius:0; font-size:0.9rem; padding:12px 26px; }
.btn-institute{ background:var(--ink); border:1px solid var(--ink); color:var(--bg); }
.btn-institute:hover{ background:var(--accent); border-color:var(--accent); color:#fff; }
.btn-outline-institute{ background:transparent; border:1px solid var(--ink); color:var(--ink); }
.btn-outline-institute:hover{ background:var(--ink); color:var(--bg); }

/* Hero */
.hero{ padding:76px 0 0; text-align:center; }
.hero .eyebrow{ font-size:0.88rem; color:var(--accent); margin-bottom:20px; }
.hero h1{ font-size:2.6rem; line-height:1.28; max-width:24ch; margin:0 auto; }
.hero .lede{ max-width:58ch; margin:24px auto 0; font-size:1.03rem; }
.page-header{ padding:60px 0 46px; border-bottom:1px solid var(--line); margin-bottom:52px; text-align:center; }
.page-header .eyebrow{ font-size:0.86rem; color:var(--accent); margin-bottom:14px; }
.page-header h1{ font-size:2.2rem; max-width:28ch; margin:0 auto; }
.page-header .lede{ max-width:56ch; margin:16px auto 0; }

/* Credibility strip */
.cred-strip{ border:1px solid var(--line); }
.cred-strip > div{ border-right:1px solid var(--line); padding:26px 20px; text-align:center; }
.cred-strip > div:last-child{ border-right:none; }
.cred-strip .ic{ width:26px; height:26px; color:var(--accent); margin-bottom:10px; }
.cred-strip h4{ font-family:'Public Sans',sans-serif; font-size:0.86rem; font-weight:600; margin-bottom:2px; }
.cred-strip span{ font-size:0.8rem; color:var(--ink-soft); }

/* Section titles */
.section-label{ font-size:0.85rem; color:var(--accent); text-align:center; margin-bottom:12px; }
.section-title{ font-size:1.85rem; text-align:center; max-width:34ch; margin:0 auto 44px; }

/* Area / feature cards */
.area-card{ padding:32px 26px; }
.area-card .ic{ width:28px; height:28px; color:var(--accent); margin-bottom:18px; }
.area-card h3{ font-size:1.08rem; margin-bottom:10px; }
.area-card .go{ font-size:0.84rem; color:var(--accent); border-bottom:1px solid var(--accent); padding-bottom:2px; }

/* Program table */
.table-institute{ border:1px solid var(--line); border-collapse:collapse; width:100%; margin:0; }
.table-institute thead th{ background:var(--accent-tint); font-size:0.78rem; font-weight:600; color:var(--ink-soft); text-transform:none; border:1px solid var(--line); padding:14px 20px; }
.table-institute tbody td{ border:1px solid var(--line); padding:18px 20px; vertical-align:middle; font-size:0.92rem; }
.table-institute .code{ color:var(--accent); font-size:0.88rem; white-space:nowrap; }
.table-institute h3{ font-size:1rem; font-weight:500; margin:0; }

/* Fact list */
.fact-row{ display:flex; border-bottom:1px solid var(--line); padding:11px 0; font-size:0.88rem; }
.fact-row:last-child{ border-bottom:none; }
.fact-row .k{ flex:0 0 38%; color:var(--ink-soft); }

/* Citations */
.citation{ padding:14px 0; border-bottom:1px solid var(--line); font-size:0.9rem; color:var(--ink-soft); }
.citation:last-child{ border-bottom:none; }
.citation .t{ display:block; color:var(--ink); font-family:'Source Serif 4',serif; font-size:0.98rem; margin-bottom:3px; }

/* Forms */
.form-institute .form-control, .form-institute .form-select{ border-radius:0; border-color:var(--line); padding:12px 14px; font-size:0.92rem; }
.form-institute .form-control:focus, .form-institute .form-select:focus{ border-color:var(--accent); box-shadow:0 0 0 1px var(--accent); }
.form-institute label{ font-size:0.82rem; color:var(--ink-soft); margin-bottom:6px; }
.info-row{ padding:10px 0; border-bottom:1px solid var(--line); font-size:0.88rem; }
.info-row:last-child{ border-bottom:none; }
.info-row .k{ display:block; color:var(--ink-soft); font-size:0.78rem; margin-bottom:3px; }

/* Footer */
.site-footer{ border-top:1px solid var(--ink); padding:52px 0 30px; background:var(--bg); }
.site-footer h4{ font-family:'Public Sans',sans-serif; font-size:0.82rem; font-weight:600; margin-bottom:14px; }
.site-footer ul{ list-style:none; margin:0; padding:0; font-size:0.86rem; }
.site-footer li{ padding:5px 0; }
.site-footer a{ color:var(--ink-soft); }
.site-footer a:hover{ color:var(--accent); }
.footer-bottom{ border-top:1px solid var(--line); margin-top:22px; padding-top:20px; font-size:0.8rem; color:var(--ink-soft); }

.figure-block{ background:var(--accent-tint); min-height:280px; display:flex; align-items:flex-end; padding:24px; }

@media (max-width:991.98px){
  .cred-strip > div, .panel-split > [class*="col"]{ border-right:none; border-bottom:1px solid var(--line); }
  .cred-strip > div:last-child, .panel-split > [class*="col"]:last-child{ border-bottom:none; }
  .hero h1{ font-size:2rem; }
}

/* CML local image slots */
.figure-block { min-height: 360px; background: linear-gradient(0deg, rgba(26, 43, 60, .28), rgba(26, 43, 60, .02)), url('../img/birgul-bakay-2.jpeg') center/cover; color: #fff; }
.figure-block span { color: #fff !important; text-shadow: 0 2px 18px rgba(0, 0, 0, .3); }
.hero-institute .panel, .panel.visual-cati { background: linear-gradient(0deg, rgba(26, 43, 60, .72), rgba(26, 43, 60, .34)), url('../img/cati-image-2.jpeg') center/cover; color: #fff; }
.panel-split > div:nth-child(1) .area-card { background: linear-gradient(0deg, rgba(26, 43, 60, .72), rgba(26, 43, 60, .38)), url('../img/cati-image-1.jpeg') center/cover; color: #fff; }
.panel-split > div:nth-child(2) .area-card { background: linear-gradient(0deg, rgba(26, 43, 60, .72), rgba(26, 43, 60, .38)), url('../img/cati-image-2.jpeg') center/cover; color: #fff; }
.panel-split > div:nth-child(3) .area-card { background: linear-gradient(0deg, rgba(26, 43, 60, .72), rgba(26, 43, 60, .38)), url('../img/cati-image-3.jpeg') center/cover; color: #fff; }
.panel-split > div:nth-child(4) .area-card { background: linear-gradient(0deg, rgba(26, 43, 60, .72), rgba(26, 43, 60, .38)), url('../img/cati-image-4.jpeg') center/cover; color: #fff; }
.panel-split .area-card p,
.panel-split .area-card a,
.panel-split .area-card svg { color: rgba(255, 255, 255, .88); }
/* CML official logo */
.logo-brand{display:inline-flex;align-items:center;justify-content:flex-start;text-decoration:none;line-height:1;flex:0 0 auto;min-width:170px}.logo-brand img{display:block;width:210px;height:auto;max-height:76px;object-fit:contain}.navbar-brand.logo-brand svg,.navbar-brand.logo-brand span{display:none}.navbar .logo-brand,.site-header .logo-brand{margin-right:16px}.footer-logo{display:inline-flex;align-items:center;justify-content:flex-start;background:#101e27;padding:8px 10px;border-radius:4px;max-width:100%}.footer-logo img{display:block;width:210px;height:auto;max-height:76px;object-fit:contain}
@media(max-width:575px){.logo-brand{min-width:150px}.logo-brand img{width:180px;max-height:64px}.navbar .logo-brand,.site-header .logo-brand{margin-right:10px}.footer-logo img{width:180px;max-height:64px}}
/* CML home full slider */
.home-slider{position:relative;height:100vh;min-height:620px;overflow:hidden;background:#101e27;margin-top:0}.home-slide{position:absolute;inset:0;display:flex;align-items:center;padding:110px max(24px,7vw) 70px;opacity:0;animation:cmlSlider 18s infinite}.home-slide:nth-child(1){animation-delay:0s}.home-slide:nth-child(2){animation-delay:6s}.home-slide:nth-child(3){animation-delay:12s}.home-slide-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transform:scale(1.02)}.home-slide:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(12,22,31,.82),rgba(12,22,31,.46) 48%,rgba(12,22,31,.16))}.home-slide-content{position:relative;z-index:2;max-width:760px;color:#fff}.home-slide-content span{display:block;margin-bottom:18px;font-size:.86rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.78)}.home-slide-content h1{font-size:clamp(2.8rem,7vw,6.9rem);line-height:.96;margin:0 0 24px;color:#fff}.home-slide-content p{max-width:620px;font-size:clamp(1rem,1.45vw,1.24rem);line-height:1.7;color:rgba(255,255,255,.86);margin:0 0 34px}.slider-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 20px;background:#fff;color:#101e27;border:1px solid #fff;font-size:.84rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.slider-btn:hover{background:transparent;color:#fff}.home-slider:after{content:"";position:absolute;z-index:3;left:max(24px,7vw);right:max(24px,7vw);bottom:34px;height:1px;background:rgba(255,255,255,.28)}@keyframes cmlSlider{0%,30%{opacity:1;transform:scale(1)}36%,94%{opacity:0;transform:scale(1.02)}95%,100%{opacity:1;transform:scale(1)}}
@media(max-width:767.98px){.home-slider{height:100vh;min-height:560px}.home-slide{padding:96px 20px 58px}.home-slide-media{object-position:center}.home-slide-content h1{font-size:clamp(2.45rem,14vw,4.3rem)}.home-slide-content p{font-size:1rem}.slider-btn{width:100%;max-width:270px}.home-slider:after{left:20px;right:20px;bottom:24px}}
/* CML footer logo cleanup */
footer .logo-brand,.footer-logo{background:transparent!important;padding:0!important;border-radius:0!important;box-shadow:none!important;max-width:100%;overflow:visible!important}.footer-logo img,footer .logo-brand img{width:245px!important;height:auto!important;max-height:92px!important;object-fit:contain!important}.site-footer .footer-logo img{width:245px!important;max-height:92px!important}
@media(max-width:575px){.footer-logo img,footer .logo-brand img,.site-footer .footer-logo img{width:210px!important;max-height:82px!important}}