@font-face { font-family: "Archivo"; src: url('/assets/fonts/Archivo-Static-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Archivo"; src: url('/assets/fonts/Archivo-Static-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Archivo"; src: url('/assets/fonts/Archivo-Static-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Archivo"; src: url('/assets/fonts/Archivo-Static-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url('/assets/fonts/JetBrainsMono-Static-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Atkinson Hyperlegible"; src: url('/assets/fonts/AtkinsonHyperlegible-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Atkinson Hyperlegible"; src: url('/assets/fonts/AtkinsonHyperlegible-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; }

/* GENERATED from scripts/site/theme_css.py. Do not edit. */
*, *::before, *::after { box-sizing: border-box; }
html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  scroll-padding-top: 28px;
}

/* Açık tema tercihi işletim sistemi koyuyken bile kazanır: yerel kontroller
   (select vb.) de çözülen temayla boyanır. Renk değeri değil, tarayıcı
   anahtar sözcüğü — token sözleşmesini ihlal etmez. */
:root[data-theme="light"] { color-scheme: light; }
:root[data-theme="dark"] { color-scheme: dark; }

body {
  margin: 0;
  background: var(--bgCanvas);
  color: var(--textPrimary);
  font-family: var(--archivo), Arial, 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans Devanagari', 'Noto Sans Bengali', 'Noto Sans CJK JP', 'Noto Sans CJK KR', 'Noto Sans CJK SC', 'FreeSerif', 'DejaVu Sans', system-ui, sans-serif;
  font-size: var(--bodyMdSize);
  line-height: var(--bodyMdLine);
  -webkit-font-smoothing: antialiased;
}

/* T16.14 kapanış — uzun bileşik kelime ve URL dar ekranda (320 px) ve %200
   metinde kutuya sığsın: taşma/kırpma yerine satır kırılır. Yalnız kırma;
   renk/değer yok. `word-break` eski tarayıcı yedeğidir. */
p, li, a, summary, blockquote, h1, h2, h3, .post-card h3 {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Kâğıt web kabı: 42 rem yazı sütunu KALKTI. Proposal gibi geniş yerleşim;
   ekran daraldıkça 1150/850/620 px kırılımlarında kenar boşluğu azalır. */
.wrap { width: min(1240px, calc(100% - 112px)); margin-inline: auto; }
@media (max-width: 1150px) { .wrap { width: calc(100% - 64px); } }
@media (max-width: 850px) { .wrap { width: calc(100% - 44px); } }
@media (max-width: 620px) { .wrap { width: calc(100% - 40px); } }
@media (max-width: 359px) { .wrap { width: calc(100% - 28px); } }

.skip { position: absolute; left: -9999px; }
.skip:focus {
  left: var(--gapMd); top: var(--gapMd); z-index: 2;
  background: var(--bgSurface); color: var(--textPrimary);
  border: var(--strokeDefault) solid var(--borderDefault);
  padding: var(--gapXs) var(--gapSm);
}

:focus-visible {
  outline: var(--focusWidth) solid var(--borderFocus);
  outline-offset: var(--focusOffset);
}

/* --- başlık ------------------------------------------------------------ */
.site-head {
  background: var(--bgSurface);
  border-bottom: var(--strokeDefault) solid var(--dividerColor);
}
.site-head .wrap {
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: var(--gapSm); min-height: 100px;
}
.brand {
  display: inline-flex; align-items: center; gap: var(--gapXs);
  min-height: var(--touchTarget);
  color: var(--textPrimary); text-decoration: none;
  font-size: 25px; font-weight: 600; letter-spacing: -1.2px;
}
.brand svg { width: 28px; height: 28px; display: block; flex: none; }
.nav { display: flex; align-items: center; gap: var(--gapLg); flex-wrap: wrap; }
.nav a {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: var(--touchTarget); min-width: var(--touchTarget);
  color: var(--textSecondary); text-decoration: none;
  font-size: var(--labelMdSize); font-weight: var(--labelMdWeight);
}
@media (hover: hover) { .nav a:hover { color: var(--textPrimary); text-decoration: underline; } }

.header-tools {
  display: flex; align-items: center; gap: var(--gapSm); flex-wrap: wrap;
}
.select-wrap {
  position: relative;
  display: inline-flex; align-items: center; gap: var(--gap2xs);
  min-height: var(--touchTarget); color: var(--textSecondary);
}
/* T16.15 F03 — proposal kontrol ağırlığı: ikon mutlak konumda, select
   çerçevesiz/saydam ve küçük tipografide. 18 seçenek + ≥44 px hedef korunur. */
.select-wrap svg {
  width: 16px; height: 16px;
  position: absolute; inset-inline-start: 4px; pointer-events: none;
}
.select-wrap select {
  font: inherit; min-height: 48px;
  padding: 8px 16px 8px 25px;
  background: transparent; color: var(--textPrimary);
  border: 0;
  border-radius: var(--radiusControl);
  font-size: 12px; max-width: 118px;
}
html[dir="rtl"] .select-wrap select { padding-inline: 25px 10px; }
/* T16.16 UI-QA — tema etiketi ("Sistem · Koyu") 118 px kutuya sığmayıp
   kırpılıyordu. Yalnız tema seçicisi doğal genişliğine bırakılır; dil
   seçicisinin dar `max-width` sınırı KORUNUR. Araç çubuğu sarar olduğu
   için 390 px'te yatay taşma yaratmaz. Ham değer yok. */
#theme { max-width: none; }
/* G02 — açılır liste yüzeyi tema token'ıyla boyanır. Native popup açık
   kaldığında `<option>` arka planı/meti token'sız kalırsa koyu temada
   okunmaz. Ham renk YOK; yalnız bgSurface + textPrimary. `color-scheme`
   zaten çözülen temadan miras alınır. */
.select-wrap option {
  background: var(--bgSurface);
  color: var(--textPrimary);
}

/* --- yerel form kontrolleri — kaçak mavi YOK (T16.13) ------------------ */
/* Tarayıcının varsayılan vurgu rengi (mavi) Kâğıt paletine çekilir.
   `accent-color` checkbox/radio/range/progress'i tek satırda palet
   token'ıyla boyar; ham renk yazılmaz (theme_test). */
:root { accent-color: var(--textAccent); }
input, select, textarea, button { accent-color: var(--textAccent); }
input:focus-visible, select:focus-visible, textarea:focus-visible,
button:focus-visible {
  outline: var(--focusWidth) solid var(--borderFocus);
  outline-offset: var(--focusOffset);
}

/* Range — WebKit ve Mozilla track/thumb'ı da token'lardan kurulur. */
input[type="range"] {
  -webkit-appearance: none; appearance: none;
  background: transparent; cursor: pointer;
}
input[type="range"]::-webkit-slider-runnable-track {
  height: calc(var(--touchTarget) / 4);
  background: var(--dividerColor);
  border: var(--strokeDefault) solid var(--borderDefault);
  border-radius: var(--radiusControl);
}
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none; appearance: none;
  width: calc(var(--touchTarget) / 2);
  height: calc(var(--touchTarget) / 2);
  margin-top: calc((var(--touchTarget) / 4 - var(--touchTarget) / 2) / 2);
  background: var(--textAccent);
  border: var(--strokeDefault) solid var(--borderDefault);
  border-radius: var(--radiusControl);
}
input[type="range"]::-moz-range-track {
  height: calc(var(--touchTarget) / 4);
  background: var(--dividerColor);
  border: var(--strokeDefault) solid var(--borderDefault);
  border-radius: var(--radiusControl);
}
input[type="range"]::-moz-range-thumb {
  width: calc(var(--touchTarget) / 2);
  height: calc(var(--touchTarget) / 2);
  background: var(--textAccent);
  border: var(--strokeDefault) solid var(--borderDefault);
  border-radius: var(--radiusControl);
}

@media (max-width: 850px) {
  .site-head .wrap { padding-block: var(--gap2xs); }
  .header-tools { margin-inline-start: auto; }
  .nav {
    order: 3; width: 100%; justify-content: center; gap: var(--gapLg);
    border-top: var(--strokeDefault) solid var(--dividerColor);
  }
}

/* --- tipografi --------------------------------------------------------- */
main { display: block; padding-block: var(--gapXl) var(--gap2xl); }
h1, h2, h3 { margin: 0 0 var(--gapSm); overflow-wrap: break-word; font-weight: 400; }
h1, h2, .serif { font-family: Georgia, 'Times New Roman', 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans Devanagari', 'Noto Sans Bengali', 'Noto Sans CJK JP', 'Noto Sans CJK KR', 'Noto Sans CJK SC', 'FreeSerif', 'DejaVu Sans', Georgia, serif; }
h1 {
  font-size: clamp(52px, 5.5vw, 82px); line-height: 1.06;
  letter-spacing: -3.5px;
}
h2 {
  font-size: clamp(36px, 3.5vw, 52px); line-height: 1.06;
  letter-spacing: -1.6px; margin-top: var(--gapXl);
}
h3 {
  font-size: 23px; line-height: 1.3; letter-spacing: -0.5px;
  margin-top: var(--gapLg);
}
@media (max-width: 620px) { h1 { font-size: clamp(48px, 15.9vw, 62px); } }
p, ul { margin: 0 0 var(--gapMd); }
ul { padding-inline-start: var(--gapLg); }
li { margin-bottom: var(--gap2xs); }
strong { font-weight: 600; }
a { color: var(--textAccent); text-decoration: underline; text-underline-offset: var(--gap2xs); }
.lede { font-size: var(--bodyLgSize); line-height: var(--bodyLgLine); color: var(--textSecondary); }

.kicker, .mono, .eyebrow {
  font-family: var(--mono), ui-monospace, SFMono-Regular, 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans Devanagari', 'Noto Sans Bengali', 'Noto Sans CJK JP', 'Noto Sans CJK KR', 'Noto Sans CJK SC', 'FreeSerif', 'DejaVu Sans', monospace;
  font-size: var(--monoOverlineSize); line-height: var(--monoOverlineLine);
  letter-spacing: var(--monoOverlineTracking); text-transform: uppercase;
  color: var(--textMuted); margin: 0 0 var(--gap2xs);
}

.rule { border: 0; border-top: var(--strokeDefault) solid var(--dividerColor); margin-block: var(--gapXl); }

/* --- yüzeyler ---------------------------------------------------------- */
.card {
  background: var(--bgSurface);
  border: var(--strokeDefault) solid var(--borderDefault);
  border-radius: var(--radiusControl);
  padding: var(--gapMd);
}
.callout {
  background: var(--bgAccentSubtle);
  border: var(--strokeDefault) solid var(--borderMuted);
  border-radius: var(--radiusControl);
  padding: var(--gapMd);
}
.callout > :last-child, .card > :last-child { margin-bottom: 0; }

/* Web'e özel editoryal tonlar — yalnız web rollerinden. T16.4 bölümleri ve
   illüstrasyon alanları bunları tüketir. */
.tone-sage { background: var(--webSage); }
.tone-blue { background: var(--webBlue); }
.tone-rose { background: var(--webRose); }

/* --- butonlar ---------------------------------------------------------- */
.button {
  display: inline-flex; align-items: center; justify-content: center;
  gap: var(--gapXs); min-height: var(--touchTarget);
  padding: var(--gapSm) var(--gapMd);
  border: var(--strokeDefault) solid var(--borderDefault);
  border-radius: var(--radiusControl);
  background: var(--bgSurface); color: var(--textPrimary);
  font-size: var(--labelMdSize); font-weight: var(--labelMdWeight);
  text-decoration: none; text-align: center;
}
.button.primary {
  background: var(--bgAccent); color: var(--textOnAccent); border-color: var(--bgAccent);
  box-shadow: var(--hardShadowSm) var(--hardShadowSm) var(--shadowBlur) var(--shadowSpread) var(--shadowColor);
}
.button svg { width: var(--iconSm); height: var(--iconSm); flex: none; }
.button.primary:active {
  transform: translate(var(--hardShadowSm), var(--hardShadowSm));
  box-shadow: none;
}
@media (prefers-reduced-motion: reduce) { .button.primary:active { transform: none; } }
.actions { display: flex; flex-wrap: wrap; gap: var(--gapSm); margin-bottom: var(--gapMd); }

/* --- ana sayfa: hero + güven satırı (T16.4) ---------------------------- */
.hero {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.03fr);
  align-items: center; gap: var(--gap2xl); padding-block: var(--gap3xl);
}
.hero-copy { min-width: 0; }
.hero h1 { margin-bottom: 0; }
/* T16.15 F02 — vurgu kelimesi accent token'ında, ağırlık 400. */
.hero h1 em { font-weight: 400; color: var(--textAccent); }
.hero-foot {
  display: flex; align-items: center; gap: var(--gapXs);
  margin-top: var(--gapLg); font-size: var(--labelSmSize);
  color: var(--textSecondary);
}
.hero-foot svg { width: 14px; height: 14px; flex: none; }
.hero .intro {
  margin-top: var(--gapLg); max-width: 42ch;
  color: var(--textSecondary);
  font-size: var(--bodyLgSize); line-height: var(--bodyLgLine);
}
.hero-actions {
  display: flex; align-items: center; flex-wrap: wrap;
  gap: var(--gapMd); margin-top: var(--gapLg);
}
.text-link {
  display: inline-flex; align-items: center; gap: var(--gapXs);
  min-height: var(--touchTarget);
  color: var(--textAccent); text-decoration: none;
  font-size: var(--labelMdSize); font-weight: var(--labelMdWeight);
}
.text-link svg { width: var(--iconSm); height: var(--iconSm); flex: none; }
@media (hover: hover) {
  .text-link:hover { text-decoration: underline; text-underline-offset: var(--gap2xs); }
}
/* T16.15 F01 — proposal hero okuma sahnesi, YEREL HTML/CSS. Ölçüler
   proposal'ın 520 px karesinden yüzde/cqw ile ölçeklenir; ham renk YOK,
   yalnız token + web rolleri. `aria-hidden` — temsili çizim. */
.reading-scene {
  position: relative;
  container-type: inline-size;
  width: 100%; max-width: 520px;
  aspect-ratio: 1 / 1;
  margin-inline: auto;
  min-width: 0;
  isolation: isolate;
  direction: ltr;
  color: var(--textPrimary);
}
.scene-circle {
  position: absolute; width: 83.65%; height: 83.65%;
  left: 7.69%; top: 8.08%;
  border: var(--strokeDefault) solid var(--dividerColor);
  border-radius: var(--radiusRound);
}
.scene-circle::after {
  content: ''; position: absolute; inset: 5.19%;
  border: var(--strokeDefault) dashed var(--dividerColor);
  border-radius: var(--radiusRound);
}
.book {
  position: absolute; overflow: hidden;
  border: var(--strokeDefault) solid var(--borderDefault);
  box-shadow: inset 1.15cqw 0 0 var(--dividerColor);
}
.book::after {
  content: ''; position: absolute; inset: 1.92%;
  border: var(--strokeDefault) solid var(--dividerColor);
  pointer-events: none;
}
.book-garden {
  width: 39.42%; height: 58.08%; left: 0; top: 8.46%;
  padding: 4.81% 4.04%;
  background: var(--webSage); color: var(--textPrimary);
  transform: rotate(-13deg); z-index: 1;
}
.book-garden .book-title {
  font-family: Georgia, 'Times New Roman', 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans Devanagari', 'Noto Sans Bengali', 'Noto Sans CJK JP', 'Noto Sans CJK KR', 'Noto Sans CJK SC', 'FreeSerif', 'DejaVu Sans', Georgia, serif;
  font-size: 33px; font-size: 6.35cqw; line-height: .98;
  letter-spacing: -1px; letter-spacing: -.19cqw;
}
.book-author {
  font-size: 8px; font-size: 1.54cqw;
  letter-spacing: 1.5px; letter-spacing: .29cqw;
  margin-top: 2.88%; text-transform: uppercase;
}
.botanical {
  position: absolute; bottom: 2.69%; right: 1.15%;
  width: 31.73%; height: 27.5%;
  color: var(--textSecondary);
}
.book-walden {
  width: 32.31%; height: 45.19%; left: 19.23%; top: 49.04%;
  padding: 4.23%;
  background: var(--webRose); color: var(--textPrimary);
  transform: rotate(-8deg); z-index: 2;
}
.book-walden .book-title {
  font-family: Georgia, 'Times New Roman', 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans Devanagari', 'Noto Sans Bengali', 'Noto Sans CJK JP', 'Noto Sans CJK KR', 'Noto Sans CJK SC', 'FreeSerif', 'DejaVu Sans', Georgia, serif;
  font-size: 31px; font-size: 5.96cqw;
}
.book-walden .book-author { font-size: 7px; font-size: 1.35cqw; }
.walden-art {
  position: absolute; bottom: 1.92%; left: 0;
  width: 100%; height: 24.04%;
}
.walden-art .walden-moon { fill: currentColor; opacity: .9; }
.walden-art .walden-far { fill: currentColor; opacity: .55; }
.walden-art .walden-near { fill: currentColor; opacity: .85; }
.walden-art .walden-line { stroke: currentColor; opacity: .35; }
.phone {
  position: absolute; z-index: 3;
  right: 3.46%; top: 1.73%;
  width: 47.5%; height: 93.46%;
  background: var(--bgSurface); color: var(--textPrimary);
  border: 6px solid var(--bgInverse); border-width: 1.15cqw;
  border-radius: 6.73cqw;
  box-shadow: .58cqw .77cqw 0 var(--shadowColor);
  transform: rotate(8deg); overflow: hidden;
}
.phone-island {
  position: absolute; top: 1.15cqw; left: 50%;
  transform: translateX(-50%);
  width: 13.46cqw; height: 3.27cqw;
  background: var(--bgInverse); border-radius: 3.85cqw;
}
.phone-status {
  display: flex; justify-content: space-between;
  font-size: 1.73cqw; padding: 2.31cqw 3.27cqw 1.35cqw;
}
.phone-head {
  display: flex; align-items: center; justify-content: space-between;
  gap: 1.54cqw; padding: 4.62cqw 2.69cqw 0; font-size: 1.92cqw;
}
.phone-head svg { width: 3.08cqw; height: 3.08cqw; }
.phone-speed {
  text-align: right; padding: 4.62cqw 3.27cqw;
  font-size: 1.73cqw; color: var(--textSecondary);
}
.phone-reader {
  position: absolute; top: 43%; left: 0; right: 0; text-align: center;
  font-family: var(--readerFamily), 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans Devanagari', 'Noto Sans Bengali', 'Noto Sans CJK JP', 'Noto Sans CJK KR', 'Noto Sans CJK SC', 'FreeSerif', 'DejaVu Sans', sans-serif;
  font-size: 34px; font-size: 6.54cqw;
}
.phone-reader::before, .phone-reader::after {
  content: ''; position: absolute; left: 39%; top: -4.42cqw;
  width: .38cqw; height: 2.31cqw; background: var(--readerAccent);
}
.phone-reader::after { top: auto; bottom: -4.42cqw; }
.phone-reader .pivot { color: var(--readerAccent); }
.phone-progress {
  position: absolute; bottom: 6.54cqw; left: 3.46cqw; right: 3.46cqw;
}
.phone-progress .track {
  height: .38cqw; background: var(--dividerColor); margin-bottom: 1.92cqw;
}
.phone-progress .track::before {
  content: ''; display: block; width: 32%; height: .38cqw;
  background: var(--textPrimary);
}
.phone-progress .numbers {
  display: flex; justify-content: space-between;
  font-size: 1.54cqw; color: var(--textSecondary);
}
.phone-home {
  position: absolute; bottom: 1.73cqw; left: 50%;
  transform: translateX(-50%);
  width: 12.5cqw; height: .58cqw;
  background: var(--textPrimary); border-radius: .58cqw;
}
.paper-note {
  position: absolute; right: -.77cqw; bottom: 3.85cqw; z-index: 4;
  padding: 2.88cqw 3.85cqw;
  background: var(--bgSurface);
  border: var(--strokeDefault) solid var(--borderDefault);
  transform: rotate(-5deg); font-size: 2.12cqw;
}
.paper-note strong {
  display: block; margin-bottom: .58cqw;
  font-family: Georgia, 'Times New Roman', 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans Devanagari', 'Noto Sans Bengali', 'Noto Sans CJK JP', 'Noto Sans CJK KR', 'Noto Sans CJK SC', 'FreeSerif', 'DejaVu Sans', Georgia, serif; font-size: 3.85cqw;
}
.paper-note::before {
  content: ''; position: absolute; top: -1.92cqw; left: 5.77cqw;
  width: 9.04cqw; height: 3.65cqw;
  background: var(--bgMuted); opacity: .85; transform: rotate(4deg);
}

.trust-strip {
  display: grid; grid-template-columns: repeat(4, 1fr);
  border-block: var(--strokeDefault) solid var(--dividerColor);
  padding-block: var(--gapMd);
}
.trust-item {
  display: flex; align-items: center; justify-content: center;
  gap: var(--gapSm); padding-inline: var(--gapSm);
  border-inline-end: var(--strokeDefault) solid var(--dividerColor);
  font-size: var(--labelSmSize); color: var(--textSecondary);
  text-align: center;
}
.trust-item:last-child { border-inline-end: 0; }
.trust-item svg { width: var(--iconMd); height: var(--iconMd); flex: none; }

/* --- ana sayfa: deneyim + elle başlatılan demo ------------------------- */
.section { padding-block: var(--gap3xl); }
.experience {
  display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  align-items: center; gap: var(--gap2xl);
}
.experience-copy { min-width: 0; }
.experience-copy h2 { margin-top: var(--gapSm); }
.experience-copy > p { margin-top: var(--gapMd); color: var(--textSecondary); }

.reader-demo { background: var(--bgSurface); border: var(--strokeDefault) solid var(--borderDefault); }
.demo-text {
  margin: 0; padding: var(--gapLg);
  color: var(--textSecondary);
  font-size: var(--bodySmSize); line-height: var(--bodySmLine);
}
/* JS çalışınca örnek metin görsel olarak saklanır ama ekran okuyucuya AÇIK
   kalır; tek kelime sahnesi `aria-hidden` taşır. JS kapalıyken metin normal
   okunur ve sahne hiç görünmez. */
.reader-demo.enhanced .demo-text {
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0;
  overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%);
  white-space: nowrap; border: 0;
}
.reader-demo:not(.enhanced) .demo-window { display: none; }
.demo-window {
  position: relative; height: 238px; overflow: hidden;
  display: grid; place-items: center; direction: ltr;
}
.demo-window::before, .demo-window::after {
  content: ''; position: absolute; left: calc(50% - 1px);
  top: 56px; width: var(--pivotWidth); height: 17px;
  background: var(--readerAccent);
}
.demo-window::after { top: auto; bottom: 56px; }
.demo-word {
  position: relative; width: 100%; height: 58px;
  font-family: var(--readerFamily), 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans Devanagari', 'Noto Sans Bengali', 'Noto Sans CJK JP', 'Noto Sans CJK KR', 'Noto Sans CJK SC', 'FreeSerif', 'DejaVu Sans', sans-serif;
  font-size: 43px; line-height: 58px; white-space: nowrap;
  color: var(--textPrimary);
}
.word-before { position: absolute; right: calc(50% + .5ch); text-align: right; }
.word-pivot {
  position: absolute; left: calc(50% - .5ch); width: 1ch;
  text-align: center; color: var(--readerAccent);
}
.word-after { position: absolute; left: calc(50% + .5ch); }
.demo-word.arabic { text-align: center; direction: rtl; }
.demo-word.arabic .word-whole { display: block; color: var(--textPrimary); }
.demo-controls {
  display: flex; align-items: center; flex-wrap: wrap;
  gap: var(--gapLg); padding: var(--gapMd) var(--gapLg);
  border-top: var(--strokeDefault) solid var(--dividerColor);
}
.demo-controls button {
  width: var(--touchTarget); height: var(--touchTarget); flex: none;
  display: grid; place-items: center; cursor: pointer;
  background: var(--textPrimary); color: var(--textInverse); border: 0;
  font-size: var(--bodyMdSize);
}
.demo-controls button svg { width: var(--iconMd); height: var(--iconMd); }
.demo-controls label {
  display: flex; align-items: center; gap: var(--gapSm);
  font-size: var(--labelSmSize); color: var(--textSecondary);
}
.demo-controls output { font-family: var(--mono), ui-monospace, SFMono-Regular, 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans Devanagari', 'Noto Sans Bengali', 'Noto Sans CJK JP', 'Noto Sans CJK KR', 'Noto Sans CJK SC', 'FreeSerif', 'DejaVu Sans', monospace; }
.demo-controls input[type="range"] {
  flex: 1 1 140px; min-width: 120px; min-height: var(--touchTarget);
}
.demo-note {
  margin: 0; padding: 0 var(--gapLg) var(--gapSm);
  font-size: var(--monoSmSize); color: var(--textMuted);
}

/* --- özellik kartları -------------------------------------------------- */
.features {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--gapLg); margin-top: var(--gap2xl);
}
.feature, .featurecard { min-width: 0; }
.feature-visual {
  position: relative; height: 194px; margin-bottom: var(--gapMd);
  display: grid; place-items: center; overflow: hidden;
  background: var(--bgMuted);
}
.features > :nth-child(3n+1) .feature-visual { background: var(--webSage); }
.features > :nth-child(3n+2) .feature-visual { background: var(--webRose); }
.features > :nth-child(3n) .feature-visual { background: var(--webBlue); }
.feature h3, .featurecard h3 {
  font-family: Georgia, 'Times New Roman', 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans Devanagari', 'Noto Sans Bengali', 'Noto Sans CJK JP', 'Noto Sans CJK KR', 'Noto Sans CJK SC', 'FreeSerif', 'DejaVu Sans', Georgia, serif;
  font-size: 26px; margin-bottom: var(--gapXs);
}
.feature p, .featurecard p { margin-bottom: 0; font-size: var(--bodySmSize); }
.related a { color: var(--textAccent); }

.file-sheets { display: flex; direction: ltr; }
.file-sheet {
  width: 76px; height: 102px; padding: 15px 11px;
  background: var(--bgSurface);
  border: var(--strokeDefault) solid var(--borderDefault);
  transform: rotate(-12deg);
  font-family: var(--mono), ui-monospace, SFMono-Regular, 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans Devanagari', 'Noto Sans Bengali', 'Noto Sans CJK JP', 'Noto Sans CJK KR', 'Noto Sans CJK SC', 'FreeSerif', 'DejaVu Sans', monospace; font-size: var(--monoSmSize);
  color: var(--textPrimary);
}
.file-sheet:nth-child(2) { transform: rotate(0); margin-top: -7px; z-index: 1; }
.file-sheet:nth-child(3) { transform: rotate(12deg); }
.file-sheet i {
  display: block; height: 1px; margin-top: var(--gapXs);
  background: var(--dividerColor);
}
.type-specimen { text-align: center; color: var(--textPrimary); }
.type-specimen .letters {
  font-family: Georgia, 'Times New Roman', 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans Devanagari', 'Noto Sans Bengali', 'Noto Sans CJK JP', 'Noto Sans CJK KR', 'Noto Sans CJK SC', 'FreeSerif', 'DejaVu Sans', Georgia, serif;
  font-size: 68px; letter-spacing: -5px;
}
.type-specimen .letters span {
  font-family: var(--readerFamily), 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans Devanagari', 'Noto Sans Bengali', 'Noto Sans CJK JP', 'Noto Sans CJK KR', 'Noto Sans CJK SC', 'FreeSerif', 'DejaVu Sans', sans-serif;
  font-size: 56px; margin-inline-start: var(--gapMd);
}
.type-specimen .line {
  margin-top: var(--gap2xs);
  font-family: var(--mono), ui-monospace, SFMono-Regular, 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans Devanagari', 'Noto Sans Bengali', 'Noto Sans CJK JP', 'Noto Sans CJK KR', 'Noto Sans CJK SC', 'FreeSerif', 'DejaVu Sans', monospace;
  font-size: var(--monoSmSize); letter-spacing: 2px;
}
.offline-graphic {
  position: relative; width: 105px; height: 133px;
  display: grid; place-items: center; color: var(--textPrimary);
  background: var(--bgSurface);
  border: var(--strokeDefault) solid var(--borderDefault);
}
.offline-graphic svg { width: 35px; height: 35px; }
.offline-graphic::after {
  content: ''; position: absolute; bottom: 18px;
  width: 60px; height: 1px; background: var(--dividerColor);
}
.small-seal {
  position: absolute; left: calc(50% + 22px); top: 103px;
  width: 42px; height: 42px; border-radius: var(--radiusRound);
  display: grid; place-items: center; font-size: 21px;
  color: var(--textPrimary); background: var(--bgCanvas);
  border: var(--strokeDefault) solid var(--borderDefault);
}

/* --- blog seçkisi (T16.4) --------------------------------------------- */
.journal-section { border-top: var(--strokeDefault) solid var(--dividerColor); }
.section-head {
  display: flex; align-items: flex-end; justify-content: space-between;
  flex-wrap: wrap; gap: var(--gapXl); margin-bottom: var(--gapXl);
}
.section-head h2 { margin-top: var(--gapSm); }
.journal-grid {
  display: grid; grid-template-columns: 1.35fr 1fr 1fr; gap: var(--gapLg);
}
.post-card {
  display: block; min-width: 0;
  color: var(--textPrimary); text-decoration: none;
}
.post-art {
  height: 225px; margin-bottom: var(--gapMd);
  display: grid; place-items: center; overflow: hidden;
}
.post-card:nth-child(1) .post-art { background: var(--webSage); }
.post-card:nth-child(2) .post-art { background: var(--webRose); }
.post-card:nth-child(3) .post-art { background: var(--webBlue); }
.post-card h3 {
  font-family: Georgia, 'Times New Roman', 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans Devanagari', 'Noto Sans Bengali', 'Noto Sans CJK JP', 'Noto Sans CJK KR', 'Noto Sans CJK SC', 'FreeSerif', 'DejaVu Sans', Georgia, serif;
  font-size: 27px; line-height: 1.2; margin-top: var(--gapSm);
}
.post-card p { font-size: var(--bodySmSize); }
@media (hover: hover) {
  .post-card:hover h3 { text-decoration: underline; text-underline-offset: var(--gap2xs); }
}
.post-meta {
  display: flex; flex-wrap: wrap; gap: var(--gapSm);
  font-family: var(--mono), ui-monospace, SFMono-Regular, 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans Devanagari', 'Noto Sans Bengali', 'Noto Sans CJK JP', 'Noto Sans CJK KR', 'Noto Sans CJK SC', 'FreeSerif', 'DejaVu Sans', monospace; font-size: var(--monoSmSize);
  letter-spacing: .8px; text-transform: uppercase; color: var(--textSecondary);
}
.post-arrow { display: block; margin-top: var(--gapMd); font-size: 18px; }
.art-focus {
  position: relative; display: flex; align-items: center;
  gap: var(--gapSm); direction: ltr;
  font-family: Georgia, 'Times New Roman', 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans Devanagari', 'Noto Sans Bengali', 'Noto Sans CJK JP', 'Noto Sans CJK KR', 'Noto Sans CJK SC', 'FreeSerif', 'DejaVu Sans', Georgia, serif; font-size: 48px;
}
.art-focus .faded { opacity: .26; }
.art-focus .focus-word { position: relative; padding-block: 25px; }
.art-focus .focus-word::before, .art-focus .focus-word::after {
  content: ''; position: absolute; left: 40%; top: 0;
  width: var(--pivotWidth); height: 15px; background: var(--readerAccent);
}
.art-focus .focus-word::after { top: auto; bottom: 0; }
.art-path { width: 200px; height: 150px; }
.art-book {
  position: relative; width: 154px; height: 125px;
  display: flex; transform: rotate(-10deg); direction: ltr;
}
.art-book div {
  width: 50%; padding: var(--gapMd) var(--gapSm);
  background: var(--bgSurface);
  border: var(--strokeDefault) solid var(--borderDefault);
}
.art-book div:first-child { transform: skewY(9deg); transform-origin: right; }
.art-book div:last-child { transform: skewY(-9deg); transform-origin: left; }
.art-book i {
  display: block; height: 1px; margin: var(--gapXs) 0;
  background: var(--dividerColor);
}

/* --- yaklaşım notu ----------------------------------------------------- */
.manifesto {
  display: grid; grid-template-columns: 65px minmax(0, 1fr);
  align-items: start; gap: var(--gapLg);
  background: var(--bgMuted);
  padding: var(--gap2xl) var(--gapXl);
  margin-block: var(--gap2xl);
}
.manifesto .asterisk {
  font-family: Georgia, 'Times New Roman', 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans Devanagari', 'Noto Sans Bengali', 'Noto Sans CJK JP', 'Noto Sans CJK KR', 'Noto Sans CJK SC', 'FreeSerif', 'DejaVu Sans', Georgia, serif;
  font-size: 80px; line-height: .7; color: var(--textAccent);
}
.manifesto h3 {
  font-family: Georgia, 'Times New Roman', 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans Devanagari', 'Noto Sans Bengali', 'Noto Sans CJK JP', 'Noto Sans CJK KR', 'Noto Sans CJK SC', 'FreeSerif', 'DejaVu Sans', Georgia, serif;
  font-size: 29px; line-height: 1.25;
}
.manifesto p { font-size: var(--bodySmSize); margin-top: var(--gapSm); }
.honesty p { margin-top: var(--gapMd); }
.honesty ul { margin-top: var(--gapSm); }
.honesty strong { color: var(--textPrimary); }
.honesty em { color: var(--textSecondary); }

/* --- SSS --------------------------------------------------------------- */
.faq {
  display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr);
  gap: var(--gap2xl); padding-block: var(--gap2xl);
}
.faq-list { border-top: var(--strokeDefault) solid var(--borderDefault); }
.faq details { border-bottom: var(--strokeDefault) solid var(--dividerColor); }
.faq summary {
  display: flex; align-items: center;
  min-height: var(--touchTarget); padding-block: var(--gapMd);
  cursor: pointer; font-size: var(--bodyLgSize);
}
.faq details p { margin: 0 0 var(--gapMd); color: var(--textSecondary); }

/* --- kapanış ----------------------------------------------------------- */
.last-chapter {
  text-align: center; padding-block: var(--gap3xl);
  background: var(--bgSurface);
  border-block: var(--strokeDefault) solid var(--dividerColor);
}
.last-chapter h2 { font-size: clamp(36px, 4.4vw, 58px); }
.last-chapter p { margin-block: var(--gapMd) var(--gapLg); }

@media (max-width: 850px) {
  .hero {
    grid-template-columns: 1fr; gap: var(--gapXl);
    padding-block: var(--gap2xl);
  }
  .trust-strip { grid-template-columns: 1fr 1fr; }
  .trust-item { justify-content: flex-start; padding-block: var(--gapSm); }
  .trust-item:nth-child(2n) { border-inline-end: 0; }
  .experience { grid-template-columns: 1fr; gap: var(--gapXl); }
  .features { grid-template-columns: 1fr; }
  .journal-grid { grid-template-columns: 1fr; }
  .faq { grid-template-columns: 1fr; gap: var(--gapLg); }
  .manifesto { grid-template-columns: 45px minmax(0, 1fr); }
}
@media (max-width: 620px) {
  /* T16.15 F01 — dar/RTL görünümde döndürülmüş kitabın taşan köşesi
     belge genişliğini büyütmesin (a11y_200 taşma ölçümü). */
  .reading-scene { overflow: clip; }
  .demo-window { height: 207px; }
  .demo-window::before { top: 41px; }
  .demo-window::after { bottom: 41px; }
  .demo-word { font-size: 37px; }
  .demo-controls { padding: var(--gapSm) var(--gapMd); gap: var(--gapMd); }
  .feature-visual { height: 160px; }
  .post-art { height: 180px; }
  .manifesto { padding: var(--gapLg); }
  .manifesto .asterisk { font-size: 54px; }
}

/* --- blog -------------------------------------------------------------- */
.post-list { list-style: none; padding: 0; margin: 0; }
.post-list li { border-bottom: var(--strokeDefault) solid var(--dividerColor); margin: 0; }
.post-list a {
  display: block; padding-block: var(--gapSm) var(--gap2xs);
  min-height: var(--touchTarget);
  color: var(--textPrimary); text-decoration: none;
  font-size: var(--bodyLgSize); line-height: var(--bodyLgLine);
}
.post-list .meta { margin: 0 0 var(--gapSm); }
@media (hover: hover) { .post-list a:hover { text-decoration: underline; } }
.meta { color: var(--textSecondary); font-size: var(--bodySmSize); line-height: var(--bodySmLine); }
.refs { font-size: var(--bodySmSize); line-height: var(--bodySmLine); color: var(--textSecondary); }

/* --- altlık ------------------------------------------------------------ */
.footer {
  border-top: var(--strokeDefault) solid var(--dividerColor);
  padding-block: var(--gapLg) var(--gapXl);
  color: var(--textSecondary);
  font-size: var(--bodySmSize); line-height: var(--bodySmLine);
}
.footer-top {
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: var(--gapMd); padding-bottom: var(--gapSm);
}
.footer .brand { font-size: var(--labelLgSize); letter-spacing: var(--labelLgTracking); }
.footer .brand svg { width: var(--iconMd); height: var(--iconMd); }
.footer-nav { display: flex; flex-wrap: wrap; column-gap: var(--gapLg); }
.footer-nav a {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: var(--touchTarget); min-width: var(--touchTarget);
  color: var(--textSecondary);
  text-decoration: underline; text-underline-offset: var(--gap2xs);
}
@media (hover: hover) { .footer-nav a:hover { color: var(--textPrimary); } }
.lang-nav {
  display: flex; flex-wrap: wrap; column-gap: var(--gapLg);
  border-top: var(--strokeDefault) solid var(--dividerColor);
}
.lang-nav a {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: var(--touchTarget); min-width: var(--touchTarget);
  color: var(--textSecondary); text-decoration: underline;
  text-underline-offset: var(--gap2xs);
}
.lang-nav a[aria-current] { color: var(--textPrimary); text-decoration: none; }
@media (hover: hover) { .lang-nav a:hover { color: var(--textPrimary); } }
.footer-bottom {
  display: flex; flex-wrap: wrap; justify-content: space-between;
  gap: var(--gapSm); padding-top: var(--gapSm);
  border-top: var(--strokeDefault) solid var(--dividerColor);
  color: var(--textMuted);
}

/* --- blog dizini (T16.5) ----------------------------------------------- */
/* Proposal `journal()` düzeni: page-intro + filter-bar + öne çıkan yazı +
   kart ızgarası + sıfır-sonuç. JS kapalıyken kartların hiçbiri CSS ile
   gizlenmez; gizleme yalnız `[hidden]` (script) üzerinden olur. */
.page-intro { padding-block: var(--gap2xl) var(--gapLg); max-width: 48rem; }
.page-intro .eyebrow { margin-bottom: var(--gap2xs); }
.page-intro h1 { font-size: clamp(44px, 6vw, 76px); margin-bottom: 0; }
.page-intro > p {
  margin-top: var(--gapMd); max-width: 34rem;
  color: var(--textSecondary);
  font-size: var(--bodyLgSize); line-height: var(--bodyLgLine);
}

.filter-bar {
  display: flex; flex-wrap: wrap; gap: var(--gap2xs);
  border-block: var(--strokeDefault) solid var(--dividerColor);
  padding-block: var(--gapSm); margin-bottom: var(--gapXl);
}
.filter-bar button {
  background: transparent;
  border: var(--strokeDefault) solid transparent;
  padding: var(--gapXs) var(--gapSm);
  /* T16.14 — en küçük kenar ≥44: 'pdf' gibi kısa etiketler 43 px'e düşmesin. */
  min-height: var(--touchTarget); min-width: var(--touchTarget);
  font: inherit; font-size: var(--labelSmSize);
  color: var(--textSecondary); cursor: pointer;
}
.filter-bar button[aria-pressed="true"] {
  background: var(--textPrimary); color: var(--textInverse);
  border-color: var(--textPrimary);
}
@media (hover: hover) {
  .filter-bar button:hover {
    border-color: var(--borderDefault); color: var(--textPrimary);
  }
}

.blog-feature {
  display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: var(--gap2xl); align-items: center; margin-bottom: var(--gap2xl);
  color: var(--textPrimary); text-decoration: none;
}
.blog-feature .post-art { height: 360px; margin: 0; background: var(--webSage); }
.blog-feature h2 { font-size: clamp(32px, 3.4vw, 46px); margin: var(--gapSm) 0; }
.blog-feature p { font-size: var(--bodySmSize); color: var(--textSecondary); }
.blog-feature .post-meta { margin-bottom: var(--gapXs); }
@media (hover: hover) {
  .blog-feature:hover h2 {
    text-decoration: underline; text-underline-offset: var(--gap2xs);
  }
}

.blog-list { padding-bottom: var(--gap2xl); }
.blog-list .journal-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.blog-list .post-card:nth-child(3n+1) .post-art { background: var(--webSage); }
.blog-list .post-card:nth-child(3n+2) .post-art { background: var(--webRose); }
.blog-list .post-card:nth-child(3n) .post-art { background: var(--webBlue); }

/* `hidden` özniteliği yalnız script tarafından konur. Author `display`
   kuralları UA `[hidden]{display:none}` kuralını yendiği için açıkça
   eşlenir; statik HTML'de hiçbir kart hidden değildir. */
.post-card[hidden], .blog-feature[hidden] { display: none; }

.no-results {
  padding: var(--gapXl) 0; text-align: center;
  color: var(--textSecondary);
}
.no-results[hidden] { display: none; }

/* --- makale (T16.5) ---------------------------------------------------- */
/* T16.15 F04 — proposal üst bloğu ve tam genişlik kapak. */
.article-header {
  max-width: 52rem; margin-inline: auto; text-align: center;
  padding-block: var(--gap2xl) var(--gapXl);
}
.article-back {
  display: inline-flex; align-items: center; gap: var(--gap2xs);
  min-height: var(--touchTarget);
  color: var(--textAccent); text-decoration: none;
  font-size: var(--labelMdSize); font-weight: var(--labelMdWeight);
}
@media (hover: hover) {
  .article-back:hover {
    text-decoration: underline; text-underline-offset: var(--gap2xs);
  }
}
.article-header .article-meta {
  display: flex; flex-wrap: wrap; justify-content: center;
  gap: var(--gapSm); margin-top: var(--gapSm);
  font-family: var(--mono), ui-monospace, SFMono-Regular, 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans Devanagari', 'Noto Sans Bengali', 'Noto Sans CJK JP', 'Noto Sans CJK KR', 'Noto Sans CJK SC', 'FreeSerif', 'DejaVu Sans', monospace; font-size: var(--monoSmSize);
  letter-spacing: .8px; text-transform: uppercase; color: var(--textSecondary);
}
.article-header .article-meta .meta { margin: 0; }
.article-header h1 {
  font-size: clamp(38px, 5vw, 60px); letter-spacing: -1.6px;
  margin: var(--gapMd) 0 0;
}
.article-dek {
  max-width: 38rem; margin: var(--gapMd) auto 0;
  color: var(--textSecondary);
  font-size: var(--bodyLgSize); line-height: var(--bodyLgLine);
}
.article-art {
  display: grid; place-items: center; overflow: hidden;
  height: 310px; margin-bottom: var(--gap2xl);
  background: var(--webSage);
}
.article-art .art-focus { font-size: 90px; }
.article-layout {
  display: grid; grid-template-columns: 220px minmax(0, 38rem);
  gap: clamp(var(--gapXl), 6vw, 70px);
  justify-content: center; align-items: start;
}
.article-body { min-width: 0; }
.article-body h1 {
  font-size: clamp(38px, 5vw, 60px); letter-spacing: -1.6px;
  margin-bottom: var(--gapXs);
}
.article-body h2 { font-size: clamp(28px, 3vw, 36px); margin-top: var(--gapXl); }
.article-body > p {
  font-size: 1.25rem; line-height: 1.85; color: var(--textPrimary);
  margin-bottom: var(--gapMd);
}
.article-body > p.meta,
.article-body > p.read-time {
  font-family: var(--mono), ui-monospace, SFMono-Regular, 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans Devanagari', 'Noto Sans Bengali', 'Noto Sans CJK JP', 'Noto Sans CJK KR', 'Noto Sans CJK SC', 'FreeSerif', 'DejaVu Sans', monospace; font-size: var(--monoSmSize);
  color: var(--textSecondary);
}
.article-body > p.read-time {
  letter-spacing: .8px; text-transform: uppercase;
}
.article-aside { font-size: var(--bodySmSize); }
.article-aside strong {
  display: block; margin-bottom: var(--gapSm);
  font-family: var(--mono), ui-monospace, SFMono-Regular, 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans Devanagari', 'Noto Sans Bengali', 'Noto Sans CJK JP', 'Noto Sans CJK KR', 'Noto Sans CJK SC', 'FreeSerif', 'DejaVu Sans', monospace; font-size: var(--monoSmSize);
  letter-spacing: var(--monoOverlineTracking); text-transform: uppercase;
  color: var(--textMuted);
}
.article-aside a {
  display: flex; align-items: center; min-height: var(--touchTarget);
  color: var(--textSecondary); text-decoration: none;
  border-top: var(--strokeDefault) solid var(--dividerColor);
}
@media (hover: hover) {
  .article-aside a:hover { color: var(--textPrimary); text-decoration: underline; }
}

@media (max-width: 850px) {
  .article-layout {
    grid-template-columns: minmax(0, 1fr);
    max-width: 40rem; margin-inline: auto;
  }
  .article-aside { display: none; }
  .blog-feature {
    grid-template-columns: minmax(0, 1fr); gap: var(--gapLg);
  }
  .blog-feature .post-art { height: 280px; }
  .blog-list .journal-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 620px) {
  .page-intro { padding-top: var(--gapXl); }
  .blog-feature .post-art { height: 220px; }
  .article-header { padding-block: var(--gapXl) var(--gap2xl); }
  .article-header h1 { font-size: clamp(32px, 9vw, 43px); letter-spacing: -1px; }
  .article-dek { font-size: var(--bodyMdSize); }
  .article-art { height: 200px; }
  .article-art .art-focus { font-size: 46px; }
}