.landing-intro{max-width:1220px;margin:2.5rem auto 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem;align-items:center;text-align:left;border:1px solid var(--border-color);border-radius:22px;padding:1.6rem;background:var(--bg-card);box-shadow:0 16px 48px rgba(15,46,63,.07)}
.landing-intro-copy{padding:.3rem .7rem}.landing-intro-eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.14em;color:var(--accent-info)}.landing-intro-copy h2{font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.24;margin:.8rem 0;color:var(--text-primary)}.landing-hero .landing-intro-copy p{font-size:.96rem;line-height:1.6;margin:0 0 1rem;max-width:none;color:var(--text-secondary)}.landing-intro-copy small{display:block;font-size:.72rem;color:var(--text-secondary);margin-top:.85rem;line-height:1.6}.landing-intro-media{min-width:0}.landing-intro video{display:block;width:100%;aspect-ratio:16/9;background:#122f41;border-radius:13px}.landing-intro details{margin-top:.65rem;font-size:.75rem;color:var(--text-secondary)}.landing-intro summary{cursor:pointer}.landing-hero .landing-intro details p{font-size:.8rem;line-height:1.6;margin:.7rem 0;max-width:none}.landing-hero .hero-stat-note{font-size:.75rem;max-width:900px;margin:1rem auto;color:var(--text-secondary)}#datasources{scroll-margin-top:110px}.landing-api-example{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text-secondary);line-height:1.7}
@media(max-width:991px){.landing-intro{grid-template-columns:1fr;gap:1.2rem;padding:1rem;margin-top:1.5rem}.landing-intro-copy{padding:.3rem}.landing-hero .hero-stats-banner{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-intro-copy h2{font-size:1.5rem}.landing-intro video{border-radius:8px}}
@media(prefers-reduced-motion:reduce){.landing-intro *{scroll-behavior:auto;animation:none!important;transition:none!important}}
@media(min-width:992px){
    .landing-body .landing-nav{display:flex;align-items:center;justify-content:space-between;gap:.65rem 1rem;padding:.45rem 1.25rem}
    .landing-body .landing-nav-links{display:flex;align-items:center;gap:clamp(.55rem,1.05vw,1.15rem);flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;min-width:0}
    .landing-body .landing-nav-links::-webkit-scrollbar{display:none}
    .landing-body .landing-nav-links li{flex-shrink:0}
    .landing-body .landing-nav-links li a{font-size:clamp(.74rem,.82vw,.82rem);white-space:nowrap}
}
@media(max-width:767px){.landing-nav{padding:.55rem .6rem;gap:.4rem;min-height:52px}.landing-nav>div{gap:.35rem!important;min-width:0}.landing-nav .brand-mark{width:28px;height:28px;flex-shrink:0}.mobile-landing-pill-nav{top:52px}}
.landing-body .glow-orange{width:min(500px,70vw)}.landing-body .glow-cyan{width:min(450px,60vw)}.landing-hero .badge{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center;line-height:1.4}
/* Readable landing hero and inverse header; scoped away from dataset charts. */
.landing-body .landing-brand-title{font-size:1.25rem;font-weight:900;color:var(--text-on-surface);letter-spacing:.4px}
.landing-body .landing-nav .landing-nav-links a{color:var(--text-primary)}
.landing-body .landing-nav .landing-nav-links a:hover,.landing-body .landing-nav .landing-nav-links a:focus-visible{color:#FFFFFF;text-decoration:underline;text-underline-offset:4px}
.landing-body .landing-util-pill{display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.landing-body .landing-util-pill .lang-switch{display:inline-flex;align-items:center;gap:2px}
.landing-body .landing-util-pill .lang-switch a{padding:.26rem .5rem;border-radius:6px;text-decoration:none;font-size:.71rem;font-weight:800;color:var(--text-on-surface);background:transparent;line-height:1.1}
.landing-body .landing-nav .lang-switch a.active{background:#9E3725!important;color:#FFFFFF!important}
.landing-body .landing-util-pill .landing-theme-toggle{padding:.26rem .52rem;border-radius:6px;border:0;border-left:1px solid rgba(255,255,255,.12);background:transparent;color:var(--text-on-surface);font-size:.71rem;font-weight:700;cursor:pointer;line-height:1.1}
.landing-body .landing-util-pill .landing-theme-toggle:hover{background:rgba(255,255,255,.08)}
.landing-body .landing-header-actions .landing-inst-btn{padding:.38rem .72rem;font-size:.76rem;font-weight:700;border-radius:8px;border:1px solid rgba(111,196,224,.35);background:rgba(8,119,125,.16);color:var(--text-on-surface);display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap;text-decoration:none}
.landing-body .landing-header-actions .landing-inst-btn:hover{background:rgba(8,119,125,.28);border-color:rgba(111,196,224,.6)}
.landing-body .landing-header-actions .landing-dash-btn{padding:.4rem .82rem;font-size:.78rem;font-weight:800;border-radius:8px;display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}
.landing-body .landing-nav .btn-primary,.landing-body .hero-cta-group .btn-primary{background:var(--primary)!important;background-image:none!important;border-color:var(--primary)!important;color:var(--text-on-fill)!important;box-shadow:0 5px 16px rgba(169,54,35,.2)!important}
.landing-body .landing-nav .btn-primary:hover,.landing-body .hero-cta-group .btn-primary:hover{background:#8B2B1B!important;border-color:#8B2B1B!important}
.landing-body .hero-cta-group .btn-secondary{border-color:var(--border-color)!important;background:var(--bg-card)!important;color:var(--text-primary)!important}
html:not([data-theme="dark"]) .landing-body .landing-hero>h1{color:#123D56;background:none!important;-webkit-text-fill-color:currentColor!important}
html:not([data-theme="dark"]) .landing-body .landing-hero>h1 .gradient-text-orange{color:var(--primary);background:none!important;-webkit-text-fill-color:currentColor!important}
html:not([data-theme="dark"]) .landing-body .landing-hero .badge{color:#8E3425!important;background:#F9EAE5!important;border-color:#CD9587!important}
html:not([data-theme="dark"]) .landing-body .hero-stat-num{color:#006183;background:none!important;-webkit-text-fill-color:currentColor!important}
html[data-theme="dark"] .landing-body .landing-hero .badge{color:#FFC4B8!important;background:#39251F!important;border-color:#8B594E!important}
html[data-theme="dark"] .landing-body .landing-hero>h1 .gradient-text-orange{color:#FFAF9E;background:none!important;-webkit-text-fill-color:currentColor!important}

/* --- Hero yüksekliği: sayaç şeridi kaydırmadan ilk ekrana sığsın ------- */
.landing-body .landing-hero{padding:.75rem 1.25rem 1.1rem;gap:.42rem}
.landing-body .landing-hero h1{font-size:clamp(1.65rem,3vw,2.45rem);line-height:1.1;margin:.1rem 0 .05rem}
.landing-body .landing-hero>p{font-size:clamp(.83rem,1.18vw,.94rem);line-height:1.42;max-width:720px;margin:0 auto .15rem}
.landing-body .hero-cta-group{gap:.55rem;margin:.05rem 0 .2rem}
.landing-body .hero-cta-group .btn{font-size:.84rem;padding:.46rem 1.05rem;border-radius:9px}
.landing-body .hero-stats-banner{padding:.6rem .75rem;gap:.5rem;margin-top:.05rem;border-radius:14px}
.landing-body .hero-stat-card{padding:.4rem .5rem;border-radius:10px}
.landing-body .hero-stat-num{font-size:clamp(1.18rem,1.75vw,1.5rem);margin-bottom:.1rem;line-height:1.08}
.landing-body .hero-stat-label{font-size:.64rem;letter-spacing:.35px;line-height:1.2}

/* --- Akademik önderlik ve kurumsal rozetler (tek satıra sığacak boyutta) --- */
.hero-badges{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem;max-width:100%}
.landing-body .hero-badges .badge{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center;line-height:1.3}
.landing-body .landing-hero .badge.hero-lead-badge{display:inline-flex;align-items:center;gap:.42rem;font-size:.72rem;padding:.22rem .68rem .22rem .3rem;font-weight:600;text-align:left}
.landing-body .landing-hero .badge.hero-lead-badge img{flex:none;display:block;border-radius:5px;background:#FFFFFF;padding:2px}
.landing-body .landing-hero .badge.hero-lead-badge strong{font-weight:900;letter-spacing:.1px}
html:not([data-theme="dark"]) .landing-body .landing-hero .badge.hero-lead-badge{color:#0C3A52!important;background:#EAF3F8!important;border-color:#9FC2D4!important}
html[data-theme="dark"] .landing-body .landing-hero .badge.hero-lead-badge{color:#CFE6F2!important;background:#12303F!important;border-color:#3C6C85!important}
@media(max-width:767px){.landing-body .landing-hero .badge.hero-lead-badge{font-size:.69rem}.landing-body .landing-hero{padding:.85rem .85rem 1.2rem}}

/* --- Destekçiler bölümü ---------------------------------------------------
   Bölüm iki sayı ve üç düğmeden ibaretti; sayfanın ortasında boş duruyordu.
   Önderlik kartları ve veri sağlayıcı ızgarası eklendi. */
.landing-body .sup-leads{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:.85rem;margin-top:1.5rem}
.landing-body .sup-lead{display:flex;align-items:flex-start;gap:.85rem;padding:.9rem 1rem;background:var(--bg-card);border:1px solid var(--border-color);border-left:3px solid var(--primary);border-radius:4px}
.landing-body .sup-lead img{flex:none;border-radius:4px;background:#FFFFFF;padding:2px}
.landing-body .sup-lead-mark{flex:none;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:4px;color:var(--primary)}
.landing-body .sup-lead-role{font-size:.62rem;font-weight:800;letter-spacing:.09em;color:var(--text-muted)}
.landing-body .sup-lead-name{font-size:.98rem;font-weight:800;color:var(--text-primary);line-height:1.3;margin:.12rem 0 .18rem}
.landing-body .sup-lead-note{font-size:.74rem;color:var(--text-secondary);line-height:1.45}
.landing-body .sup-lead>div{min-width:0;overflow-wrap:anywhere}
.landing-body .sup-lead .sup-ministry-logo{box-sizing:border-box;object-fit:contain;padding:4px;border-radius:50%}
.landing-body .sup-lead .sup-cop31-logo{width:110px;height:44px;box-sizing:border-box;object-fit:contain;padding:4px 7px;border-radius:6px;background:#FFFFFF;border:1px solid rgba(15,46,63,.1)}
.landing-body .sup-observer-mark{font-size:.72rem;font-weight:900;letter-spacing:.02em}
.landing-body .sup-observer-link{display:inline-block;margin-top:.4rem;font-size:.75rem;color:var(--primary);text-underline-offset:3px}
.landing-body .landing-hero .hero-ministry-badge{text-decoration:none;max-width:460px}
.landing-body .landing-hero .hero-ministry-badge img{width:36px;height:36px;box-sizing:border-box;object-fit:contain;border-radius:50%;padding:2px}
.landing-body .hero-ministry-badge>span{min-width:0}
.landing-body .landing-hero .hero-cop31-badge{text-decoration:none}
.landing-body .landing-hero .hero-cop31-badge img{width:72px;height:29px;box-sizing:border-box;object-fit:contain;border-radius:6px;background:#FFFFFF;padding:2px 5px}
.landing-body .hero-cop31-badge>span{min-width:0}
.landing-body .footer-cop31-plate{display:inline-flex;align-items:center;padding:3px 7px;border-radius:7px;background:#FFFFFF;border:1px solid rgba(15,46,63,.12);text-decoration:none}
.landing-body .footer-cop31-plate img{display:block;width:84px;height:34px;object-fit:contain}

.landing-body .sup-grid-head{display:flex;align-items:center;gap:.5rem;margin:1.6rem 0 .6rem;font-size:.66rem;font-weight:800;letter-spacing:.09em;color:var(--text-muted)}
.landing-body .sup-grid-count{background:var(--primary);color:var(--text-on-fill);padding:0 .35rem;border-radius:2px;font-size:.66rem}
.landing-body .sup-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:0 1.4rem;list-style:none;margin:0;padding:0}
.landing-body .sup-grid li{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem;padding:.34rem 0;border-bottom:1px solid var(--border-color);font-size:.8rem}
.landing-body .sup-org{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.landing-body .sup-num{flex:none;color:var(--text-muted);font-size:.73rem;font-variant-numeric:tabular-nums}

/* Keep the landing masthead inside the device width without clipping actions. */
.landing-body .landing-nav,.landing-body .mobile-landing-pill-nav{box-sizing:border-box;width:100%;max-width:100%}
.landing-body .landing-brand{display:flex;align-items:center;gap:.65rem;flex-shrink:0}
.landing-body .landing-brand-link{display:flex;align-items:center;gap:.55rem;text-decoration:none}
.landing-body .landing-header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}
.landing-body .landing-brand,.landing-body .landing-header-actions{min-width:0}
.landing-body .landing-nav a:focus-visible,.landing-body .landing-nav button:focus-visible,.landing-body .mobile-nav-pill:focus-visible{outline:2px solid #9ADACF;outline-offset:3px}
@media(max-width:991px){
    .landing-body .landing-nav{display:flex;align-items:center;justify-content:space-between;gap:.45rem;padding:.5rem .75rem;min-height:0}
    .landing-body .landing-nav .landing-brand-link{min-width:0;width:max-content;max-width:100%;gap:.4rem!important}
    .landing-body .landing-brand-link .logo-plate{width:32px;height:32px;padding:3px;flex:none;border-radius:8px}
    .landing-body .landing-brand-link .logo-mark{width:26px;height:26px;object-fit:contain}
    .landing-body .landing-brand-title{font-size:1.05rem!important;letter-spacing:.02em!important}
    .landing-body .landing-nav .landing-header-actions{justify-content:flex-end;gap:.35rem!important}
    .landing-body .landing-util-pill .lang-switch a{padding:.25rem .38rem!important;font-size:.68rem!important}
    .landing-body .landing-util-pill .landing-theme-toggle{padding:.25rem .42rem;font-size:.68rem}
    .landing-body .landing-header-actions>.btn{padding:.34rem .55rem!important;font-size:.72rem!important;gap:.25rem;white-space:nowrap}
    .landing-body .mobile-landing-pill-nav{top:var(--landing-header-height,52px);gap:.45rem;padding:.45rem .75rem;overscroll-behavior-x:contain;scroll-padding-inline:.75rem}
    .landing-body .mobile-nav-pill{min-height:34px;box-sizing:border-box}
    .landing-body main,.landing-body .landing-section,.landing-body .landing-hero{min-width:0;max-width:100%}
    .landing-body .hero-stats-banner{width:100%;min-width:0;box-sizing:border-box}
    .landing-body .hero-stat-card{min-width:0}
    .landing-body .sup-leads{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
    .landing-body .contact-box{padding:1.5rem 1rem}
    .landing-body .contact-box .content-row>*{min-width:0}
    .landing-body .contact-box a{overflow-wrap:anywhere}
    .landing-body .landing-section[id]{scroll-margin-top:calc(var(--landing-header-height,52px) + 56px)}
}
@media(max-width:359px){
    .landing-body .landing-nav{flex-wrap:wrap;justify-content:center}
}
/* COP31 künye şeridi (#cop31) — veriler cop31_data.php'den */
.lc31-brand-pill{display:inline-flex;align-items:center;justify-content:center;margin:0 auto .75rem;padding:8px 16px;border-radius:12px;background:#FFFFFF;border:1px solid var(--border-color);box-shadow:0 6px 18px rgba(15,46,63,.08);text-decoration:none}
.lc31-brand-pill img{display:block;width:136px;height:55px;object-fit:contain}
.lc31-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1.4rem;align-items:center;max-width:1180px;margin:0 auto 2rem;padding:1.2rem 1.4rem;border:1px solid var(--border-color);border-radius:18px;background:var(--bg-card);text-align:left}
.lc31-count{display:grid;justify-items:center;min-width:7.5rem;padding:.8rem 1rem;border-radius:14px;background:var(--surface-inverse);color:var(--text-on-inverse)}
.lc31-count strong{font-size:2.4rem;line-height:1;font-weight:800;color:#a6dbd1;font-variant-numeric:tabular-nums}
.lc31-count strong small{font-size:1rem;color:var(--text-on-inverse-soft)}
.lc31-count span{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-on-inverse-soft);margin-top:.3rem}
.lc31-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 1.4rem;margin:0}
.lc31-facts dt{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--primary)}
.lc31-facts dd{margin:.15rem 0 0;font-size:.9rem;line-height:1.45;color:var(--text-primary)}
.lc31-cta{white-space:nowrap}
@media(max-width:991px){.lc31-strip{grid-template-columns:1fr;justify-items:stretch}.lc31-count{justify-self:start;grid-auto-flow:column;align-items:baseline;gap:.6rem}.lc31-facts{grid-template-columns:1fr}.lc31-cta{justify-self:start}}

/* Keep stored SQL rows and compressed native values visibly distinct. */
.landing-body .hero-stats-banner.hero-stats-transparent{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1180px;box-sizing:border-box}
.landing-body .hero-stats-transparent .hero-stat-card{min-width:0;grid-column:auto}
.landing-body .hero-stats-transparent .hero-stat-num{font-size:clamp(1.18rem,1.75vw,1.5rem);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.landing-body .landing-count-basis{width:100%;max-width:1180px;box-sizing:border-box;margin:.6rem auto 1.4rem;padding:.85rem 1.1rem;border:1px solid var(--border-color);border-radius:14px;background:var(--bg-card);text-align:left}
.landing-body .landing-count-basis p{max-width:none;font-size:.76rem;line-height:1.55;margin:0;color:var(--text-secondary)}
.landing-body .landing-count-basis dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:.7rem 0}
.landing-body .landing-count-basis dl>div{min-width:0}
.landing-body .landing-count-basis dt{font-size:.7rem;line-height:1.4;color:var(--text-muted)}
.landing-body .landing-count-basis dd{margin:.15rem 0 0;font-size:.95rem;font-weight:800;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:var(--text-primary)}
.landing-body .landing-count-basis a{color:var(--primary);text-underline-offset:3px}
@media(max-width:767px){
    .landing-body .hero-stats-banner.hero-stats-transparent{grid-template-columns:repeat(2,minmax(0,1fr))}
    .landing-body .hero-stats-transparent .hero-stat-card:nth-child(n){grid-column:auto}
    .landing-body .hero-stats-transparent .hero-stat-num{font-size:1.15rem}
    .landing-body .landing-count-basis{padding:.75rem .75rem}
    .landing-body .landing-count-basis dl{grid-template-columns:repeat(2,minmax(0,1fr))}
}

