@font-face {
  font-family: "FiraSans";
  src: url("fonts/Fira_Sans/FiraSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "FiraSans";
  src: url("fonts/Fira_Sans/FiraSans-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "FiraSans";
  src: url("fonts/Fira_Sans/FiraSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "FiraSans";
  src: url("fonts/Fira_Sans/FiraSans-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

:root {
  --bg: #ffffff;
  --text: #222222;
  --muted: #666666;
  --line: #b8dce8;
  --header-band: #e7f1f2;
  --surface-soft: #fbfeff;
  --link: #0d6f98;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  font-family: "FiraSans", Helvetica, Arial, sans-serif;
  font-size: 15px;
  color: var(--text);
  background: var(--bg);
  line-height: 1.6;
}

h1,
h2,
h3 {
  font-family: "FiraSans", Helvetica, Arial, sans-serif;
  margin-top: 0;
}

.container {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 16px;
}

.topbar {
  border-bottom: 1px solid var(--line);
  background: var(--header-band);
}

.topbar-inner {
  display: grid;
  grid-template-columns: 140px minmax(180px, 1fr) auto;
  gap: 16px;
  align-items: center;
  min-height: 54px;
}

.logo {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  font-size: 1.28rem;
  font-weight: 400;
  letter-spacing: 0;
  color: #111111;
  text-decoration: none;
}

.logo img {
  width: 34px;
  height: 34px;
  object-fit: contain;
  flex: 0 0 auto;
}

.site-search input {
  width: 100%;
  height: 34px;
  border: 1px solid var(--line);
  border-right: 0;
  padding: 0 9px;
  font: inherit;
}

.site-search {
  width: min(420px, 100%);
  justify-self: center;
  display: flex;
  position: relative;
}

.site-search button {
  width: 34px;
  height: 34px;
  border: 1px solid var(--line);
  background: #f7f7f7;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
}

.site-search button:hover {
  background: #efefef;
}

.search-results {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: 4px 0 0;
  padding: 0;
  list-style: none;
  background: #ffffff;
  border: 1px solid var(--line);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  max-height: 60vh;
  overflow-y: auto;
  z-index: 50;
  display: none;
  font-size: 0.85rem;
}

.search-results.is-open {
  display: block;
}

.search-results li {
  margin: 0;
  border-bottom: 1px solid #eef2f3;
}

.search-results li:last-child {
  border-bottom: 0;
}

.search-results .search-empty,
.search-results .search-status {
  padding: 10px 12px;
  color: var(--muted);
}

.search-results a {
  display: block;
  padding: 8px 12px;
  color: #222222;
  text-decoration: none;
}

.search-results a:hover,
.search-results a:focus {
  background: var(--header-band);
  outline: none;
}

.search-results .search-title {
  font-weight: 600;
  color: #1a8f6a;
}

.search-results .search-section {
  font-size: 0.78rem;
  color: var(--muted);
  margin-top: 2px;
}

.search-results .search-snippet {
  font-size: 0.8rem;
  color: #333333;
  margin-top: 4px;
  line-height: 1.35;
}

.search-results mark {
  background: #fff3a8;
  color: inherit;
  padding: 0 1px;
}

.content-host mark.search-hit {
  background: #fff3a8;
  color: inherit;
  padding: 0 1px;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

a {
  color: var(--link);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.layout {
  padding-top: 14px;
  padding-bottom: 24px;
  display: grid;
  grid-template-columns: 240px 1fr 240px;
  gap: 24px;
}

.toc {
  position: sticky;
  top: 12px;
  align-self: start;
  border: 1px solid var(--line);
  padding: 12px;
  font-size: 0.92rem;
  background: #ffffff;
}

.toc h2 {
  font-size: 1.08rem;
  font-weight: 400;
  margin: -12px -12px 8px;
  padding: 8px 12px;
  background: var(--header-band);
  border-bottom: 1px solid var(--line);
}

.menu-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu-list li {
  margin: 0;
}

.menu-item {
  border-bottom: 1px solid #eef5f8;
}

.menu-item:last-child {
  border-bottom: 0;
}

.menu-list a {
  display: block;
  position: relative;
  padding: 4px 4px 4px 20px;
  font-size: 0.86rem;
  color: #222222;
}

.menu-toggle {
  width: 100%;
  border: 0;
  padding: 4px 22px 4px 20px;
  background: transparent;
  color: #222222;
  font: inherit;
  font-size: 0.86rem;
  text-align: left;
  position: relative;
  cursor: pointer;
}

.menu-toggle::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 11px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #9c9c9c;
}

.menu-toggle::after {
  content: "+";
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--muted);
  font-size: 0.9rem;
}

.menu-item.is-open > .menu-toggle::after {
  content: "-";
}

.menu-item.is-open > .menu-toggle::before,
.menu-toggle:hover::before {
  background: #1a8f6a;
}

.menu-toggle.is-active {
  color: #1a8f6a;
  font-weight: 700;
}

.menu-list a::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 11px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #9c9c9c;
}

.menu-list a:hover::before {
  background: #1a8f6a;
}

.submenu-list {
  list-style: none;
  margin: 4px 0 6px 8px;
  padding: 4px 0 4px 12px;
  display: none;
  border-left: 2px solid #cfe1de;
  background: #f3f8f9;
}

.menu-item.is-open > .submenu-list {
  display: block;
}

.menu-item.is-open > .menu-toggle {
  background: var(--header-band);
}

.submenu-list a {
  padding: 3px 4px 3px 16px;
  font-size: 0.8rem;
  color: #4b4b4b;
}

.submenu-list a.is-active {
  color: #1a8f6a;
  font-weight: 700;
}

.submenu-list a::before {
  left: 2px;
  top: 10px;
  width: 4px;
  height: 4px;
  background: #b7b7b7;
}

.content {
  font-family: "FiraSans", Helvetica, Arial, sans-serif;
  font-size: 0.94rem;
  min-width: 0;
  max-width: 720px;
}

.content-banner {
  font-size: 0.7rem;
  color: var(--muted);
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.content-banner a {
  color: inherit;
  text-decoration: none;
}

.content-banner a:hover,
.content-banner a:focus {
  text-decoration: underline;
}

.content-host {
  min-height: 74vh;
  font-family: Georgia, "Times New Roman", serif;
  line-height: 1.68;
  background: #ffffff;
  overflow-wrap: anywhere;
  word-break: normal;
  padding-top: 32px;
}

.content-host p,
.content-host li,
.content-host td,
.content-host th {
  overflow-wrap: anywhere;
}

.content-host h1,
.content-host h2,
.content-host h3,
.content-host h4,
.content-host h5,
.content-host h6 {
  font-family: "FiraSans", Helvetica, Arial, sans-serif;
}

.content-host h1,
.content-host h1 *,
.content-host h2,
.content-host h2 * {
  font-weight: 400 !important;
}

.content-host .WordSection1,
.content-host .WordSection2 {
  line-height: 1.62;
}

.content-host p.MsoNormal,
.content-host li.MsoNormal,
.content-host div.MsoNormal,
.content-host p.MsoFootnoteText,
.content-host li.MsoFootnoteText,
.content-host div.MsoFootnoteText {
  line-height: 1.62 !important;
  margin-bottom: 0.65rem !important;
}

.content-host h1,
.content-host h2,
.content-host h3,
.content-host h4,
.content-host h5,
.content-host h6,
.content-host .WordSection1 h1,
.content-host .WordSection1 h2,
.content-host .WordSection2 h1,
.content-host .WordSection2 h2 {
  line-height: 1.28 !important;
}

.content-host ol,
.content-host ul {
  margin-top: 0.3rem !important;
  margin-bottom: 0.8rem !important;
  padding-left: 1.35rem;
}

.content-host table {
  margin: 0.8rem 0 1.2rem;
}

.content-host table:not(.MsoNormalTable) {
  border-collapse: collapse;
  border: 1px solid #8fa9b7;
}

.content-host table:not(.MsoNormalTable) th,
.content-host table:not(.MsoNormalTable) td {
  border: 1px solid #8fa9b7;
  padding: 0.35rem 0.55rem;
  text-align: center;
  vertical-align: middle;
}

.content-host table:not(.MsoNormalTable) thead th {
  background: #f4fafc;
  font-family: "FiraSans", Helvetica, Arial, sans-serif;
  font-weight: 700;
}

.content-host img {
  max-width: 100%;
  height: auto;
}

.content-host p.warning-paragraph-trial {
  border: 1px solid #d46a6a;
  background: #fff8f8;
  border-radius: 2px;
  padding: 0.35rem 0.5rem;
  margin: 0.5rem 0;
}

/* Word'den gelen inline renk / font-family stillerini etkisizleÅŸtir
   (örn. 02 dosyasındaki "Düzeltme İşareti" bölümünde span'lara
   gömülmüş #6B6B6B / #4D4D4D ve font-family:"inherit",serif). */
.content-host p span,
.content-host li span,
.content-host h1 span,
.content-host h2 span,
.content-host h3 span,
.content-host h4 span,
.content-host h5 span,
.content-host h6 span,
.content-host b,
.content-host strong,
.content-host i,
.content-host em {
  color: inherit !important;
  font-family: inherit !important;
  background-color: transparent !important;
}

.content-host .dizin-jump {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin: 0.6rem 0 1rem;
  align-items: center;
}

.content-host .dizin-jump a {
  display: inline-block;
  min-width: 1.4rem;
  padding: 0.1rem 0.35rem;
  border: 1px solid #d6dfe5;
  border-radius: 3px;
  text-align: center;
  font-size: 0.86rem;
  background: #fbfdff;
}

.content-host .dizin-letter {
  margin-top: 1.1rem;
  border-top: 1px solid #edf1f4;
  padding-top: 0.5rem;
}

.content-host .dizin-list {
  margin-top: 0.2rem !important;
}

.content-host .dizin-empty {
  color: #707070;
}

.content-plain {
  margin: 0;
  white-space: pre-wrap;
  font-family: inherit;
}

.signature-block {
  width: max-content;
  max-width: 100%;
  margin-left: auto;
  text-align: center;
}

.signature-block.signature-left {
  margin-left: 0;
  text-align: left;
}

[data-content-link].is-active {
  color: #1a8f6a;
  font-weight: 700;
}

.right-panel {
  position: sticky;
  top: 12px;
  align-self: start;
  width: 190px;
  justify-self: end;
  display: grid;
  gap: 12px;
}

.right-card {
  border: 1px solid var(--line);
  padding: 12px;
  font-size: 0.84rem;
  background: #ffffff;
}

.right-figure {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  overflow: hidden;
}

.right-figure img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.right-card h2 {
  font-size: 1.08rem;
  font-weight: 400;
  margin: -12px -12px 8px;
  padding: 8px 12px;
  background: var(--header-band);
  border-bottom: 1px solid var(--line);
}

.right-card ul,
.right-card ol {
  margin: 0;
  padding-left: 18px;
}

.right-card p {
  margin: 0;
}

.right-card .action-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0;
}

.right-card .action-list li {
  margin: 0;
}

.right-card .action-link {
  background: none;
  border: 0;
  padding: 2px 0;
  width: 100%;
  text-align: left;
  font: inherit;
  line-height: 1.25;
  color: var(--link, #0b5fff);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.right-card .action-icon {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  color: currentColor;
}

.right-card .action-link:hover,
.right-card .action-link:focus {
  text-decoration: underline;
  outline: none;
}

.hint {
  border-left: 3px solid #bdbdbd;
  padding-left: 10px;
  color: var(--muted);
}

.site-footer {
  width: 100%;
  margin-top: 32px;
  border-top: 1px solid var(--line);
  background: var(--header-band);
  padding: 16px 16px;
  text-align: center;
}

.footer-main {
  max-width: 760px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}

.footer-logo {
  width: 40px;
  height: 40px;
  color: var(--line);
}

.footer-logo svg {
  width: 100%;
  height: 100%;
}

.footer-logo img {
  width: 100%;
  height: 100%;
  display: block;
}

.footer-info h3 {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  font-family: Arial, sans-serif;
}

.footer-info h3 a {
  color: var(--link);
}

.footer-info h3 a:hover {
  text-decoration: underline;
}

.footer-info p {
  margin: 4px 0 0;
  font-size: 0.9rem;
  color: var(--muted);
}

.footer-legal {
  max-width: 760px;
  margin: 0 auto;
}

.footer-legal ul {
  list-style: none;
  margin: 6px 0 0;
  padding: 0;
  display: flex;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
}

.footer-legal li {
  margin: 0;
}

.footer-legal a {
  color: var(--link);
  font-size: 0.9rem;
}

.footer-legal a:hover {
  text-decoration: underline;
}

.footer-credit {
  margin: 0;
  font-size: 0.85rem;
  color: var(--muted);
}

.glossary-card {
  width: min(760px, 100%);
  margin: 36px auto;
  border: 1px solid var(--line);
  padding: 20px;
  background: #ffffff;
}

.glossary-card h1 {
  font-size: 1.75rem;
  margin: 0;
}

@media (max-width: 920px) {
  .topbar-inner {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 10px 0;
  }

  .layout {
    grid-template-columns: 1fr;
  }

  .toc {
    position: static;
  }

  .right-panel {
    position: static;
  }

  /* Dar ekranda kenar çubuğu üstte olduğu için açılan alt menü
     içeriği aşağı itip başlık konumunu bozuyordu. Alt menüleri
     bu kırılım altında gizleyerek içerik her zaman aynı noktadan
     başlasın. H2 başlıklarına sayfa içinden zaten erişilebilir. */
  .submenu-list {
    display: none !important;
  }

  .footer-legal ul {
    gap: 16px;
  }
}

@media (max-width: 620px) {
  body {
    font-size: 14px;
  }

  .footer-legal ul {
    flex-direction: column;
    gap: 8px;
  }
}