/* 1) Site‑genel font stack (Stats and R ile uyumlu) */
body, .quarto-content {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,
               "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/* 2) Başlık ve kalın metinlerde tam bold etkisi */
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6,
.quarto-content strong, .quarto-content b {
  font-weight: 700 !important;
}

/* Hero bölümü */
.hero {
  width: 67%;
  max-height: 400px;
  margin: 20px auto;
  display: block;
}

.quarto-about-jolla p.subtitle {
  text-align: center;
}

.card-other-values {
  margin-bottom: 0;
}

.quarto-grid-item .card-other-values tr > td:first-of-type {
  font-weight: 600;
  padding: 0;
  vertical-align: top;
  width: 50%;
}

.pub-list a.btn {
  font-size: 80%;
  border-radius: 4px;
  border: 1px solid black;
  margin: 0.5rem 0.2rem 1.5rem 0;
  padding: 0.25rem 0.5rem;
}

iframe.slide-deck {
  border: 3px solid #dee2e6;
  width: 100%;
  height: 475px;
}

/* Kod blokları için şeffaf (varsayılan) arka plan */
.quarto-content .markdown pre,
.quarto-content .markdown pre code,
.content .markdown pre,
.content .markdown pre code {
  background-color: transparent !important;
  color: inherit !important;
}

/* Override: Sadece sınıfsız inline kodlar koyu tema */
.markdown code:not([class]) {
  background-color: #2d2d2d !important;
  color: #f8f8f2 !important;
  padding: 0.15em 0.5em;
  border-radius: 2px;
}

/* 1. Kartın üst kısmındaki img kapsayıcısını flex konteyner yap */
.quarto-grid-item p.card-img-top {
  height: 160px;               /* Front-matter’daki image-height ile eşleşebilir */
  display: flex;               
  justify-content: center;     /* Yatay ortala */
  align-items: center;         /* Dikey ortala */
}

/* 2. İkonu kapsayıcıya orantılı sığdır */
.quarto-grid-item p.card-img-top > img {
  max-height: 80%;            /* Kapsayıcı yüksekliğini aşma */
  width: auto;                 /* Oran korunsun */
  object-fit: contain;         /* Kırpma yerine sığdır */
  object-position: center;     /* Nesnenin kendisi de tam ortalanmış olsun */ 
}



.footer-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;      /* Dar ekranlarda alta kayma için */
  gap: 1em;             /* Elemanlar arası boşluk */
  padding: 1em 2em;     /* İsteğe bağlı iç boşluk */
  font-size: 0.9em;     /* Yazı boyutunu küçültmek isterseniz */
}

.footer-left,
.footer-right {
  display: flex;
  align-items: center;
  gap: 0.5em;           /* İçlerindeki linkler-arası boşluk */
}

.cc-icon {
  max-width: 1em;
  max-height: 1em;
}



/* Sadece navbar başlığındaki R²'yi büyüt/kalınlaştır */
.navbar .navbar-brand .brand-r2{
  font-weight: 900 !important;
  font-size: clamp(2.2rem, 3.2vw, 3.4rem) !important; /* masaüstünde daha büyük */
  line-height: 1;
  letter-spacing: .2px;
}

.navbar .navbar-brand .brand-r2 sup{
  font-size: .55em !important;   /* 0.12em çok küçüktü */
  position: relative;
  top: -.75em;                    /* üst simgeyi belirgin kaldır */
  font-weight: 800;
}