/* Herkese açık site: tema (Metronic 11) birincil rengi yeşildir; site mavi tonlu olacağı için birincil renkle ilgili satırlar panel temasındaki (demo38) mavi karşılıklarıyla ezilir.
   Bu dosya style.bundle.css üzerinden üretilmiştir; tema dosyasının kendisi değiştirilmez. Tema güncellenirse yeniden üretilmelidir. */
[data-bs-theme=light] {
  --bs-primary: #1B84FF;
  --bs-primary-rgb: 27, 132, 255;
  --bs-primary-text-emphasis: #0b3566;
  --bs-primary-border-subtle: #a4ceff;
  --bs-link-color: #1B84FF;
  --bs-link-color-rgb: 27, 132, 255;
  --bs-link-hover-color: #056EE9;
  --bs-focus-ring-color: rgba(27, 132, 255, 0.25);
  --bs-primary: #1B84FF;
  --bs-primary-active: #056EE9;
  --bs-primary-light: #E9F3FF;
  --bs-primary-clarity: rgba(27, 132, 255, 0.2);
  --bs-primary-rgb: 27, 132, 255;
  --bs-text-primary: #1B84FF;
  --bs-component-active-bg: #1B84FF;
  --bs-component-hover-color: #1B84FF;
  --bs-component-checked-bg: #1B84FF;
  --bs-menu-link-color-hover: #1B84FF;
  --bs-menu-link-color-show: #1B84FF;
  --bs-menu-link-color-here: #1B84FF;
  --bs-menu-link-color-active: #1B84FF;
  --bs-ribbon-label-bg: #1B84FF;
  --bs-ribbon-label-border-color: #0053b4;
}
[data-bs-theme=dark] {
  --bs-primary-text-emphasis: #76b5ff;
  --bs-primary-border-subtle: #104f99;
  --bs-link-color: #006AE6;
  --bs-link-hover-color: #3388eb;
  --bs-link-color-rgb: 0, 106, 230;
  --bs-primary: #006AE6;
  --bs-primary-active: #107EFF;
  --bs-primary-clarity: rgba(0, 106, 230, 0.2);
  --bs-primary-rgb: 0, 106, 230;
  --bs-text-primary: #006AE6;
  --bs-component-active-bg: #006AE6;
  --bs-component-hover-color: #006AE6;
  --bs-component-checked-bg: #006AE6;
  --bs-scrolltop-bg-color: #1B84FF;
  --bs-scrolltop-bg-color-hover: #1B84FF;
  --bs-menu-link-color-hover: #006AE6;
  --bs-menu-link-color-show: #006AE6;
  --bs-menu-link-color-here: #006AE6;
  --bs-menu-link-color-active: #006AE6;
  --bs-ribbon-label-bg: #1B84FF;
  --bs-ribbon-label-border-color: #0053b4;
}
.form-control:focus {
  box-shadow: false, 0 0 0 0.25rem rgba(27, 132, 255, 0.25);
}
.form-check-input:checked {
  background-color: #1B84FF;
  border-color: #1B84FF;
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #1B84FF;
  border-color: #1B84FF;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.25rem rgba(27, 132, 255, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.25rem rgba(27, 132, 255, 0.25);
}
.form-range::-webkit-slider-thumb {
  background-color: #1B84FF;
}
.form-range::-webkit-slider-thumb:active {
  background-color: #bbdaff;
}
.form-range::-moz-range-thumb {
  background-color: #1B84FF;
}
.form-range::-moz-range-thumb:active {
  background-color: #bbdaff;
}
.btn-primary {
  --bs-btn-bg: #1B84FF;
  --bs-btn-border-color: #1B84FF;
  --bs-btn-hover-bg: #3d96ff;
  --bs-btn-hover-border-color: #3290ff;
  --bs-btn-active-bg: #499dff;
  --bs-btn-active-border-color: #3290ff;
  --bs-btn-disabled-bg: #1B84FF;
  --bs-btn-disabled-border-color: #1B84FF;
}
.btn-outline-primary {
  --bs-btn-color: #1B84FF;
  --bs-btn-border-color: #1B84FF;
  --bs-btn-hover-bg: #1B84FF;
  --bs-btn-hover-border-color: #1B84FF;
  --bs-btn-focus-shadow-rgb: 27, 132, 255;
  --bs-btn-active-bg: #1B84FF;
  --bs-btn-active-border-color: #1B84FF;
  --bs-btn-disabled-color: #1B84FF;
  --bs-btn-disabled-border-color: #1B84FF;
}
.nav-link:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(27, 132, 255, 0.25);
}
.nav-pills {
  --bs-nav-pills-link-active-bg: #1B84FF;
}
.progress-stacked {
  --bs-progress-bar-bg: #1B84FF;
}
.separator.separator-content.border-primary::before, .separator.separator-content.border-primary::after {
  border-color: #1B84FF !important;
}
.form-check.form-check-solid .form-check-input[type=checkbox]:indeterminate {
  background-color: #1B84FF;
}

/* Logo satırı: logodaki mavi-turkuaz tonun koyusu zemin, logo beyaz (logo PNG'si tek renk, filtre ile beyaza çevrilir). */
.web-brand {
  display: flex;
  align-items: center;
  width: 100%;
  flex-grow: 1;
  background-color: #2b86a6;
}
.web-brand img {
  filter: brightness(0) invert(1);
}
.web-brand #kt_header_menu_toggle {
  color: #ffffff;
}
[data-bs-theme=dark] .web-brand {
  background-color: #1d5f78;
}
.web-brand > .container-xxl {
  align-self: stretch;
}
.web-brand-title {
  font-family: "Source Serif 4", Georgia, serif;
  font-size: var(--web-fs-lg);
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.1;
  color: #ffffff;
  border-left: 1px solid rgba(255, 255, 255, 0.45);
}
@media (min-width: 992px) {
  body:not([data-kt-sticky-header=on]) .header {
    height: auto;
  }
  body:not([data-kt-sticky-header=on]) .web-brand {
    min-height: 150px;
  }
}

/* Üst bar işlemleri: tema modu ve dil ince çerçeveli, Makale Gönder turkuaz dolu; üçü ayrı ve aralıklı. */
.web-actions {
  gap: 0.75rem;
}
.web-actions .btn {
  height: 34px;
  border-radius: 0.5rem;
  box-shadow: none;
}
.web-actions .btn:not(.web-submit) {
  border: 1px solid var(--bs-gray-300);
  background-color: var(--bs-body-bg);
}
.web-actions .btn:not(.web-submit):hover {
  border-color: #1b84ff;
}
.web-actions .web-submit {
  border: 1px solid #2b86a6;
  background-color: #2b86a6;
  color: #ffffff;
}
.web-actions .web-submit:hover {
  border-color: #236f8b;
  background-color: #236f8b;
  color: #ffffff;
}
[data-bs-theme=dark] .web-actions .web-submit {
  border-color: #1d5f78;
  background-color: #1d5f78;
}
.web-actions .web-submit .ki-duotone,
.web-actions .web-submit .ki-duotone:before,
.web-actions .web-submit .ki-duotone:after {
  color: #ffffff !important;
}
.web-actions .btn.web-submit {
  padding-left: 1.1rem;
  padding-right: 1.25rem;
  border: 1.5px solid #2b86a6;
  border-radius: 2rem;
  background-color: transparent;
  background-image: none;
  color: #2b86a6;
  letter-spacing: 0.02em;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.web-actions .btn.web-submit:hover {
  background-color: #2b86a6;
  background-image: none;
  color: #ffffff;
}
.web-actions .web-submit .ki-duotone,
.web-actions .web-submit .ki-duotone:before,
.web-actions .web-submit .ki-duotone:after {
  color: inherit !important;
}
[data-bs-theme=dark] .web-actions .btn.web-submit {
  border-color: #5fb4d0;
  color: #5fb4d0;
}
[data-bs-theme=dark] .web-actions .btn.web-submit:hover {
  background-color: #1d5f78;
  color: #ffffff;
}

/* Alt bilgi: logo satırıyla aynı turkuaz aile, üç sütun ve alt telif şeridi. */
.web-footer {
  background-color: #1f6f8c;
  color: rgba(255, 255, 255, 0.82);
  height: auto;
}
[data-bs-theme=dark] .web-footer {
  background-color: #15485a;
}
.web-footer-logo {
  filter: brightness(0) invert(1);
}
.web-footer-title {
  font-family: "Source Serif 4", Georgia, serif;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #ffffff;
}
.web-footer-text {
  line-height: 1.7;
  max-width: 28rem;
}
.web-footer-heading {
  margin-bottom: 1.1rem;
  padding-bottom: 0.7rem;
  font-size: var(--web-fs-xs);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #ffffff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.web-footer-list li {
  margin-bottom: 0.7rem;
}
.web-footer-list a {
  color: rgba(255, 255, 255, 0.82);
  text-decoration: none;
  transition: color 0.15s ease;
}
.web-footer-list a:hover {
  color: #ffffff;
  text-decoration: underline;
}
.web-footer-label {
  font-weight: 600;
  color: #ffffff;
  margin-right: 0.25rem;
}
.web-footer-bottom {
  background-color: rgba(0, 0, 0, 0.18);
  color: rgba(255, 255, 255, 0.7);
}

/* Güncel Sayı: bölüm başlığı, kitap kapağı benzeri sol sütun, sağda künye ve içindekiler listesi. */
.web-section-eyebrow {
  font-size: var(--web-fs-xs);
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #2b86a6;
}
.web-section-title {
  font-family: "Source Serif 4", Georgia, serif;
  font-size: var(--web-fs-2xl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--bs-gray-900);
  font-variant-numeric: lining-nums;
}
.web-link-more {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  color: #2b86a6;
}
.web-link-more:hover {
  color: #1f6f8c;
}
.web-issue-cover-img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0.35rem;
  box-shadow: 0 18px 40px rgba(31, 111, 140, 0.22);
}
.btn.web-btn-solid {
  background-color: #2b86a6;
  color: #ffffff;
  font-weight: 600;
}
.btn.web-btn-solid:hover {
  background-color: #1f6f8c;
  color: #ffffff;
}
.btn.web-btn-line {
  background-color: transparent;
  color: #2b86a6;
  font-weight: 600;
  border: 1.5px solid #2b86a6;
}
.btn.web-btn-line:hover {
  background-color: #2b86a6;
  color: #ffffff;
}
.btn.web-btn-solid i,
.btn.web-btn-line i {
  color: inherit;
}
.web-issue-panel {
  padding: 2.5rem;
  border: 1px solid var(--bs-gray-200);
  border-radius: 0.6rem;
  background-color: var(--bs-body-bg);
}
.web-issue-foreword {
  position: relative;
  max-height: 11em;
  overflow: hidden;
  font-family: "Source Serif 4", Georgia, serif;
  font-size: var(--web-fs-read);
  line-height: 1.75;
  color: var(--bs-gray-700);
}
.web-issue-foreword p {
  margin-bottom: 0.75rem;
}
.web-issue-foreword::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 4rem;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--bs-body-bg));
}
.web-panel-heading {
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 2px solid #2b86a6;
  font-size: var(--web-fs-xs);
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--bs-gray-800);
}
.web-issue-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 2.5rem;
  margin: 0;
}
@media (max-width: 767.98px) {
  .web-issue-facts {
    grid-template-columns: 1fr;
  }
}
.web-issue-facts > div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.7rem 0;
  border-bottom: 1px dashed var(--bs-gray-300);
}
.web-issue-facts > div:nth-last-child(-n+2) {
  border-bottom: 0;
}
.web-issue-facts dt {
  font-size: var(--web-fs-sm);
  font-weight: 500;
  color: var(--bs-gray-600);
}
.web-issue-facts dd {
  margin: 0;
  font-size: var(--web-fs-base);
  font-weight: 600;
  text-align: right;
  color: var(--bs-gray-900);
}
.web-issue-doi {
  font-family: var(--bs-font-monospace);
  font-size: var(--web-fs-sm);
  color: #2b86a6;
  word-break: break-all;
}
.web-issue-doi:hover {
  color: #1f6f8c;
  text-decoration: underline;
}
.web-toc-title {
  margin-bottom: 0.5rem;
  font-size: var(--web-fs-xs);
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--bs-gray-600);
}
.web-toc-item {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  padding: 1.35rem 0;
  border-bottom: 1px solid var(--bs-gray-200);
}
.web-toc-type {
  margin-bottom: 0.35rem;
  font-size: var(--web-fs-2xs);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #2b86a6;
}
.web-toc-article {
  display: block;
  font-family: "Source Serif 4", Georgia, serif;
  font-size: var(--web-fs-md);
  font-weight: 600;
  line-height: 1.4;
  color: var(--bs-gray-900);
}
.web-toc-article:hover {
  color: #2b86a6;
}
.web-toc-authors {
  margin-top: 0.35rem;
  font-size: var(--web-fs-sm);
  color: var(--bs-gray-600);
}
.web-toc-side {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.6rem;
  flex-shrink: 0;
}
.web-toc-pages {
  font-size: var(--web-fs-sm);
  color: var(--bs-gray-500);
  white-space: nowrap;
}
.btn.btn-outline.web-btn-line {
  border: 1.5px solid #2b86a6 !important;
}
/* Son Yayımlanan Makaleler: tam genişlikte satırlar, solda turkuaz şerit. */
.web-article-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem 2.5rem;
  padding: 1.25rem 1.5rem;
  border: 1px solid var(--bs-gray-200);
  border-left: 4px solid #2b86a6;
  border-radius: 0.5rem;
  background-color: var(--bs-body-bg);
  transition: box-shadow 0.15s ease;
}
.web-article-row:hover {
  box-shadow: 0 8px 24px rgba(31, 111, 140, 0.12);
}
.web-article-row-side {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  flex-shrink: 0;
  font-size: var(--web-fs-xs);
  color: var(--bs-gray-500);
  white-space: nowrap;
}
/* Sunuşu aç/kapat: gizli onay kutusu işaretlenince metin tam boyuna açılır, solma kalkar, bağlantı metni değişir. */
.web-foreword-more {
  cursor: pointer;
  user-select: none;
}
.web-foreword-close,
.web-foreword-toggle:checked ~ .web-foreword-more .web-foreword-open {
  display: none;
}
.web-foreword-toggle:checked ~ .web-foreword-more .web-foreword-close {
  display: inline-flex;
  align-items: center;
}
.web-foreword-open {
  display: inline-flex;
  align-items: center;
}
.web-foreword-toggle:checked + .web-issue-foreword {
  max-height: none;
}
.web-foreword-toggle:checked + .web-issue-foreword::after {
  display: none;
}
.web-foreword-toggle:focus-visible ~ .web-foreword-more {
  outline: 2px solid #2b86a6;
  outline-offset: 3px;
  border-radius: 0.25rem;
}
.web-foreword-more i {
  color: inherit;
}

/* Yazı ölçeği: sitenin bütün metin boyutları buradan gelir. Tema kökü 13px'tir (rem ve boşluklar buna göre kalır); okunur metin için
   gövde 16px, uzun okuma metni 18px'tir. Yeni web metni bu değişkenlerden birini ya da .web-fs-* sınıfını kullanır, rem ile boyut yazılmaz. */
:root {
  --web-fs-2xs: 12px;
  --web-fs-xs: 13px;
  --web-fs-sm: 14px;
  --web-fs-base: 16px;
  --web-fs-md: 17px;
  --web-fs-read: 18px;
  --web-fs-lg: 20px;
  --web-fs-xl: 24px;
  --web-fs-2xl: 26px;
}
@media (max-width: 767.98px) {
  :root {
    --web-fs-base: 15px;
    --web-fs-md: 16px;
    --web-fs-read: 17px;
    --web-fs-lg: 18px;
    --web-fs-xl: 21px;
    --web-fs-2xl: 22px;
  }
}
body {
  font-size: var(--web-fs-base) !important;
}
.web-fs-xs {
  font-size: var(--web-fs-xs) !important;
}
.web-fs-sm {
  font-size: var(--web-fs-sm) !important;
}
.web-fs-base {
  font-size: var(--web-fs-base) !important;
}
.web-fs-read {
  font-size: var(--web-fs-read) !important;
}
/* Menü satırını sayfadan ayıran yumuşak alt çizgi. */
.header {
  border-bottom: 1px solid var(--bs-gray-200);
  box-shadow: 0 6px 16px -14px rgba(31, 111, 140, 0.35);
}
/* Makale arama: turkuaz tonlu zemin üzerinde hızlı arama çubuğu (alan seçimi, ifade, Ara) ve gizli onay kutusuyla açılan Detaylı Arama. */
.web-search {
  padding: 2.5rem;
  border: 1px solid rgba(43, 134, 166, 0.18);
  border-radius: 0.6rem;
  background: linear-gradient(135deg, rgba(43, 134, 166, 0.1), rgba(43, 134, 166, 0.03));
}
.web-search-intro {
  font-size: var(--web-fs-sm);
  color: var(--bs-gray-600);
}
.web-search-bar {
  display: flex;
  align-items: stretch;
  min-height: 58px;
  padding: 0.4rem;
  border: 1px solid var(--bs-gray-300);
  border-radius: 0.5rem;
  background-color: var(--bs-body-bg);
  box-shadow: 0 10px 28px rgba(31, 111, 140, 0.1);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.web-search-bar:focus-within {
  border-color: #2b86a6;
  box-shadow: 0 0 0 0.25rem rgba(43, 134, 166, 0.15);
}
.web-search-scope {
  flex: 0 0 auto;
  padding: 0 2.25rem 0 1rem;
  border: 0;
  border-right: 1px solid var(--bs-gray-200);
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23787887' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right 0.9rem center / 12px 10px;
  appearance: none;
  font-size: var(--web-fs-sm);
  font-weight: 600;
  color: var(--bs-gray-800);
  cursor: pointer;
}
.web-search-scope:focus {
  outline: none;
}
.web-search-query {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
  padding: 0 1rem;
}
.web-search-query i {
  color: var(--bs-gray-500);
  margin-right: 0.75rem;
}
.web-search-query input {
  width: 100%;
  border: 0;
  background: transparent;
  font-size: var(--web-fs-base);
  color: var(--bs-gray-900);
}
.web-search-query input:focus {
  outline: none;
}
.web-search-query input::placeholder {
  color: var(--bs-gray-500);
}
.btn.web-search-submit {
  flex: 0 0 auto;
  padding: 0 2.25rem;
  font-size: var(--web-fs-base);
}
.web-search-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem 2rem;
  margin-top: 1.25rem;
}
.web-search-suggestions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--web-fs-xs);
  color: var(--bs-gray-600);
}
.web-search-suggestions > span {
  margin-right: 0.25rem;
  font-weight: 600;
}
.web-search-chip {
  padding: 0.3rem 0.85rem;
  border: 1px solid rgba(43, 134, 166, 0.3);
  border-radius: 2rem;
  background-color: var(--bs-body-bg);
  color: #2b86a6;
  font-weight: 500;
}
.web-search-chip:hover {
  border-color: #2b86a6;
  background-color: #2b86a6;
  color: #ffffff;
}
.web-search-advanced-link {
  font-size: var(--web-fs-sm);
  cursor: pointer;
  user-select: none;
}
.web-search-advanced-link i {
  color: inherit;
}
.web-search-advanced-open {
  display: inline-flex;
  align-items: center;
}
.web-search-advanced-close,
.web-search-advanced {
  display: none;
}
.web-search-toggle:checked ~ .web-search-meta .web-search-advanced-open {
  display: none;
}
.web-search-toggle:checked ~ .web-search-meta .web-search-advanced-close {
  display: inline-flex;
  align-items: center;
}
.web-search-toggle:checked ~ .web-search-advanced {
  display: block;
}
.web-search-toggle:focus-visible ~ .web-search-meta .web-search-advanced-link {
  outline: 2px solid #2b86a6;
  outline-offset: 3px;
  border-radius: 0.25rem;
}
.web-search-advanced {
  margin-top: 1.5rem;
  padding: 2rem;
  border: 1px solid var(--bs-gray-200);
  border-radius: 0.5rem;
  background-color: var(--bs-body-bg);
}
.web-search-advanced .form-control,
.web-search-advanced .form-select {
  font-size: var(--web-fs-sm);
}
.web-search-label {
  display: block;
  margin-bottom: 0.5rem;
  font-size: var(--web-fs-xs);
  font-weight: 600;
  color: var(--bs-gray-800);
}
@media (max-width: 767.98px) {
  .web-search {
    padding: 1.5rem;
  }
  .web-search-bar {
    flex-wrap: wrap;
    gap: 0.4rem;
  }
  .web-search-scope {
    flex-basis: 100%;
    min-height: 44px;
    border-right: 0;
    border-bottom: 1px solid var(--bs-gray-200);
  }
  .web-search-query {
    min-height: 48px;
  }
  .btn.web-search-submit {
    flex-basis: 100%;
    min-height: 44px;
  }
  .web-search-advanced {
    padding: 1.25rem;
  }
}
/* Menü satırındaki ve mobil logo satırındaki arama simgesi. */
.web-menu-search {
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  border: 1px solid var(--bs-gray-300);
  border-radius: 50%;
  color: var(--bs-gray-700);
  transition: all 0.15s ease;
}
.web-menu-search i {
  font-size: 1.5rem;
  color: inherit;
}
.web-menu-search:hover,
.web-menu-search.active {
  border-color: #2b86a6;
  background-color: #2b86a6;
  color: #ffffff;
}
.web-brand-search {
  display: inline-flex;
  color: #ffffff;
}
.web-brand-search i {
  color: inherit;
}

/* Arama sonuçları: solda süzgeç paneli, sağda sonuç başlığı, sıralama, etkin süzgeç etiketleri ve sonuç satırları. */
.web-search-filters {
  position: sticky;
  top: 100px;
  padding: 1.75rem;
  border: 1px solid var(--bs-gray-200);
  border-radius: 0.6rem;
  background-color: var(--bs-body-bg);
}
.web-filter-group + .web-filter-group {
  margin-top: 1.5rem;
}
.web-filter-title {
  margin-bottom: 0.5rem;
  font-size: var(--web-fs-sm);
  font-weight: 700;
  color: var(--bs-gray-900);
}
.web-filter-scroll {
  max-height: 260px;
  overflow-y: auto;
}
.web-filter-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.45rem 0.75rem;
  border-radius: 0.4rem;
  font-size: var(--web-fs-sm);
  color: var(--bs-gray-700);
}
.web-filter-option:hover {
  background-color: rgba(43, 134, 166, 0.08);
  color: #1f6f8c;
}
.web-filter-option.active {
  background-color: rgba(43, 134, 166, 0.12);
  color: #1f6f8c;
  font-weight: 600;
}
.web-filter-count {
  min-width: 2rem;
  padding: 0.1rem 0.5rem;
  border-radius: 2rem;
  background-color: var(--bs-gray-100);
  font-size: var(--web-fs-2xs);
  font-weight: 600;
  text-align: center;
  color: var(--bs-gray-600);
}
.web-filter-option.active .web-filter-count {
  background-color: #2b86a6;
  color: #ffffff;
}
.web-results-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem 2rem;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--bs-gray-200);
}
.web-results-count {
  font-family: "Source Serif 4", Georgia, serif;
  font-size: var(--web-fs-xl);
  font-weight: 600;
  color: var(--bs-gray-900);
}
.web-results-query {
  color: #2b86a6;
}
.web-results-range {
  margin-top: 0.25rem;
  font-size: var(--web-fs-xs);
  color: var(--bs-gray-500);
}
.web-results-sort {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--web-fs-sm);
  color: var(--bs-gray-600);
}
.web-results-sort > span {
  margin-right: 0.5rem;
}
.web-results-sort a {
  padding: 0.35rem 0.85rem;
  border-radius: 2rem;
  color: var(--bs-gray-700);
}
.web-results-sort a:hover {
  color: #2b86a6;
}
.web-results-sort a.active {
  background-color: #2b86a6;
  color: #ffffff;
  font-weight: 600;
}
.web-filter-chip {
  display: inline-flex;
  align-items: center;
  padding: 0.35rem 0.6rem 0.35rem 0.9rem;
  border-radius: 2rem;
  background-color: rgba(43, 134, 166, 0.12);
  font-size: var(--web-fs-xs);
  font-weight: 600;
  color: #1f6f8c;
}
.web-filter-chip i {
  color: inherit;
}
.web-filter-chip:hover {
  background-color: #2b86a6;
  color: #ffffff;
}
.web-result {
  padding: 1.5rem 0;
  border-bottom: 1px solid var(--bs-gray-200);
}
.web-result:first-of-type {
  padding-top: 0.5rem;
}
.web-result-title {
  display: block;
  margin: 0.25rem 0 0.4rem;
  font-family: "Source Serif 4", Georgia, serif;
  font-size: var(--web-fs-lg);
  font-weight: 600;
  line-height: 1.35;
  color: var(--bs-gray-900);
}
.web-result-title:hover {
  color: #2b86a6;
}
.web-result-snippet {
  margin: 0.6rem 0 0;
  font-size: var(--web-fs-sm);
  line-height: 1.65;
  color: var(--bs-gray-600);
}
.web-result-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 1.5rem;
  margin-top: 0.75rem;
  font-size: var(--web-fs-xs);
  color: var(--bs-gray-500);
}
.web-result-meta a {
  color: #2b86a6;
  font-weight: 600;
}
.web-result mark {
  padding: 0 0.1em;
  border-radius: 0.2rem;
  background-color: rgba(246, 192, 0, 0.3);
  color: inherit;
}
.web-results-empty {
  padding: 3.5rem 1.5rem;
  border: 1px dashed var(--bs-gray-300);
  border-radius: 0.6rem;
  text-align: center;
}
.web-results-empty i {
  font-size: 3rem;
  color: #2b86a6;
}
.web-results-empty h2 {
  margin: 1rem 0 0.5rem;
  font-family: "Source Serif 4", Georgia, serif;
  font-size: var(--web-fs-xl);
  font-weight: 600;
  color: var(--bs-gray-900);
}
.web-results-empty p {
  margin-bottom: 1.5rem;
  font-size: var(--web-fs-sm);
  color: var(--bs-gray-600);
}
.web-pagination .page-item.active .page-link {
  background-color: #2b86a6;
  color: #ffffff;
}
.web-pagination .page-link {
  font-size: var(--web-fs-sm);
}
@media (max-width: 991.98px) {
  .web-search-filters {
    position: static;
  }
}
/* Anasayfa duyuruları: makale satırlarından ayrışsın diye tek panel içinde, ince çizgiyle ayrılmış satırlar. Solda dikey çizgiyle ayrılan tarih,
   ortada başlık ve özet, sağda üzerine gelince dolan yuvarlak ok. Satırın tamamı bağlantıdır. */
.web-announcement-list {
  padding: 0.5rem 2rem;
  border-radius: 0.6rem;
  background: linear-gradient(135deg, rgba(43, 134, 166, 0.08), rgba(43, 134, 166, 0.02));
  border: 1px solid rgba(43, 134, 166, 0.15);
}
.web-announcement {
  display: flex;
  align-items: center;
  gap: 2rem;
  padding: 1.5rem 0;
  color: inherit;
}
.web-announcement + .web-announcement {
  border-top: 1px dashed rgba(43, 134, 166, 0.3);
}
.web-announcement-date {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  width: 72px;
  padding-right: 2rem;
  box-sizing: content-box;
  border-right: 2px solid #2b86a6;
  font-size: var(--web-fs-2xs);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--bs-gray-500);
  white-space: nowrap;
}
.web-announcement-day {
  font-family: "Source Serif 4", Georgia, serif;
  font-size: 34px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
  color: #1f6f8c;
  font-variant-numeric: lining-nums;
}
.web-announcement-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
}
.web-announcement-title {
  margin-bottom: 0.35rem;
  font-family: "Source Serif 4", Georgia, serif;
  font-size: var(--web-fs-md);
  font-weight: 600;
  line-height: 1.35;
  color: var(--bs-gray-900);
  transition: color 0.15s ease;
}
.web-announcement-summary {
  font-size: var(--web-fs-sm);
  line-height: 1.6;
  color: var(--bs-gray-600);
}
.web-announcement-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(43, 134, 166, 0.35);
  border-radius: 50%;
  background-color: var(--bs-body-bg);
  color: #2b86a6;
  transition: all 0.15s ease;
}
.web-announcement-arrow i {
  font-size: 1.35rem;
  color: inherit;
}
.web-announcement:hover .web-announcement-title {
  color: #2b86a6;
}
.web-announcement:hover .web-announcement-arrow {
  border-color: #2b86a6;
  background-color: #2b86a6;
  color: #ffffff;
  transform: translateX(3px);
}
@media (max-width: 767.98px) {
  .web-announcement-list {
    padding: 0.25rem 1.25rem;
  }
  .web-announcement {
    gap: 1.25rem;
  }
  .web-announcement-date {
    width: 56px;
    padding-right: 1.25rem;
  }
  .web-announcement-arrow {
    display: none;
  }
}
/* Tarandığı Dizinler: eşit boylu, ortalanmış kutucuklar; dizin adı serif ve koyu, altında sağlayıcı (marka adı bozulmasın diye büyük harfe çevrilmez; tr dilinde i → İ olur). Üzerine gelince turkuaz çerçeve ve alt çizgi. */
.web-index {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  height: 100%;
  min-height: 112px;
  padding: 1.25rem 1rem;
  border: 1px solid var(--bs-gray-200);
  border-radius: 0.6rem;
  background-color: var(--bs-body-bg);
  text-align: center;
  overflow: hidden;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.web-index::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  background-color: #2b86a6;
  transform: scaleX(0);
  transition: transform 0.2s ease;
}
.web-index:hover {
  border-color: rgba(43, 134, 166, 0.45);
  box-shadow: 0 8px 24px rgba(31, 111, 140, 0.12);
}
.web-index:hover::after {
  transform: scaleX(1);
}
.web-index-name {
  font-family: "Source Serif 4", Georgia, serif;
  font-size: var(--web-fs-lg);
  font-weight: 700;
  line-height: 1.2;
  color: var(--bs-gray-900);
}
.web-index:hover .web-index-name {
  color: #1f6f8c;
}
.web-index-detail {
  font-size: var(--web-fs-xs);
  color: var(--bs-gray-500);
}
/* Abone Ol çağrısı: açık turkuaz tonlu bant; solda turkuaz simge, başlık, açıklama ve üç madde, sağda abonelik sayfasına giden turkuaz düğme. */
.web-subscribe {
  position: relative;
  padding: 2.5rem 3rem;
  border: 1px solid rgba(43, 134, 166, 0.2);
  border-radius: 0.6rem;
  background: linear-gradient(120deg, rgba(43, 134, 166, 0.14), rgba(43, 134, 166, 0.04));
  overflow: hidden;
}
.web-subscribe::after {
  content: "";
  position: absolute;
  top: -60px;
  right: -60px;
  width: 220px;
  height: 220px;
  border: 30px solid rgba(43, 134, 166, 0.07);
  border-radius: 50%;
  pointer-events: none;
}
.web-subscribe-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: #2b86a6;
}
.web-subscribe-icon i {
  font-size: 1.9rem;
  color: #ffffff;
}
.web-subscribe-title {
  margin-bottom: 0.4rem;
  font-family: "Source Serif 4", Georgia, serif;
  font-size: var(--web-fs-xl);
  font-weight: 600;
  line-height: 1.25;
  color: var(--bs-gray-900);
}
.web-subscribe-text {
  font-size: var(--web-fs-sm);
  line-height: 1.6;
  color: var(--bs-gray-600);
}
.web-subscribe-points {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--web-fs-sm);
  font-weight: 500;
  color: var(--bs-gray-800);
}
.web-subscribe-points li {
  display: inline-flex;
  align-items: center;
}
.web-subscribe-points i {
  margin-right: 0.4rem;
  font-size: 1.25rem;
  color: #2b86a6;
}
.btn.web-subscribe-button {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  padding: 0.85rem 2.25rem;
  background-color: #2b86a6;
  color: #ffffff;
  font-size: var(--web-fs-base);
  font-weight: 600;
  box-shadow: 0 10px 24px rgba(31, 111, 140, 0.25);
}
.btn.web-subscribe-button:hover {
  background-color: #1f6f8c;
  color: #ffffff;
}
.btn.web-subscribe-button i {
  color: inherit;
  transition: transform 0.15s ease;
}
.btn.web-subscribe-button:hover i {
  transform: translateX(3px);
}
.web-subscribe-note {
  position: relative;
  z-index: 1;
  margin: 0.75rem 0 0;
  font-size: var(--web-fs-2xs);
  color: var(--bs-gray-500);
}
@media (max-width: 767.98px) {
  .web-subscribe {
    padding: 1.75rem 1.5rem;
  }
  .btn.web-subscribe-button {
    justify-content: center;
    width: 100%;
  }
}
/* İçerik sayfası: beyaz panelde okunur genişlikte zengin metin (başlıklar serif, paragraflar uzun okuma boyutunda, listeler ve tablolar sade). */
.web-page {
  margin-bottom: 4rem;
  padding: 3rem;
  border: 1px solid var(--bs-gray-200);
  border-radius: 0.6rem;
  background-color: var(--bs-body-bg);
}
.web-prose {
  font-size: var(--web-fs-read);
  line-height: 1.75;
  color: var(--bs-gray-700);
}
.web-prose > :first-child {
  margin-top: 0;
}
.web-prose > :last-child {
  margin-bottom: 0;
}
.web-prose p,
.web-prose ul,
.web-prose ol,
.web-prose blockquote,
.web-prose table,
.web-prose figure {
  margin: 0 0 1.25rem;
}
.web-prose h2,
.web-prose h3,
.web-prose h4 {
  margin: 2.25rem 0 0.85rem;
  font-family: "Source Serif 4", Georgia, serif;
  font-weight: 600;
  line-height: 1.3;
  color: var(--bs-gray-900);
}
.web-prose h2 {
  padding-bottom: 0.6rem;
  border-bottom: 1px solid var(--bs-gray-200);
  font-size: var(--web-fs-xl);
}
.web-prose h3 {
  font-size: var(--web-fs-lg);
}
.web-prose h4 {
  font-size: var(--web-fs-md);
}
.web-prose strong,
.web-prose b {
  font-weight: 600;
  color: var(--bs-gray-900);
}
.web-prose a {
  color: #2b86a6;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.web-prose a:hover {
  color: #1f6f8c;
}
.web-prose ul,
.web-prose ol {
  padding-left: 1.5rem;
}
.web-prose li {
  margin-bottom: 0.4rem;
}
.web-prose ul li::marker {
  color: #2b86a6;
}
.web-prose blockquote {
  padding: 0.75rem 1.25rem;
  border-left: 3px solid #2b86a6;
  background-color: rgba(43, 134, 166, 0.06);
  font-style: italic;
}
.web-prose img {
  max-width: 100%;
  height: auto;
  border-radius: 0.4rem;
}
.web-prose table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--web-fs-sm);
}
.web-prose th,
.web-prose td {
  padding: 0.6rem 0.75rem;
  border: 1px solid var(--bs-gray-200);
  text-align: left;
}
.web-prose th {
  background-color: var(--bs-gray-100);
  font-weight: 600;
  color: var(--bs-gray-900);
}
@media (max-width: 767.98px) {
  .web-page {
    padding: 1.5rem;
  }
}
/* Dergi Kurulları: her kurul ayrı kart. Başlık şeridi açık mavi, soldan sağa açılan geçişli; serif kurul adı koyu mavi, önünde mavi ince çizgi; altında her kişi tek satır ve sütunlar hizalı:
   unvanla birlikte serif ad, simgeli kurum (sığmazsa üç noktayla kısalır, tamamı title'da), sağda ORCID (yeşil iD ve numara).
   Tablette kurum alt satıra iner, telefonda ORCID yalnızca iD işaretidir. */
.web-boards {
  display: grid;
  gap: 1.75rem;
}
.web-board {
  overflow: hidden;
  border: 1px solid var(--bs-gray-200);
  background-color: var(--bs-body-bg);
  scroll-margin-top: 6rem;
}
.web-board-head {
  display: flex;
  align-items: center;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #cfe6ee;
  background: linear-gradient(90deg, #dff0f5 0%, #eef7fa 100%);
}
.web-board-title {
  position: relative;
  margin: 0;
  padding-left: 0.9rem;
  font-family: "Source Serif 4", Georgia, serif;
  font-size: var(--web-fs-read);
  font-weight: 600;
  letter-spacing: 0.01em;
  color: #1f6f8c;
}
.web-board-title::before {
  content: "";
  position: absolute;
  top: 0.2em;
  bottom: 0.2em;
  left: 0;
  width: 3px;
  border-radius: 2px;
  background-color: #2b86a6;
}
[data-bs-theme=dark] .web-board-head {
  border-bottom-color: rgba(43, 134, 166, 0.35);
  background: linear-gradient(90deg, rgba(43, 134, 166, 0.28) 0%, rgba(43, 134, 166, 0.12) 100%);
}
[data-bs-theme=dark] .web-board-title {
  color: #8fd3e0;
}
.web-board-members {
  margin: 0;
  padding: 0.35rem 0;
  list-style: none;
}
.web-board-member {
  display: grid;
  grid-template-columns: minmax(0, 24rem) minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 1.25rem;
  padding: 0.85rem 1.5rem;
  transition: background-color 0.15s ease;
}
.web-board-member + .web-board-member {
  border-top: 1px dashed var(--bs-gray-200);
}
.web-board-member:hover {
  background-color: rgba(43, 134, 166, 0.04);
}
.web-board-name {
  min-width: 0;
  font-family: "Source Serif 4", Georgia, serif;
  font-size: calc(var(--web-fs-sm) + 1px);
  font-weight: 600;
  color: var(--bs-gray-900);
}
.web-board-institution {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
  font-size: var(--web-fs-xs);
  color: var(--bs-gray-600);
}
.web-board-institution i {
  flex-shrink: 0;
  font-size: 1.05rem;
  color: var(--bs-gray-400);
}
.web-board-institution span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.web-board-orcid {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.25rem 0.65rem 0.25rem 0.3rem;
  border: 1px solid var(--bs-gray-200);
  border-radius: 2rem;
  font-size: var(--web-fs-2xs);
  color: var(--bs-gray-600);
  white-space: nowrap;
  transition: border-color 0.15s ease, color 0.15s ease;
}
.web-board-orcid:hover {
  border-color: #a6ce39;
  color: var(--bs-gray-900);
}
.web-board-orcid-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.15rem;
  height: 1.15rem;
  border-radius: 50%;
  background-color: #a6ce39;
  font-size: 0.58rem;
  font-weight: 700;
  line-height: 1;
  color: #ffffff;
}
.web-board-orcid-number {
  font-family: SFMono-Regular, Menlo, Consolas, monospace;
  letter-spacing: 0.02em;
}
@media (max-width: 991.98px) {
  .web-board-member {
    grid-template-columns: minmax(0, 1fr) auto;
    row-gap: 0.35rem;
    padding: 0.85rem 1.25rem;
  }
  .web-board-institution {
    grid-row: 2;
    grid-column: 1 / -1;
  }
  .web-board-institution span {
    white-space: normal;
  }
}
@media (max-width: 767.98px) {
  .web-board-head {
    padding: 0.9rem 1rem;
  }
  .web-board-member {
    padding: 0.85rem 1rem;
  }
  .web-board-orcid-number {
    display: none;
  }
  .web-board-orcid {
    padding: 0.25rem;
  }
}
/* Dizinler sayfası: her kategori köşesiz bir kart, başlık şeridi Dergi Kurulları ile aynı (açık mavi geçiş, koyu mavi serif ad);
   içinde dizin kutucukları üç sütun: serif ad ve sağda başlangıç yılı rozeti, sağlayıcı, kısa açıklama, altta derginin kaydına bağlantı. */
.web-index-groups {
  display: grid;
  gap: 1.75rem;
}
.web-index-group {
  border: 1px solid var(--bs-gray-200);
  background-color: var(--bs-body-bg);
}
.web-index-group-head {
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #cfe6ee;
  background: linear-gradient(90deg, #dff0f5 0%, #eef7fa 100%);
}
.web-index-group-title {
  position: relative;
  margin: 0;
  padding-left: 0.9rem;
  font-family: "Source Serif 4", Georgia, serif;
  font-size: var(--web-fs-read);
  font-weight: 600;
  letter-spacing: 0.01em;
  color: #1f6f8c;
}
.web-index-group-title::before {
  content: "";
  position: absolute;
  top: 0.2em;
  bottom: 0.2em;
  left: 0;
  width: 3px;
  border-radius: 2px;
  background-color: #2b86a6;
}
[data-bs-theme=dark] .web-index-group-head {
  border-bottom-color: rgba(43, 134, 166, 0.35);
  background: linear-gradient(90deg, rgba(43, 134, 166, 0.28) 0%, rgba(43, 134, 166, 0.12) 100%);
}
[data-bs-theme=dark] .web-index-group-title {
  color: #8fd3e0;
}
.web-index-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
  padding: 1.5rem;
}
.web-index-card {
  display: flex;
  flex-direction: column;
  padding: 1.25rem 1.25rem 1rem;
  border: 1px solid var(--bs-gray-200);
  background-color: var(--bs-body-bg);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.web-index-card:hover {
  border-color: rgba(43, 134, 166, 0.45);
  box-shadow: 0 8px 24px rgba(31, 111, 140, 0.1);
}
.web-index-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}
.web-index-card-name {
  font-family: "Source Serif 4", Georgia, serif;
  font-size: var(--web-fs-lg);
  font-weight: 700;
  line-height: 1.25;
  color: var(--bs-gray-900);
}
.web-index-card:hover .web-index-card-name {
  color: #1f6f8c;
}
.web-index-card-since {
  flex-shrink: 0;
  margin-top: 0.2rem;
  padding: 0.2rem 0.55rem;
  background-color: rgba(43, 134, 166, 0.1);
  font-size: var(--web-fs-2xs);
  font-weight: 600;
  color: #1f6f8c;
  white-space: nowrap;
}
.web-index-card-provider {
  margin-top: 0.3rem;
  font-size: var(--web-fs-xs);
  font-weight: 600;
  color: var(--bs-gray-500);
}
.web-index-card-text {
  margin-top: 0.75rem;
  font-size: var(--web-fs-sm);
  line-height: 1.55;
  color: var(--bs-gray-700);
}
.web-index-card-link {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: auto;
  padding-top: 1rem;
  font-size: var(--web-fs-xs);
  font-weight: 600;
  color: #2b86a6;
}
.web-index-card-link i {
  font-size: 0.95rem;
  color: inherit;
}
@media (max-width: 1199.98px) {
  .web-index-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .web-index-group-head {
    padding: 0.9rem 1rem;
  }
  .web-index-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    padding: 1rem;
  }
}
/* İletişim sayfası: solda açık mavi zeminli bilgi sütunu (simgeli e-posta, telefon, yayıncı ve yazarlara panel notu), sağda beyaz form kartı. Form Livewire'dır,
   sonuç SweetAlert penceresidir; tuzak alanı ekran dışındadır. Telefonda iki sütun alt alta iner. */
.web-contact {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  border: 1px solid var(--bs-gray-200);
  border-radius: 0.6rem;
  overflow: hidden;
  background-color: var(--bs-body-bg);
}
.web-contact-info {
  padding: 2.5rem;
  border-right: 1px solid #cfe6ee;
  background: linear-gradient(160deg, #e3f2f7 0%, #f3f9fb 100%);
}
[data-bs-theme=dark] .web-contact-info {
  border-right-color: rgba(43, 134, 166, 0.35);
  background: linear-gradient(160deg, rgba(43, 134, 166, 0.22) 0%, rgba(43, 134, 166, 0.08) 100%);
}
.web-contact-form {
  padding: 2.5rem;
  scroll-margin-top: 6rem;
}
.web-contact-title {
  margin: 0 0 0.5rem;
  font-family: "Source Serif 4", Georgia, serif;
  font-size: var(--web-fs-xl);
  font-weight: 600;
  color: var(--bs-gray-900);
}
.web-contact-lead {
  margin: 0 0 1.75rem;
  font-size: var(--web-fs-sm);
  line-height: 1.65;
  color: var(--bs-gray-700);
}
.web-contact-items {
  display: grid;
  gap: 1.25rem;
  margin: 0 0 2rem;
  padding: 0;
  list-style: none;
}
.web-contact-item {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.web-contact-icon {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  background-color: #2b86a6;
}
.web-contact-icon i {
  font-size: 1.3rem;
  color: #ffffff;
}
.web-contact-label {
  display: block;
  font-size: var(--web-fs-2xs);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #2b86a6;
}
.web-contact-value {
  display: block;
  font-size: var(--web-fs-base);
  font-weight: 600;
  color: var(--bs-gray-900);
}
a.web-contact-value:hover {
  color: #1f6f8c;
}
.web-contact-note {
  padding: 1.25rem;
  border-left: 3px solid #2b86a6;
  background-color: var(--bs-body-bg);
  font-size: var(--web-fs-sm);
}
.web-contact-note strong {
  display: block;
  margin-bottom: 0.35rem;
  color: var(--bs-gray-900);
}
.web-contact-note p {
  margin: 0 0 0.6rem;
  line-height: 1.6;
  color: var(--bs-gray-700);
}
.web-contact-note a {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-weight: 600;
  color: #2b86a6;
}
.web-contact-note a i {
  font-size: 1rem;
  color: inherit;
}
.web-contact-form .form-label {
  font-size: var(--web-fs-sm);
  font-weight: 600;
  color: var(--bs-gray-800);
}
.web-contact-form .form-control {
  font-size: var(--web-fs-base);
}
.web-contact-form .form-control:focus {
  border-color: #2b86a6;
  box-shadow: 0 0 0 0.2rem rgba(43, 134, 166, 0.15);
}
.web-contact-required {
  font-size: var(--web-fs-xs);
  color: var(--bs-gray-500);
}
.web-contact-trap {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .web-contact {
    grid-template-columns: minmax(0, 1fr);
  }
  .web-contact-info {
    border-right: 0;
    border-bottom: 1px solid #cfe6ee;
  }
}
@media (max-width: 767.98px) {
  .web-contact-info,
  .web-contact-form {
    padding: 1.5rem;
  }
}
/* Abone Ol sayfası: İletişim sayfasının iki sütunlu düzenini (web-contact) kullanır; burada yalnızca soldaki madde başlığı ve açıklaması, formdaki
   KVKK onay metni ve onay kutusunun sitenin mavisi tanımlıdır. */
.web-subscribe-point {
  align-items: flex-start;
}
.web-subscribe-point-title {
  display: block;
  font-size: var(--web-fs-base);
  font-weight: 600;
  color: var(--bs-gray-900);
}
.web-subscribe-point-text {
  display: block;
  margin-top: 0.15rem;
  font-size: var(--web-fs-sm);
  line-height: 1.55;
  color: var(--bs-gray-700);
}
.web-subscribe-consent {
  font-size: var(--web-fs-sm);
  line-height: 1.55;
  color: var(--bs-gray-700);
}
.web-contact-form .form-check-input:checked {
  border-color: #2b86a6;
  background-color: #2b86a6;
}
/* Duyurular: sabit rozeti, detay sayfasında tarih satırı, giriş (özet) paragrafı, geri bağlantısı ve yan sütundaki diğer duyurular. */
.web-announcement-pin {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  margin-right: 0.5rem;
  padding: 0.15rem 0.55rem;
  border-radius: 2rem;
  background-color: #2b86a6;
  font-family: Inter, sans-serif;
  font-size: var(--web-fs-2xs);
  font-weight: 600;
  vertical-align: middle;
  color: #ffffff;
}
.web-announcement-pin i {
  font-size: 0.95rem;
  color: inherit;
}
.web-announcement-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem 1.25rem;
  margin-bottom: 1.25rem;
  font-size: var(--web-fs-sm);
  font-weight: 600;
  color: #1f6f8c;
}
.web-announcement-meta > span:first-child {
  display: inline-flex;
  align-items: center;
}
.web-announcement-meta i {
  margin-right: 0.4rem;
  font-size: 1.25rem;
  color: inherit;
}
.web-announcement-meta .web-announcement-pin i {
  margin-right: 0;
  font-size: 0.95rem;
}
.web-announcement-lead {
  max-width: 820px;
  margin-bottom: 1.75rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--bs-gray-200);
  font-family: "Source Serif 4", Georgia, serif;
  font-size: var(--web-fs-lg);
  line-height: 1.6;
  color: var(--bs-gray-800);
}
.web-announcement-back {
  margin-top: 2.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--bs-gray-200);
}
.web-announcement-back i {
  color: inherit;
}
.web-announcement-others {
  margin: 0;
  padding: 0;
  list-style: none;
}
.web-announcement-others li + li {
  border-top: 1px dashed var(--bs-gray-300);
}
.web-announcement-others a {
  display: block;
  padding: 0.85rem 0;
}
.web-announcement-others-date {
  display: block;
  margin-bottom: 0.2rem;
  font-size: var(--web-fs-2xs);
  font-weight: 600;
  color: #2b86a6;
}
.web-announcement-others-title {
  display: block;
  font-family: "Source Serif 4", Georgia, serif;
  font-size: var(--web-fs-base);
  font-weight: 600;
  line-height: 1.4;
  color: var(--bs-gray-900);
}
.web-announcement-others a:hover .web-announcement-others-title {
  color: #2b86a6;
}
/* Duyuru ekleri: metnin altında, her dosya bir satır (tür rozeti, ad ve boyut, indir). */
.web-announcement-files {
  margin-top: 2.5rem;
}
.web-announcement-files-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  font-size: var(--web-fs-md);
  font-weight: 700;
  color: var(--bs-gray-900);
}
.web-announcement-files-title i {
  font-size: 1.35rem;
  color: #2b86a6;
}
.web-announcement-files ul {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.web-announcement-file {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.85rem 1rem;
  border: 1px solid var(--bs-gray-200);
  border-radius: 0.75rem;
  background-color: var(--bs-body-bg);
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
.web-announcement-file:hover {
  border-color: #2b86a6;
  background-color: rgba(43, 134, 166, 0.05);
}
.web-announcement-file-type {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3rem;
  border-radius: 0.6rem;
  background-color: rgba(43, 134, 166, 0.1);
  font-size: var(--web-fs-2xs);
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #1f6f8c;
}
.web-announcement-file-body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-width: 0;
}
.web-announcement-file-name {
  overflow: hidden;
  font-size: var(--web-fs-base);
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--bs-gray-900);
}
.web-announcement-file-meta {
  font-size: var(--web-fs-2xs);
  color: var(--bs-gray-600);
}
.web-announcement-file-action {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 0.35rem;
  font-size: var(--web-fs-sm);
  font-weight: 600;
  color: #2b86a6;
}
.web-announcement-file-action i {
  font-size: 1.25rem;
  color: inherit;
}
@media (max-width: 575.98px) {
  .web-announcement-file-action span {
    display: none;
  }
}
/* Arşiv sayfası: üstte toplam sayı ve süzgeç (yıl, dönem, sayı no; GET formu), altında her yıl ayrı köşesiz kart (başlık şeridi Dergi Kurulları ile aynı; yıl ve
   cilt). Kartta yılın sayıları kutucuktur: solda küçük kapak, sağda sayı numarası (serif), dönem ve yıl, makale sayısı ve tarih. En yeni sayı mavi
   çerçeveli ve "Güncel Sayı", dönemsiz sayı "Özel Sayı" rozetlidir. Geniş ekranda dört, tablette iki, telefonda tek sütun. */
.web-archive-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem 2rem;
  margin-bottom: 1.75rem;
  padding: 1.25rem 1.5rem;
  border: 1px solid var(--bs-gray-200);
  border-top: 3px solid #2b86a6;
  background-color: var(--bs-body-bg);
}
.web-archive-total {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  align-self: center;
  font-family: "Source Serif 4", Georgia, serif;
  font-size: var(--web-fs-md);
  font-weight: 600;
  color: var(--bs-gray-900);
}
.web-archive-total > span {
  display: flex;
  flex-direction: column;
}
.web-archive-total small {
  font-family: Inter, Helvetica, sans-serif;
  font-size: var(--web-fs-xs);
  font-weight: 600;
  color: #2b86a6;
}
.web-archive-total i {
  font-size: 1.75rem;
  color: #2b86a6;
}
.web-archive-fields {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.75rem;
}
.web-archive-field {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  width: 10.5rem;
}
.web-archive-field.is-period {
  width: 12rem;
}
.web-archive-field.is-number {
  width: 8rem;
}
.web-archive-field label {
  font-size: var(--web-fs-2xs);
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--bs-gray-600);
}
.web-archive-field .form-select,
.web-archive-field .form-control {
  font-size: var(--web-fs-sm);
}
.web-archive-actions {
  display: flex;
  gap: 0.5rem;
}
.web-archive-actions .btn {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.web-archive {
  display: grid;
  gap: 1.75rem;
}
.web-archive-year {
  scroll-margin-top: 6rem;
  border: 1px solid var(--bs-gray-200);
  background-color: var(--bs-body-bg);
}
.web-archive-year-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #cfe6ee;
  background: linear-gradient(90deg, #dff0f5 0%, #eef7fa 100%);
}
.web-archive-year-title {
  position: relative;
  margin: 0;
  padding-left: 0.9rem;
  font-family: "Source Serif 4", Georgia, serif;
  font-size: var(--web-fs-read);
  font-weight: 600;
  letter-spacing: 0.01em;
  color: #1f6f8c;
}
.web-archive-year-title::before {
  content: "";
  position: absolute;
  top: 0.2em;
  bottom: 0.2em;
  left: 0;
  width: 3px;
  border-radius: 2px;
  background-color: #2b86a6;
}
.web-archive-volume {
  font-size: var(--web-fs-xs);
  font-weight: 600;
  color: #1f6f8c;
}
.web-archive-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.25rem;
  padding: 1.5rem;
}
.web-archive-issue {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem;
  border: 1px solid var(--bs-gray-200);
  background-color: var(--bs-body-bg);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.web-archive-issue:hover {
  border-color: rgba(43, 134, 166, 0.45);
  box-shadow: 0 8px 24px rgba(31, 111, 140, 0.1);
}
.web-archive-issue.is-current {
  border-color: #2b86a6;
  box-shadow: inset 3px 0 0 #2b86a6;
}
.web-archive-cover {
  flex-shrink: 0;
  width: 76px;
  height: auto;
  aspect-ratio: 3/4;
  object-fit: cover;
  border-radius: 0.2rem;
  box-shadow: 0 6px 14px rgba(31, 111, 140, 0.18);
}
.web-archive-body {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.web-archive-badge {
  align-self: flex-start;
  margin-bottom: 0.4rem;
  padding: 0.15rem 0.5rem;
  background-color: #2b86a6;
  font-size: var(--web-fs-2xs);
  font-weight: 600;
  color: #ffffff;
}
.web-archive-badge.is-special {
  background-color: #b7791f;
}
.web-archive-number {
  font-family: "Source Serif 4", Georgia, serif;
  font-size: var(--web-fs-lg);
  font-weight: 700;
  line-height: 1.2;
  color: var(--bs-gray-900);
}
.web-archive-issue:hover .web-archive-number {
  color: #1f6f8c;
}
.web-archive-period {
  margin-top: 0.15rem;
  font-size: var(--web-fs-sm);
  font-weight: 600;
  color: #2b86a6;
}
.web-archive-meta {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  margin-top: 0.6rem;
  font-size: var(--web-fs-xs);
  color: var(--bs-gray-600);
}
.web-archive-meta span {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}
.web-archive-meta i {
  font-size: 0.95rem;
  color: var(--bs-gray-500);
}
[data-bs-theme=dark] .web-archive-year-head {
  border-bottom-color: rgba(43, 134, 166, 0.35);
  background: linear-gradient(90deg, rgba(43, 134, 166, 0.28) 0%, rgba(43, 134, 166, 0.12) 100%);
}
[data-bs-theme=dark] .web-archive-year-title,
[data-bs-theme=dark] .web-archive-volume,
[data-bs-theme=dark] .web-archive-issue:hover .web-archive-number {
  color: #8fd3e0;
}
@media (max-width: 1199.98px) {
  .web-archive-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .web-archive-filter,
  .web-archive-year-head {
    padding: 0.9rem 1rem;
  }
  .web-archive-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    padding: 1rem;
  }
  .web-archive-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }
  .web-archive-field,
  .web-archive-field.is-period,
  .web-archive-field.is-number {
    width: auto;
  }
  .web-archive-actions {
    grid-column: 1 / -1;
  }
  .web-archive-actions .btn {
    flex: 1;
    justify-content: center;
  }
}
/* Sayı detayı: üst panel anasayfadaki Güncel Sayı paneliyle aynıdır (kapak, dosyalar, sunuş, sayı bilgileri); içindekiler kartının başlık şeridi
   arşivdeki yıl kartlarıyla aynıdır. Her yazı bir satırdır: serif başlık, yazarlar, DOI; sağda sayfa aralığı (PDF makale sayfasındadır). En altta önceki sayı, Tüm
   Sayılar ve sonraki sayı. */
.web-issue-detail-cover {
  position: relative;
}
.web-issue-detail-cover .web-archive-badge {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  margin: 0;
}
.web-issue-contents-body {
  padding: 0.5rem 1.5rem 1rem;
}
.web-issue-contents-body .web-toc-title {
  margin: 1.25rem 0 0;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--bs-gray-300);
  color: #1f6f8c;
}
.web-issue-toc {
  margin: 0;
  padding: 0;
  list-style: none;
}
.web-issue-toc .web-toc-item:last-child {
  border-bottom: 0;
}
.web-issue-toc-doi {
  display: inline-block;
  margin-top: 0.35rem;
  font-family: var(--bs-font-monospace);
  font-size: var(--web-fs-2xs);
  color: #2b86a6;
  word-break: break-all;
}
.web-issue-toc-doi:hover {
  color: #1f6f8c;
  text-decoration: underline;
}
.web-issue-pager {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 1rem;
}
.web-issue-pager-link {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  padding: 1rem 1.25rem;
  border: 1px solid var(--bs-gray-200);
  background-color: var(--bs-body-bg);
  font-family: "Source Serif 4", Georgia, serif;
  font-size: var(--web-fs-base);
  font-weight: 600;
  color: var(--bs-gray-900);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.web-issue-pager-link.is-next {
  justify-content: flex-end;
  text-align: right;
}
.web-issue-pager-link span {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.web-issue-pager-link small {
  font-family: Inter, Helvetica, sans-serif;
  font-size: var(--web-fs-2xs);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--bs-gray-500);
}
.web-issue-pager-link i {
  font-size: 1.5rem;
  color: #2b86a6;
}
.web-issue-pager-link:hover {
  border-color: rgba(43, 134, 166, 0.45);
  box-shadow: 0 8px 24px rgba(31, 111, 140, 0.1);
  color: #1f6f8c;
}
.web-issue-pager-back {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: var(--web-fs-sm);
  font-weight: 600;
  color: #2b86a6;
}
.web-issue-pager-back i {
  font-size: 1.2rem;
  color: inherit;
}
[data-bs-theme=dark] .web-issue-contents-body .web-toc-title {
  color: #8fd3e0;
}
@media (max-width: 767.98px) {
  .web-issue-contents-body {
    padding: 0.25rem 1rem 0.75rem;
  }
  .web-issue-toc .web-toc-item {
    flex-direction: column;
    gap: 0.5rem;
  }
  .web-issue-pager {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  .web-issue-pager-back {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-content: center;
  }
}
/* Makale detayı: solda tür ve sayı satırı, yazarlar (serif ad, kurum numarası, yeşil ORCID iD, sorumlu yazar simgesi), kurumlar, özler, atıf kutusu
   ve kaynakça (ilk beşi görünür; gizli onay kutusuyla açılır); sağda yapışkan sütun: tam metin düğmesi, makale bilgileri, yayımlandığı sayı. */
.web-article {
  padding: 2rem 2.25rem;
  border: 1px solid var(--bs-gray-200);
  background-color: var(--bs-body-bg);
}
.web-article-kicker {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 1rem;
  margin-bottom: 1.5rem;
  font-size: var(--web-fs-sm);
}
.web-article-type {
  padding: 0.2rem 0.6rem;
  background-color: #2b86a6;
  font-size: var(--web-fs-2xs);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #ffffff;
}
.web-article-kicker a {
  font-weight: 600;
  color: #1f6f8c;
}
.web-article-kicker a:hover {
  text-decoration: underline;
}
.web-article-authors {
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--bs-gray-200);
}
.web-article-authors ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1.75rem;
  margin: 0 0 0.85rem;
  padding: 0;
  list-style: none;
}
.web-article-authors ul > li {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}
.web-article-author {
  font-family: "Source Serif 4", Georgia, serif;
  font-size: var(--web-fs-md);
  font-weight: 600;
  color: var(--bs-gray-900);
}
.web-article-author sup,
.web-article-affiliations sup {
  margin-left: 0.1rem;
  font-family: Inter, Helvetica, sans-serif;
  font-size: 0.7em;
  font-weight: 700;
  color: #2b86a6;
}
.web-article-orcid {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.15rem;
  height: 1.15rem;
  border-radius: 50%;
  background-color: #a6ce39;
  font-size: 0.58rem;
  font-weight: 700;
  line-height: 1;
  color: #ffffff;
}
.web-article-orcid:hover {
  color: #ffffff;
  box-shadow: 0 0 0 3px rgba(166, 206, 57, 0.3);
}
.web-article-corresponding i {
  font-size: 1.15rem;
  color: var(--bs-gray-500);
}
.web-article-affiliations {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--web-fs-xs);
  line-height: 1.6;
  color: var(--bs-gray-600);
}
.web-article-affiliations sup {
  margin: 0 0.3rem 0 0;
}
/* Kurumlar yan yana akar; numara kurumun başına bitişik durur, kurumlar arasında dikey ayraç vardır. Satıra sığmayan kurum alt satıra iner. */
.web-article-affiliations {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.web-article-affiliations li {
  display: inline-flex;
  align-items: baseline;
}
.web-article-affiliations li + li::before {
  content: "";
  align-self: center;
  width: 1px;
  height: 0.9em;
  margin: 0 0.75rem;
  background-color: var(--bs-gray-300);
}
.web-article-affiliations sup {
  margin-right: 0.2rem;
}
.web-article-abstract {
  margin-bottom: 2rem;
}
.web-article-alt-title {
  margin-bottom: 0.75rem;
  font-family: "Source Serif 4", Georgia, serif;
  font-size: var(--web-fs-md);
  font-style: italic;
  font-weight: 600;
  line-height: 1.4;
  color: var(--bs-gray-800);
}
.web-article-abstract p {
  margin-bottom: 1rem;
  font-family: "Source Serif 4", Georgia, serif;
  font-size: var(--web-fs-read);
  line-height: 1.75;
  text-align: justify;
  hyphens: auto;
  color: var(--bs-gray-700);
}
.web-article-keywords {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--web-fs-sm);
}
.web-article-keywords > span {
  margin-right: 0.25rem;
  font-weight: 700;
  color: var(--bs-gray-800);
}
.web-article-reference-list {
  margin: 0;
  padding-left: 1.5rem;
  font-size: var(--web-fs-sm);
  line-height: 1.6;
  color: var(--bs-gray-700);
}
.web-article-reference-list li {
  margin-bottom: 0.6rem;
  padding-left: 0.25rem;
}
.web-article-reference-list li::marker {
  font-weight: 600;
  color: var(--bs-gray-500);
}
.web-article-reference-list li.is-extra,
.web-references-close,
.web-references-toggle:checked ~ .web-references-more .web-references-open {
  display: none;
}
.web-references-toggle:checked + .web-article-reference-list li.is-extra {
  display: list-item;
}
.web-references-toggle:checked ~ .web-references-more .web-references-close,
.web-references-open {
  display: inline-flex;
  align-items: center;
}
.web-references-more {
  cursor: pointer;
  user-select: none;
}
.web-references-more i {
  color: inherit;
}
.web-issue-pager-title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: var(--web-fs-sm);
  line-height: 1.4;
}
.web-article-aside {
  position: sticky;
  top: 1.5rem;
  display: grid;
  gap: 1.5rem;
}
.web-article-aside > .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.9rem;
  padding-bottom: 0.9rem;
}
.web-article-box {
  padding: 1.5rem;
  border: 1px solid var(--bs-gray-200);
  background-color: var(--bs-body-bg);
}
.web-article-facts {
  margin: 0;
}
.web-article-facts > div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.6rem 0;
  border-bottom: 1px dashed var(--bs-gray-300);
}
.web-article-facts > div:last-child {
  border-bottom: 0;
}
.web-article-facts dt {
  flex-shrink: 0;
  font-size: var(--web-fs-xs);
  font-weight: 500;
  color: var(--bs-gray-600);
}
/* Uzun değer (DOI) etiketi sıkıştırmaz; sağda kendi içinde alt satıra kayar. */
.web-article-facts dd {
  min-width: 0;
  margin: 0;
  font-size: var(--web-fs-sm);
  font-weight: 600;
  text-align: right;
  color: var(--bs-gray-900);
}
.web-article-issue {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.web-article-issue-link {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: 0.75rem;
  font-size: var(--web-fs-xs);
  font-weight: 600;
  color: #2b86a6;
}
.web-article-issue-link i {
  font-size: 0.95rem;
  color: inherit;
}
.web-article-issue:hover .web-archive-number {
  color: #1f6f8c;
}
[data-bs-theme=dark] .web-article-kicker a {
  color: #8fd3e0;
}
@media (max-width: 991.98px) {
  .web-article-aside {
    position: static;
  }
}
@media (max-width: 767.98px) {
  .web-article {
    padding: 1.25rem 1rem;
  }
  .web-article-abstract p {
    text-align: left;
  }
}
/* Panel editörünün (Quill) biçim sınıfları sitede: hizalama, girinti, yazı boyutu; kod bloğu ve görsel. Sınıflar SafeHtml'in izin listesindedir. */
.web-prose .ql-align-center {
  text-align: center;
}
.web-prose .ql-align-right {
  text-align: right;
}
.web-prose .ql-align-justify {
  text-align: justify;
  hyphens: auto;
}
.web-prose .ql-indent-1 { padding-left: 3em; }
.web-prose .ql-indent-2 { padding-left: 6em; }
.web-prose .ql-indent-3 { padding-left: 9em; }
.web-prose .ql-indent-4 { padding-left: 12em; }
.web-prose .ql-indent-5 { padding-left: 15em; }
.web-prose .ql-indent-6 { padding-left: 18em; }
.web-prose .ql-indent-7 { padding-left: 21em; }
.web-prose .ql-indent-8 { padding-left: 24em; }
.web-prose .ql-size-small {
  font-size: 0.8em;
}
.web-prose .ql-size-large {
  font-size: 1.4em;
}
.web-prose .ql-size-huge {
  font-size: 2em;
  line-height: 1.3;
}
.web-prose pre {
  padding: 1rem 1.25rem;
  overflow-x: auto;
  border-radius: 0.4rem;
  background-color: var(--bs-gray-100);
  font-family: var(--bs-font-monospace);
  font-size: var(--web-fs-sm);
  line-height: 1.6;
  white-space: pre-wrap;
  color: var(--bs-gray-800);
}
.web-prose img {
  display: inline-block;
}
.web-prose p > img:only-child {
  display: block;
  margin: 0.5rem 0;
}
.web-prose .ql-align-center > img:only-child {
  margin-right: auto;
  margin-left: auto;
}
.web-prose .ql-align-right > img:only-child {
  margin-left: auto;
}
@media (max-width: 767.98px) {
  .web-prose [class*="ql-indent-"] {
    padding-left: 1.5em;
  }
}

/* Hata sayfaları (resources/views/errors; <x-web.error> düzen içinde, <x-web.error-static> 500/503 bağımsız): soluk büyük kod, halkalı simge,
   rozet, serif başlık, açıklama, düğmeler; 404'te kısa sayfa bağlantıları. */
.web-error {
  position: relative;
  overflow: hidden;
  padding: 4rem 1.5rem 3.5rem;
  border-radius: 0.6rem;
  background: radial-gradient(circle at 50% 0%, rgba(43, 134, 166, 0.1) 0%, transparent 60%), var(--bs-body-bg);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
  text-align: center;
}
.web-error-code {
  position: absolute;
  left: 50%;
  top: 0.5rem;
  transform: translateX(-50%);
  font-family: "Source Serif 4", Georgia, serif;
  font-size: clamp(8rem, 22vw, 14rem);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.4rem;
  color: #2b86a6;
  opacity: 0.07;
  user-select: none;
  pointer-events: none;
}
.web-error-icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 108px;
  height: 108px;
  margin: 1.5rem 0 2.25rem;
  border-radius: 50%;
  background-color: rgba(43, 134, 166, 0.12);
  box-shadow: 0 0 0 12px rgba(43, 134, 166, 0.06), 0 0 0 24px rgba(43, 134, 166, 0.03);
}
.web-error-icon i {
  font-size: 3rem;
  color: #2b86a6;
}
.web-error-badge {
  position: relative;
  display: table;
  margin: 0 auto 1rem;
  padding: 0.3rem 0.8rem;
  border-radius: 0.35rem;
  background-color: #2b86a6;
  color: #ffffff;
  font-size: var(--web-fs-xs);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.web-error-title {
  position: relative;
  margin-bottom: 0.75rem;
  font-family: "Source Serif 4", Georgia, serif;
  font-size: var(--web-fs-2xl);
  font-weight: 600;
  color: var(--bs-gray-900);
}
.web-error-text {
  position: relative;
  max-width: 560px;
  margin: 0 auto 2rem;
  font-size: var(--web-fs-base);
  line-height: 1.65;
  color: var(--bs-gray-600);
}
.web-error-actions {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
}
.web-error-links {
  position: relative;
  max-width: 640px;
  margin: 2.75rem auto 0;
  padding-top: 1.75rem;
  border-top: 1px dashed var(--bs-gray-300);
}
.web-error-links h3 {
  margin-bottom: 1rem;
  font-size: var(--web-fs-xs);
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--bs-gray-600);
}
.web-error-links ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.6rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.web-error-links a {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.55rem 1rem;
  border: 1px solid var(--bs-gray-300);
  border-radius: 0.45rem;
  font-size: var(--web-fs-sm);
  font-weight: 600;
  color: var(--bs-gray-800);
}
.web-error-links a i {
  font-size: 1.15rem;
  color: #2b86a6;
}
.web-error-links a:hover {
  border-color: #2b86a6;
  color: #2b86a6;
}
body.web-error-static {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background-color: var(--bs-gray-100);
}
@media (max-width: 575.98px) {
  .web-error {
    padding: 3rem 1rem 2.5rem;
  }
  .web-error-actions .btn {
    width: 100%;
  }
}

/* Kapağı olmayan sayının yer tutucusu (<x-web.issue-cover>): kapakla aynı ölçüde, logo rengi zeminde dergi adı ve sayı numarası. */
.web-cover-fallback {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.15em;
  aspect-ratio: 707/1000;
  background: linear-gradient(160deg, #6db3c7 0%, #2b86a6 100%);
  color: #ffffff;
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  line-height: 1;
  container-type: inline-size;
}
.web-cover-fallback-name {
  font-size: max(14px, 22cqi);
  font-weight: 700;
}
.web-cover-fallback-number {
  font-size: max(11px, 12cqi);
  font-style: normal;
  font-family: inherit;
  opacity: 0.9;
}
.web-issue-cover-img.web-cover-fallback {
  width: 100%;
}

/* Makale sayfası: Görseller ve Tablolar. Görsel ve şekiller önizleme ızgarasında (oranı korunur, tıklayınca tam boyut yeni sekmede), tablolar
   kapalı başlayan <details> kutularında; geniş tablo kendi içinde yana kayar. Yan sütundaki özet kartı sayımlar ve küçük önizlemelerdir. */
.web-article-components {
  margin-bottom: 2rem;
}
.web-component-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 1.5rem 1.25rem;
  margin-bottom: 1.5rem;
}
.web-component {
  margin: 0;
  scroll-margin-top: 1.5rem;
}
.web-component-media {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 4/3;
  padding: 0.5rem;
  border: 1px solid var(--bs-gray-200);
  background-color: var(--bs-gray-100);
  overflow: hidden;
}
.web-component-media img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  transition: transform 0.2s ease;
}
.web-component-media:hover img {
  transform: scale(1.03);
}
.web-component figcaption {
  margin-top: 0.6rem;
  font-size: var(--web-fs-xs);
  line-height: 1.5;
  color: var(--bs-gray-700);
}
.web-component figcaption strong,
.web-component-table-title strong {
  color: var(--bs-gray-900);
}
.web-component-source {
  display: block;
  margin-top: 0.25rem;
  font-size: var(--web-fs-2xs);
  font-style: italic;
  color: var(--bs-gray-600);
}
.web-component-table {
  margin-bottom: 0.75rem;
  border: 1px solid var(--bs-gray-200);
  scroll-margin-top: 1.5rem;
}
.web-component-table summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.85rem 1rem;
  list-style: none;
  cursor: pointer;
  font-size: var(--web-fs-sm);
  line-height: 1.5;
  color: var(--bs-gray-700);
}
.web-component-table summary::-webkit-details-marker {
  display: none;
}
.web-component-table summary:hover {
  background-color: var(--bs-gray-100);
}
.web-component-table-toggle {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 0.35rem;
  font-size: var(--web-fs-xs);
  font-weight: 600;
  color: #2b86a6;
}
.web-component-table-toggle i {
  font-size: 0.9rem;
  color: inherit;
  transition: transform 0.2s ease;
}
.web-component-table .is-close,
.web-component-table[open] .is-open {
  display: none;
}
.web-component-table[open] .is-close {
  display: inline;
}
.web-component-table[open] .web-component-table-toggle i {
  transform: rotate(180deg);
}
.web-component-table-body {
  overflow-x: auto;
  padding: 0 1rem 1rem;
}
.web-component-table-body table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--web-fs-xs);
  line-height: 1.45;
  color: var(--bs-gray-800);
}
.web-component-table-body th,
.web-component-table-body td {
  padding: 0.45rem 0.6rem;
  border: 1px solid var(--bs-gray-300);
  vertical-align: top;
}
.web-component-table-body tr:first-child > *,
.web-component-table-body th {
  background-color: #eef7fa;
  font-weight: 600;
  color: var(--bs-gray-900);
}
/* Makale metni (HTML tam metin): kutusuz; baş kısmı görünür ve altı silikleşir, Devamını oku (gizli onay kutusu) tamamını açar. */
.web-article-fulltext {
  margin-bottom: 2rem;
}
.web-fulltext-body {
  position: relative;
  max-height: 32rem;
  overflow: hidden;
  font-family: "Source Serif 4", Georgia, serif;
  font-size: var(--web-fs-read);
  line-height: 1.75;
  color: var(--bs-gray-800);
  overflow-wrap: break-word;
}
.web-fulltext-body h2,
.web-fulltext-body h3,
.web-fulltext-body h4,
.web-fulltext-body h5,
.web-fulltext-body h6 {
  margin: 1.75rem 0 0.75rem;
  font-family: inherit;
  font-weight: 700;
  line-height: 1.35;
  color: var(--bs-gray-900);
}
.web-fulltext-body h2 { font-size: var(--web-fs-xl); }
.web-fulltext-body h3 { font-size: var(--web-fs-lg); }
.web-fulltext-body h4,
.web-fulltext-body h5,
.web-fulltext-body h6 { font-size: var(--web-fs-md); }
.web-fulltext-body > :first-child {
  margin-top: 0;
}
.web-fulltext-body p {
  margin-bottom: 1rem;
  text-align: justify;
  hyphens: auto;
}
.web-fulltext-body .ql-align-center { text-align: center; }
.web-fulltext-body .ql-align-right { text-align: right; }
.web-fulltext-body ul,
.web-fulltext-body ol {
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}
.web-fulltext-body a {
  color: #2b86a6;
  overflow-wrap: anywhere;
}
.web-fulltext-body figure {
  margin: 1.5rem 0;
  text-align: center;
}
.web-fulltext-body img {
  max-width: 100%;
  height: auto;
}
.web-fulltext-body table {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 1.25rem 0;
  overflow-x: auto;
  border-collapse: collapse;
  font-family: var(--bs-body-font-family);
  font-size: var(--web-fs-xs);
  line-height: 1.45;
}
.web-fulltext-body th,
.web-fulltext-body td {
  padding: 0.45rem 0.6rem;
  border: 1px solid var(--bs-gray-300);
  vertical-align: top;
}
.web-fulltext-body th {
  background-color: #eef7fa;
  font-weight: 600;
  color: var(--bs-gray-900);
}
.web-fulltext-body hr {
  margin: 2rem 0 1rem;
}
.web-fulltext-body hr + ol {
  font-family: var(--bs-body-font-family);
  font-size: var(--web-fs-xs);
  line-height: 1.6;
  color: var(--bs-gray-700);
}
.web-fulltext-body::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 7rem;
  background: linear-gradient(to bottom, transparent, var(--bs-body-bg));
  pointer-events: none;
}
.web-fulltext-toggle:checked + .web-fulltext-body,
.web-fulltext-body.is-short {
  max-height: none;
}
.web-fulltext-toggle:checked + .web-fulltext-body::after,
.web-fulltext-body.is-short::after,
.web-fulltext-close,
.web-fulltext-toggle:checked ~ .web-fulltext-more .web-fulltext-open {
  display: none;
}
.web-fulltext-toggle:checked ~ .web-fulltext-more .web-fulltext-close,
.web-fulltext-open {
  display: inline-flex;
  align-items: center;
}
.web-fulltext-more {
  margin-top: 0.75rem;
  cursor: pointer;
  user-select: none;
}
.web-fulltext-more i {
  color: inherit;
}
.web-fulltext-toggle:focus-visible ~ .web-fulltext-more {
  outline: 2px solid #2b86a6;
  outline-offset: 2px;
}
[data-bs-theme=dark] .web-fulltext-body th {
  background-color: rgba(43, 134, 166, 0.16);
}
[data-bs-theme=dark] .web-fulltext-body a {
  color: #8fd3e0;
}
@media (max-width: 575.98px) {
  .web-fulltext-body {
    max-height: 26rem;
    font-size: var(--web-fs-base);
  }
}
.web-component-table > .web-component-source {
  padding: 0 1rem 1rem;
}
/* Bölüm kaynakça gibi kısa başlar: fazlası gizli, onay kutusu işaretlenince ya da yan sütundan bağlantıyla (:target) gelinince görünür. */
.web-component.is-extra,
.web-component-table.is-extra,
.web-components-close,
.web-components-toggle:checked ~ .web-components-more .web-components-open {
  display: none;
}
.web-components-toggle:checked ~ .web-component-grid .web-component.is-extra,
.web-component.is-extra:target {
  display: block;
}
.web-components-toggle:checked ~ .web-component-table.is-extra,
.web-component-table.is-extra:target {
  display: block;
}
.web-components-toggle:checked ~ .web-components-more .web-components-close,
.web-components-open {
  display: inline-flex;
  align-items: center;
}
.web-components-more {
  margin-top: 0.25rem;
  cursor: pointer;
  user-select: none;
}
.web-components-more i {
  color: inherit;
}
/* Bileşen kartıyla yan sütun ekrandan uzun olabilir; yapışkan kalırsa alt kutulara kaydırarak ulaşılamaz. */
.web-article-aside.is-long {
  position: static;
}
.web-component-counts {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 1rem;
  margin-bottom: 1rem;
  font-size: var(--web-fs-sm);
  font-weight: 600;
}
.web-component-counts a {
  color: #1f6f8c;
}
.web-component-thumbs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.web-component-thumbs a {
  position: relative;
  display: block;
  aspect-ratio: 1;
  border: 1px solid var(--bs-gray-200);
  background-color: var(--bs-gray-100);
  overflow: hidden;
}
.web-component-thumbs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.web-component-thumbs a.is-more span {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(31, 111, 140, 0.72);
  font-size: var(--web-fs-lg);
  font-weight: 700;
  color: #ffffff;
}
[data-bs-theme=dark] .web-component-table-body tr:first-child > *,
[data-bs-theme=dark] .web-component-table-body th {
  background-color: rgba(43, 134, 166, 0.16);
}
[data-bs-theme=dark] .web-component-counts a,
[data-bs-theme=dark] .web-component-table-toggle {
  color: #8fd3e0;
}
@media (max-width: 575.98px) {
  .web-component-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem 0.75rem;
  }
}

/* Atıf İçin kartı (makalenin altında): başlık şeridinde RIS ve BibTeX; gövdede biçim düğmeleri (gizli radyo, JavaScript'siz), seçili biçimin
   metni ve altında Kopyala. */
.web-cite-export {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.web-cite-export a {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.3rem 0.7rem;
  border: 1px solid #b9dde8;
  background-color: var(--bs-body-bg);
  font-size: var(--web-fs-2xs);
  font-weight: 600;
  color: #1f6f8c;
}
.web-cite-export a:hover {
  border-color: #2b86a6;
  color: #2b86a6;
}
.web-cite-export a i {
  font-size: 0.95rem;
  color: inherit;
}
.web-cite-body {
  padding: 1.25rem 1.5rem 1.5rem;
}
.web-cite-styles {
  display: inline-flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  border: 1px solid var(--bs-gray-300);
}
.web-cite-style {
  padding: 0.4rem 1.1rem;
  border-right: 1px solid var(--bs-gray-300);
  cursor: pointer;
  font-size: var(--web-fs-xs);
  font-weight: 600;
  color: var(--bs-gray-700);
  user-select: none;
}
.web-cite-style:last-child {
  border-right: 0;
}
.web-cite-style:hover {
  color: #1f6f8c;
  background-color: #eef7fa;
}
#web_cite_apa:checked ~ .web-cite-styles .web-cite-style-apa,
#web_cite_mla:checked ~ .web-cite-styles .web-cite-style-mla,
#web_cite_chicago:checked ~ .web-cite-styles .web-cite-style-chicago,
#web_cite_isnad:checked ~ .web-cite-styles .web-cite-style-isnad {
  background-color: #2b86a6;
  color: #ffffff;
}
.web-cite-radio:focus-visible ~ .web-cite-styles {
  outline: 2px solid #2b86a6;
  outline-offset: 2px;
}
.web-cite-panel {
  display: none;
}
#web_cite_apa:checked ~ .web-cite-panel-apa,
#web_cite_mla:checked ~ .web-cite-panel-mla,
#web_cite_chicago:checked ~ .web-cite-panel-chicago,
#web_cite_isnad:checked ~ .web-cite-panel-isnad {
  display: block;
}
.web-cite-text {
  margin: 0;
  padding: 1rem 1.25rem;
  border-left: 3px solid #2b86a6;
  background-color: #f6fafc;
  font-family: "Source Serif 4", Georgia, serif;
  font-size: var(--web-fs-base);
  line-height: 1.7;
  color: var(--bs-gray-800);
}
.web-cite-text a {
  color: #1f6f8c;
  word-break: break-all;
}
.web-cite-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.75rem;
}
.web-cite-copy.is-copied {
  border-color: #2b86a6 !important;
  background-color: #2b86a6 !important;
  color: #ffffff !important;
}
.web-cite-copy.is-copied i {
  color: inherit;
}
[data-bs-theme=dark] .web-cite-text {
  background-color: rgba(43, 134, 166, 0.1);
}
[data-bs-theme=dark] .web-cite-style:hover {
  background-color: rgba(43, 134, 166, 0.15);
}
[data-bs-theme=dark] .web-cite-text a,
[data-bs-theme=dark] .web-cite-export a {
  color: #8fd3e0;
}
[data-bs-theme=dark] .web-cite-export a {
  border-color: rgba(143, 211, 224, 0.35);
}
@media (max-width: 575.98px) {
  .web-cite-body {
    padding: 1rem;
  }
  .web-cite-styles {
    display: flex;
  }
  .web-cite-style {
    flex: 1 1 0;
    padding-inline: 0.5rem;
    text-align: center;
  }
}

/* Makale sayfası yan sütunu: Yazarlar İçin kartı (diğer kutularla aynı çerçeve; kısa metin ve Makale Gönder). */
.web-author-cta p {
  margin-bottom: 1.25rem;
  font-size: var(--web-fs-sm);
  line-height: 1.6;
  color: var(--bs-gray-700);
}
.web-author-cta .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}