.ya { --ya-kolon: 680px; --ya-yan: minmax(0, 1fr); }
.ya .site-footer { margin-top: 0; }

.ya-bas { padding-top: var(--s-6); scroll-margin-top: 96px; }
.ya-kirinti { list-style: none; margin: 0 0 var(--s-5); padding: 0; display: flex; flex-wrap: wrap; gap: var(--s-2); font-family: var(--mono);
  font-size: var(--fs-12); letter-spacing: var(--ls-label); color: var(--metin-2); }
.ya-kirinti li + li::before { content: "/"; margin-right: var(--s-2); }
.ya-kirinti a { color: var(--metin-2); text-decoration: none; border-radius: var(--r-12); }
.ya-kirinti a:hover { color: var(--metin); text-decoration: underline; }
.ya-kirinti [aria-current] { color: var(--metin); max-width: 40ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ya-kapak { min-height: clamp(420px, 36vw, 520px); }
.ya-kapak .la-kapak__metin { grid-template-rows: auto 1fr auto; }
.ya-kapak__kat { color: var(--metin); text-decoration: none; border-radius: var(--r-12); }
.ya-kapak__kat:hover { text-decoration: underline; }
.ya-h1 { font-size: clamp(2.4rem, 1rem + 3.6vw, 4.5rem); max-width: 13ch; }
.ya-kapak__yazar { font-size: var(--fs-20); color: var(--metin-2); }
.ya-bas__alt { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, var(--ya-kolon)) minmax(0, 1fr); column-gap: clamp(var(--s-6), 4vw, var(--s-8));
  padding-block: var(--s-7) var(--s-6); }
.ya-bas__alt > * { grid-column: 2; }
.ya-dek { font-size: var(--fs-24); line-height: 1.45; letter-spacing: -0.01em; color: var(--metin); text-wrap: pretty; max-width: none; }
.ya-kunye { margin: var(--s-6) 0 0; display: grid; grid-template-columns: repeat(4, minmax(0, auto)); justify-content: start; gap: var(--s-3) var(--s-6);
  padding-top: var(--s-4); border-top: 1px solid var(--cizgi); }
.ya-kunye div { display: grid; gap: 2px; }
.ya-kunye dt { font-family: var(--mono); font-size: var(--fs-12); letter-spacing: var(--ls-label); color: var(--metin-2); }
.ya-kunye dd { margin: 0; font-size: var(--fs-14); font-weight: 500; }
@media (prefers-reduced-motion: no-preference) {
  .js .ya-kirinti { animation: ya-belir 700ms var(--ease-out) 120ms both; }
  .js .ya-kapak .la-kapak__ust, .js .ya-kapak__yazar { animation: ya-belir 900ms var(--ease-out) 420ms both; }
  .js .ya-bas__alt { animation: ya-belir 1000ms var(--ease-out) 640ms both; }
}
@keyframes ya-belir { from { opacity: 0.01; transform: translateY(14px); } to { opacity: 1; transform: none; } }

.ya-govde { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, var(--ya-kolon)) minmax(0, 1fr); column-gap: clamp(var(--s-6), 4vw, var(--s-8));
  align-items: start; padding-bottom: clamp(var(--s-9), 9vw, var(--s-10)); }
.ya-yan { grid-column: 1; position: sticky; top: calc(72px + var(--s-6)); justify-self: end; width: min(100%, 248px); padding-top: var(--s-2); }
.ya-metin { grid-column: 2; min-width: 0; font-size: var(--fs-18); line-height: 1.7; }

.ya-ic { display: grid; gap: var(--s-4); }
.ya-ic__bas { display: flex; justify-content: space-between; align-items: baseline; gap: var(--s-3); padding-bottom: var(--s-3); border-bottom: 1px solid var(--cizgi);
  font-family: var(--mono); font-size: var(--fs-12); letter-spacing: var(--ls-label); color: var(--metin-2); }
.ya-ic__sayac { font-variant-numeric: tabular-nums; color: var(--metin); }
.ya-ic__sayac [data-sayac-n] { display: inline-block; }
.ya-ic__ray { position: relative; }
.ya-ic__ray::before { content: ""; position: absolute; left: 0; top: 4px; bottom: 4px; width: 1px; background: var(--cizgi); }
.ya-ic__gosterge { position: absolute; left: 0; top: 0; width: 100%; height: 0; border-radius: 0 var(--r-16) var(--r-16) 0; background: var(--zemin-2);
  box-shadow: inset 2px 0 0 var(--metin); opacity: 0; pointer-events: none; transition: opacity 360ms var(--ease-out); }
.ya-ic__liste { list-style: none; margin: 0; padding: 0; position: relative; display: grid; gap: 2px; }
.ya-ic__liste a { display: grid; grid-template-columns: 1.75rem minmax(0, 1fr); gap: var(--s-1); padding: 7px var(--s-3) 7px var(--s-4); border-radius: 0 var(--r-16) var(--r-16) 0;
  font-size: var(--fs-14); line-height: 1.35; text-decoration: none; color: var(--metin-2); transition: color 360ms var(--ease-out); }
.ya-ic__no { font-family: var(--mono); font-size: var(--fs-12); padding-top: 2px; transition: color 360ms var(--ease-out); }
.ya-ic__liste a[aria-current="true"] { color: var(--metin); font-weight: 500; }
.ya-ic__liste a.is-gecti .ya-ic__no { color: var(--metin); }
@media (hover: hover) and (pointer: fine) { .ya-ic__liste a:hover { color: var(--metin); } }
html:not(.js) .ya-ic__liste a:hover { background: var(--zemin-2); }
.ya-ic__alt { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--s-2) var(--s-4); padding-top: var(--s-3); border-top: 1px solid var(--cizgi); }
.ya-kopyala { display: inline-flex; align-items: center; gap: var(--s-2); min-height: 36px; padding: 0; border: 0; background: none; cursor: pointer;
  font-family: var(--mono); font-size: var(--fs-12); letter-spacing: var(--ls-label); color: var(--metin); border-radius: var(--r-12); }
.ya-kopyala svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; flex: none; }
.ya-kopyala.is-tamam svg { stroke: var(--vurgu); }
.ya-yukari { display: inline-flex; align-items: center; gap: var(--s-1); min-height: 36px; font-family: var(--mono); font-size: var(--fs-12); letter-spacing: var(--ls-label);
  color: var(--metin-2); text-decoration: none; border-radius: var(--r-12); }
.ya-yukari:hover { color: var(--metin); }

.ya-mobil-ic__top { display: none; }
.ya-mobil-ic { display: none; }

.ya-metin p { max-width: none; }
.ya-giris { display: grid; gap: var(--s-5); padding-bottom: var(--s-4); }
.ya-giris p:first-child { font-size: var(--fs-20); line-height: 1.6; }
.ya-bolum { display: grid; gap: var(--s-5); padding-top: var(--s-8); scroll-margin-top: 96px; }
.ya-bolum__baslik { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: baseline; gap: var(--s-4); font-size: var(--fs-32); font-weight: 600;
  letter-spacing: -0.02em; line-height: 1.15; margin-bottom: var(--s-1); }
.ya-bolum__no { font-family: var(--mono); font-size: var(--fs-14); font-weight: 400; letter-spacing: var(--ls-label); color: var(--metin-2); }
@media (min-width: 1100px) { .ya-bolum__baslik { margin-left: calc(-1 * (2.1rem + var(--s-4))); } .ya-bolum__no { width: 2.1rem; text-align: right; } }

.ya-liste { margin: 0; padding: 0; list-style: none; display: grid; gap: var(--s-4); }
.ya-liste li { position: relative; padding-left: var(--s-6); }
.ya-liste li::before { content: ""; position: absolute; left: 4px; top: 0.62em; width: 9px; height: 9px; background: var(--metin);
  clip-path: polygon(33% 0, 67% 0, 67% 33%, 100% 33%, 100% 67%, 67% 67%, 67% 100%, 33% 100%, 33% 67%, 0 67%, 0 33%, 33% 33%); }
.ya-liste strong { font-weight: 600; }

.ya-tablo { margin-block: var(--s-2); border-radius: var(--r-16); }
.ya-tablo .tablo { font-size: var(--fs-16); line-height: 1.5; }
.ya-tablo .tablo th, .ya-tablo .tablo td { padding: var(--s-4) var(--s-5) var(--s-4) 0; }
.ya-tablo .tablo tbody th { width: 30%; }

.ya-adimlar { margin: var(--s-2) 0; padding: var(--s-5) var(--s-5) var(--s-5); border: 1px solid var(--cizgi); border-radius: var(--r-32); }
.ya-adimlar figcaption { display: grid; gap: var(--s-1); margin-bottom: var(--s-5); }
.ya-adimlar__baslik { font-size: var(--fs-18); font-weight: 600; letter-spacing: -0.01em; }
.ya-adimlar ol { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-4); counter-reset: none; }
.ya-adimlar li { position: relative; display: grid; align-content: start; gap: var(--s-1); padding-top: var(--s-4); border-top: 2px solid var(--metin); font-size: var(--fs-16); line-height: 1.5; }
.ya-adimlar li + li::before { content: ""; position: absolute; top: -6px; left: calc(-1 * var(--s-4) + 2px); width: 10px; height: 10px; border-radius: 3px;
  background: var(--zemin); border: 2px solid var(--metin); transform: translateX(-50%) rotate(45deg) scale(0.8); }
.ya-adimlar__no { font-family: var(--mono); font-size: var(--fs-12); color: var(--metin-2); }
.ya-adimlar strong { font-size: var(--fs-18); font-weight: 600; }
.ya-adimlar__metin { color: var(--metin-2); font-size: var(--fs-14); line-height: 1.55; }

.ya-kutu { display: grid; gap: var(--s-2); margin-block: var(--s-2); padding: var(--s-5) var(--s-6); border-radius: var(--r-32); background: var(--zemin-2);
  box-shadow: inset 3px 0 0 var(--metin); }
.ya-kutu__baslik { font-size: var(--fs-24); font-weight: 300; letter-spacing: -0.025em; line-height: 1.25; }
.ya-kutu p:last-child { font-size: var(--fs-16); line-height: 1.6; color: var(--metin-2); }

.ya-kanit { margin: var(--s-2) 0; display: grid; gap: var(--s-3); }
.ya-kanit figcaption { display: grid; gap: var(--s-1); }
.ya-kanit__baslik { font-size: var(--fs-18); font-weight: 600; letter-spacing: -0.01em; }
.ya-kanit .kod { font-size: var(--fs-14); }
.ya-kanit__not { font-family: var(--mono); font-size: var(--fs-12); letter-spacing: var(--ls-label); color: var(--metin-2); line-height: 1.5; }

.ya-kontrol { display: grid; gap: var(--s-2); margin-top: var(--s-2); padding: var(--s-5) var(--s-6); border: 1px dashed var(--cizgi); border-radius: var(--r-32); }
.ya-kontrol__baslik { font-size: var(--fs-20); font-weight: 600; letter-spacing: -0.01em; margin-bottom: var(--s-2); }
.ya-kontrol ul { list-style: none; margin: 0; padding: 0; display: grid; }
.ya-kontrol li + li { border-top: 1px solid var(--cizgi); }
.ya-kontrol label { position: relative; display: grid; grid-template-columns: 22px minmax(0, 1fr); align-items: center; gap: var(--s-3); min-height: 48px;
  font-size: var(--fs-16); cursor: pointer; }
.ya-kontrol input { position: absolute; opacity: 0; width: 22px; height: 22px; margin: 0; cursor: pointer; }
.ya-kontrol__kutu { width: 22px; height: 22px; border-radius: 7px; border: 1.5px solid var(--metin-2); display: grid; place-items: center;
  transition: background-color 240ms var(--ease-out), border-color 240ms var(--ease-out); }
.ya-kontrol__kutu::after { content: ""; width: 10px; height: 10px; background: var(--zemin); transform: scale(0) rotate(-90deg);
  clip-path: polygon(33% 0, 67% 0, 67% 33%, 100% 33%, 100% 67%, 67% 67%, 67% 100%, 33% 100%, 33% 67%, 0 67%, 0 33%, 33% 33%);
  transition: transform 520ms cubic-bezier(0.3, 1.5, 0.45, 1); }
.ya-kontrol input:checked + .ya-kontrol__kutu { background: var(--metin); border-color: var(--metin); }
.ya-kontrol input:checked + .ya-kontrol__kutu::after { transform: none; }
.ya-kontrol input:checked ~ span:last-child { color: var(--metin-2); }
.ya-kontrol input:focus-visible + .ya-kontrol__kutu { outline: 2px solid var(--vurgu); outline-offset: 3px; }
.ya-kontrol input:focus-visible { outline: 2px solid var(--vurgu); outline-offset: 3px; }

.ya-zaaf { position: relative; display: grid; gap: var(--s-4); justify-items: start; margin-top: var(--s-9); padding: var(--s-7) var(--s-6) var(--s-6);
  border-radius: var(--r-48); background: var(--metin); color: var(--zemin); }
.ya-zaaf__arti { position: absolute; top: var(--s-6); right: var(--s-6); width: 32px; height: 32px; color: var(--vurgu); fill: var(--vurgu); }
.ya-zaaf__baslik { font-size: var(--fs-32); font-weight: 300; letter-spacing: -0.03em; }
.ya-zaaf__metin { font-size: var(--fs-18); line-height: 1.6; max-width: 52ch !important; }
.ya-zaaf__not { font-size: var(--fs-14); line-height: 1.6; color: color-mix(in srgb, var(--zemin) 80%, var(--metin)); max-width: 60ch !important; padding-top: var(--s-4); border-top: 1px solid color-mix(in srgb, var(--zemin) 25%, transparent); }
.ya-zaaf .btn { margin-top: var(--s-2); color: var(--zemin); border-color: color-mix(in srgb, var(--zemin) 40%, transparent); }
@media (hover: hover) and (pointer: fine) { .ya-zaaf .btn:hover { border-color: var(--zemin); } }

.ya-sss { padding-top: var(--s-9); display: grid; gap: var(--s-5); }
.ya-sss__baslik { font-size: var(--fs-32); font-weight: 600; letter-spacing: -0.02em; }
.ya-sss .sss summary { font-size: var(--fs-18); line-height: 1.4; }
.ya-sss .sss details p { font-size: var(--fs-16); line-height: 1.65; }
.ya-yasal { display: grid; gap: var(--s-1); margin-top: var(--s-7); font-size: var(--fs-14) !important; line-height: 1.6; color: var(--metin-2); }
.ya-paylas { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-3) var(--s-4); margin-top: var(--s-7); padding-top: var(--s-5); border-top: 1px solid var(--cizgi); }
.ya-paylas ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--s-2); }
.ya-paylas__dugme { display: inline-flex; align-items: center; gap: var(--s-2); min-height: 40px; padding: 0 var(--s-4); border: 1px solid var(--cizgi); border-radius: 14px;
  font-family: var(--font); font-size: var(--fs-14); font-weight: 500; letter-spacing: 0; color: var(--metin); text-decoration: none; background: transparent;
  transition: border-color var(--d-base) var(--ease-out); }
@media (hover: hover) and (pointer: fine) { .ya-paylas__dugme:hover { border-color: var(--metin); } }
.ya-paylas__tum { margin-left: auto; font-size: var(--fs-14); font-weight: 500; color: var(--metin); border-radius: var(--r-12); }

.ya-ilgili { padding-block: var(--s-8) clamp(var(--s-9), 9vw, var(--s-10)); border-top: 1px solid var(--cizgi); }
.ya-ilgili__bas { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: var(--s-3); margin-bottom: var(--s-6); }
.ya-ilgili__baslik { font-size: var(--fs-48); font-weight: 600; }

@media (max-width: 1099px) {
  .ya-govde, .ya-bas__alt { grid-template-columns: minmax(0, 1fr); }
  .ya-bas__alt > *, .ya-metin { grid-column: 1; }
  .ya-bas__alt, .ya-metin { max-width: var(--ya-kolon); margin-inline: auto; width: 100%; }
  .ya-yan { display: none; }
  .ya-mobil-ic { display: block; position: sticky; top: 72px; z-index: 20; margin: 0 calc(-1 * var(--gutter)) var(--s-6); padding-inline: var(--gutter);
    background: color-mix(in srgb, var(--zemin) 94%, transparent); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
    border-block: 1px solid var(--cizgi); font-size: var(--fs-14); line-height: 1.4; }
  .ya-mobil-ic summary { list-style: none; display: grid; grid-template-columns: auto minmax(0, 1fr) 14px; align-items: center; gap: var(--s-3); min-height: 52px;
    cursor: pointer; border-radius: var(--r-12); }
  .ya-mobil-ic summary::-webkit-details-marker { display: none; }
  .ya-mobil-ic summary::after { content: ""; width: 12px; height: 12px; background: currentColor; justify-self: end;
    clip-path: polygon(40% 0, 60% 0, 60% 40%, 100% 40%, 100% 60%, 60% 60%, 60% 100%, 40% 100%, 40% 60%, 0 60%, 0 40%, 40% 40%);
    transition: transform var(--d-base) var(--ease-out); }
  .ya-mobil-ic[open] summary::after { transform: rotate(45deg); }
  .ya-mobil-ic__etiket { font-family: var(--mono); font-size: var(--fs-12); letter-spacing: var(--ls-label); color: var(--metin-2); }
  .ya-mobil-ic__etkin { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; }
  .ya-mobil-ic__etkin .mono { margin-right: var(--s-2); color: var(--metin-2); font-size: var(--fs-12); }
  .ya-mobil-ic nav { max-height: 60vh; overflow-y: auto; padding-bottom: var(--s-3); }
  .ya-mobil-ic .ya-ic__liste a { padding-left: var(--s-2); border-radius: var(--r-16); }
  .ya-mobil-ic .ya-ic__liste a[aria-current="true"] { background: var(--zemin-2); }
}
@media (max-width: 640px) {
  .ya-metin { font-size: var(--fs-16); line-height: 1.7; }
  .ya-dek { font-size: var(--fs-20); }
  .ya-kunye { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ya-bolum__baslik { font-size: var(--fs-24); gap: var(--s-3); }
  .ya-adimlar ol { grid-template-columns: minmax(0, 1fr); }
  .ya-adimlar li + li::before { display: none; }
  .ya-kutu, .ya-kontrol { padding: var(--s-5); }
  .ya-zaaf { padding: var(--s-6) var(--s-5) var(--s-5); }
  .ya-zaaf__arti { top: var(--s-5); right: var(--s-5); width: 26px; height: 26px; }
  .ya-zaaf__baslik { padding-right: var(--s-7); }
  .ya-paylas__tum { margin-left: 0; flex-basis: 100%; }
  .ya-kirinti [aria-current] { max-width: 22ch; }
}

.ya-zaaf .btn { white-space: normal; max-width: 100%; text-align: left; }
.ya-zaaf > * { min-width: 0; }

@media (max-width: 700px) {
  .ya-tablo .tablo { min-width: 0; font-size: var(--fs-14); }
  .ya-tablo .tablo th, .ya-tablo .tablo td { padding-right: var(--s-3); }
  .ya-tablo .tablo tbody th { width: 34%; }
}

@media (max-width: 1023px) {
  .ya-kapak__kat { padding-block: 4px; margin-block: -4px; }
  .ya-kirinti a { padding-block: 4px; }
  .ya-paylas__tum { padding-block: 2px; margin-block: -2px; }
}

@media (max-width: 1023px) {
  
  .ya-mobil-ic { top: 72px; margin-bottom: var(--s-6); }
  .ya-mobil-ic::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--metin);
    transform-origin: 0 50%; transform: scaleX(var(--ya-ilerleme, 0)); transition: transform 900ms cubic-bezier(0.3, 1.15, 0.45, 1); pointer-events: none; }
  .ya-mobil-ic summary { grid-template-columns: auto minmax(0, 1fr) 44px; gap: var(--s-3); min-height: 56px; }
  .ya-mobil-ic summary::after { width: 14px; height: 14px; justify-self: center; }
  .ya-mobil-ic.is-etkin .ya-mobil-ic__etiket { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .ya-mobil-ic.is-etkin summary { grid-template-columns: minmax(0, 1fr) 44px; }
  .ya-mobil-ic__etkin { font-size: var(--fs-16); }
  .ya-mobil-ic__etkin .mono { display: inline-block; min-width: 4.4em; margin-right: var(--s-2); font-variant-numeric: tabular-nums; }
  .ya-mobil-ic__etkin .ya-mobil-ic__top { display: inline; color: var(--metin-2); opacity: 0.7; }
  .ya-mobil-ic nav { max-height: min(62vh, 520px); padding: var(--s-1) 0 var(--s-4); overscroll-behavior: contain; }
  .ya-mobil-ic .ya-ic__liste { gap: 2px; }
  .ya-mobil-ic .ya-ic__liste a { grid-template-columns: 2.25rem minmax(0, 1fr); align-items: baseline; min-height: 48px; padding: 13px var(--s-3);
    font-size: var(--fs-16); line-height: 1.35; }
  .ya-mobil-ic .ya-ic__no { padding-top: 0; }
  .ya-mobil-ic .ya-ic__liste a.is-gecti:not([aria-current]) { color: var(--metin); }
  .ya-bolum, .ya-bas { scroll-margin-top: 148px; }
  .ya-bolum__baslik, .ya-ilgili__baslik, .ya-zaaf__baslik, .ya-sss__baslik { text-wrap: balance; }
}
@media (max-width: 1023px) and (prefers-reduced-motion: no-preference) {
  .ya-mobil-ic[open] nav { animation: ya-ic-ac 520ms cubic-bezier(0.22, 1, 0.36, 1) both; }
  .ya-mobil-ic[open] .ya-ic__liste li { animation: ya-ic-ac 560ms cubic-bezier(0.22, 1, 0.36, 1) both; animation-delay: calc(40ms + var(--n, 0) * 28ms); }
}
@keyframes ya-ic-ac { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }
@media (max-width: 639px) {
  .ya-bas { padding-top: var(--s-4); }
  .ya-kirinti { margin-bottom: var(--s-4); }
  .ya-kapak { min-height: 0; }
  .ya-kapak .la-kapak__metin { gap: var(--s-4); padding: var(--s-5) var(--s-5) var(--s-6); }
  .ya-h1 { font-size: clamp(2.1rem, 1.1rem + 5vw, 2.75rem); line-height: 1.06; max-width: 14ch; text-wrap: balance; }
  .ya-kapak__yazar { font-size: var(--fs-18); }
  
  .ya-h1--uzun { font-size: clamp(1.75rem, 0.9rem + 4vw, 2.25rem); line-height: 1.08; max-width: none; }
  .ya-bas__alt { padding-block: var(--s-6) var(--s-5); }
  .ya-dek { line-height: 1.5; }
  .ya-kunye { gap: var(--s-4) var(--s-5); }
  .ya-giris p:first-child { font-size: var(--fs-18); }
  .ya-bolum { padding-top: var(--s-7); gap: var(--s-4); }
  .ya-bolum__baslik { gap: var(--s-2) var(--s-3); line-height: 1.2; }
  .ya-adimlar { padding: var(--s-5); }
  .ya-adimlar__metin { font-size: var(--fs-16); }
  .ya-kutu__baslik { font-size: var(--fs-20); }
  .ya-zaaf { margin-top: var(--s-8); }
  
  .ya-tablo { overflow: visible; }
  .ya-tablo .tablo, .ya-tablo .tablo tbody, .ya-tablo .tablo tr, .ya-tablo .tablo th, .ya-tablo .tablo td { display: block; width: auto; }
  .ya-tablo .tablo thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .ya-tablo .tablo tbody { display: grid; gap: var(--s-3); }
  .ya-tablo .tablo tr { display: grid; gap: var(--s-3); padding: var(--s-4) var(--s-5) var(--s-5); border: 1px solid var(--cizgi); border-radius: var(--r-32); }
  .ya-tablo .tablo tbody th { width: auto; padding: 0 0 var(--s-3); border-top: 0; border-bottom: 1px solid var(--cizgi); font-size: var(--fs-18); line-height: 1.3; }
  .ya-tablo .tablo td { padding: 0; border: 0; font-size: var(--fs-16); line-height: 1.5; }
  .ya-tablo .tablo td[data-et]::before { content: attr(data-et); display: block; margin-bottom: 2px; font-family: var(--mono); font-size: var(--fs-12);
    letter-spacing: var(--ls-label); color: var(--metin-2); }
  .ya-paylas ul { gap: var(--s-2); }
  .ya-paylas__dugme { min-height: 44px; }
  .ya-ilgili { padding-top: var(--s-7); }
  .ya-ilgili__baslik { font-size: var(--fs-32); }
}