.hc .bolum { padding-block: clamp(var(--s-8), 8vw, var(--s-10)); }
.hc .site-footer { margin-top: 0; }
.hc-bas { display: grid; gap: var(--s-4); max-width: 760px; margin-bottom: var(--s-7); }
.hc-bas .lead { max-width: 52ch; }
.hc-bas--satir { max-width: none; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: var(--s-3) var(--s-6); }
.hc-bas--satir .h2 { max-width: 20ch; }

.hc-hero { overflow-x: clip; }
.hc-hero__in { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(var(--s-6), 5vw, var(--s-9));
  align-items: center; min-height: calc(100svh - 72px); padding-block: var(--s-7) var(--s-8); }
.hc-hero__metin { display: grid; gap: var(--s-5); align-content: center; }
.hc-hero__baslik { font-weight: 300; font-size: clamp(2.4rem, 1rem + 3vw, 4.25rem); line-height: 1.02; letter-spacing: -0.035em; max-width: 11ch; }
.hc-hero__sub { font-size: var(--fs-18); color: var(--metin-2); max-width: 40ch; }
.hc-hero__cta { display: flex; flex-wrap: wrap; gap: var(--s-3); margin-top: var(--s-2); }
@media (prefers-reduced-motion: no-preference) {
  .js .hc-hero .eyebrow { animation: hc-belir 800ms var(--ease-out) 250ms both; }
  .js .hc-hero [data-belir] { animation: hc-belir 1000ms var(--ease-out) 650ms both; }
  .js .hc-hero [data-belir] + [data-belir] { animation-delay: 780ms; }
  .js .hc-kiyas { animation: hc-kiyas-gel 1300ms var(--ease-out) 300ms both; }
}
@keyframes hc-belir { from { opacity: 0.01; transform: translateY(14px); filter: blur(5px); } to { opacity: 1; transform: none; filter: none; } }
@keyframes hc-kiyas-gel { from { opacity: 0; transform: perspective(1600px) rotateX(10deg) translateY(40px) scale(0.97); } to { opacity: 1; transform: none; } }

.hc-kiyas { margin: 0; display: grid; gap: var(--s-3); min-width: 0; transform-origin: 50% 100%; }
.hc-kiyas__etiketler { display: flex; justify-content: space-between; gap: var(--s-4); padding-inline: var(--s-1); }
.hc-kiyas__etiket { display: inline-flex; align-items: center; gap: var(--s-2); font-family: var(--mono); font-size: var(--fs-12);
  letter-spacing: var(--ls-label); color: var(--metin-2); transition: color 420ms var(--ease-out); }
.hc-kiyas__etiket svg { width: 14px; height: 14px; fill: var(--vurgu); color: var(--vurgu); transition: transform 520ms var(--ease-out); }
.hc-kiyas__etiket.is-on { color: var(--metin); }
.hc-kiyas__etiket.is-on svg { transform: rotate(90deg); }
.hc-kiyas__not, .hc-kiyas__not .mono { color: var(--metin-2); }

.hc-kiyas__sahne { position: relative; display: flex; flex-direction: column; gap: var(--s-4); border-radius: var(--r-32); }
.hc-kiyas__ust { order: -1; }
.hc-kiyas__alt { position: relative; height: 240px; }
.hc-kiyas__ayrac { display: none; }

.js .hc-kiyas__sahne { display: block; touch-action: pan-y; -webkit-user-select: none; user-select: none; cursor: ew-resize; }
.js .hc-kiyas__alt { position: absolute; inset: 0; height: auto; }
.js .hc-kiyas__ust { position: relative; clip-path: inset(-2px calc(100% - var(--x)) -2px -2px); }
.js .hc-kiyas__ayrac { display: block; position: absolute; inset: 0; pointer-events: none; transform: translateX(var(--x)); }
.hc-kiyas__cizgi { position: absolute; top: -14px; bottom: -14px; left: -0.75px; width: 1.5px; background: var(--metin); border-radius: 1px; }
.hc-kiyas__tutamak { position: absolute; top: 50%; left: 0; translate: -50% -50%; width: 44px; height: 64px; display: grid; place-items: center;
  padding: 0; border: 0; border-radius: 16px; background: var(--metin); color: var(--zemin); cursor: ew-resize; pointer-events: auto;
  touch-action: none; transition: scale 320ms var(--ease-out), background-color var(--d-base) var(--ease-out); }
.hc-kiyas__tutamak svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.hc-kiyas__tutamak:focus-visible { outline: 2px solid var(--vurgu); outline-offset: 3px; border-radius: 16px; }
@media (hover: hover) and (pointer: fine) { .hc-kiyas__sahne:hover .hc-kiyas__tutamak { scale: 1.06; } }
.hc-kiyas__sahne.is-surukle .hc-kiyas__tutamak { scale: 0.94; background: var(--metin-2); color: var(--zemin); }
.hc-kiyas__ust .bulgu-karti { background: var(--zemin); }

.hc-g { position: absolute; inset: 0; display: grid; grid-template-rows: auto minmax(0, 1fr); background: var(--zemin-2);
  border: 1px solid var(--cizgi); border-radius: var(--r-32); overflow: hidden; }
.hc-g__ust { display: flex; justify-content: flex-end; gap: var(--s-5); padding: var(--s-4) var(--s-5); border-bottom: 1px dashed var(--cizgi);
  font-family: var(--mono); font-size: var(--fs-12); color: var(--metin-2); }
.hc-g__ust span:last-child::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: var(--s-2); border-radius: 2px;
  background: var(--sev-medium); vertical-align: 0.05em; }
.hc-g__pencere { position: relative; overflow: hidden; }
.hc-g__liste { list-style: none; margin: 0; padding: var(--s-2) var(--s-5) 0; font-family: var(--mono); font-size: var(--fs-12); line-height: 1.5; color: var(--metin-2); }
.hc-g__liste li { display: grid; grid-template-columns: minmax(0, 1fr) 7.5ch; gap: var(--s-3); align-items: center; padding-block: 7px;
  border-bottom: 1px dashed var(--cizgi); white-space: nowrap; text-align: right; font-size: 13px; }
.hc-g__txt { overflow: hidden; }
.hc-g__sev { justify-self: end; padding: 0 6px; border: 1px solid var(--cizgi); border-radius: var(--r-12); font-size: 11px; line-height: 1.7; }
.hc-g__sev[data-s="high"] { color: var(--metin); border-color: var(--metin-2); }
.hc-g__sev[data-s="info"] { border-style: dashed; }
@media (prefers-reduced-motion: no-preference) { .js .hc-g__liste { animation: hc-akis 46s linear infinite; } }
@keyframes hc-akis { from { transform: translateY(0); } to { transform: translateY(-100%); } }

.hc-secici-bolum { border-top: 1px solid var(--cizgi); }
.hc-secici { display: grid; gap: var(--s-4); }
.hc-secici .hc-bas { margin-bottom: var(--s-4); }
html:not(.js) .hc-sekmeler, html:not(.js) .hc-secici__ipucu { display: none; }

.hc-sekmeler { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-1); padding: 6px;
  border: 1px solid var(--cizgi); border-radius: var(--r-64); background: var(--zemin-2); }
.hc-gosterge { position: absolute; left: 0; top: 6px; bottom: 6px; width: var(--gw, 0); transform: translateX(var(--gx, 0));
  background: var(--metin); border-radius: var(--r-48); overflow: hidden; pointer-events: none;
  transition: transform 420ms var(--ease-in-out), width 420ms var(--ease-in-out), background-color var(--d-base) var(--ease-out); }
.hc-gosterge__ilerleme { position: absolute; left: var(--s-5); right: var(--s-5); bottom: 7px; height: 2px; border-radius: 1px;
  background: var(--zemin); opacity: 0.6; transform: scaleX(0); transform-origin: 0 50%; }
.hc-secici.is-elle .hc-gosterge__ilerleme { opacity: 0; transition: opacity var(--d-slow) var(--ease-out); }

.hc-sekme { position: relative; z-index: 1; display: flex; align-items: center; gap: var(--s-4); min-width: 0; min-height: 76px;
  padding: var(--s-3) var(--s-5); border: 0; border-radius: var(--r-48); background: transparent; cursor: pointer; text-align: left;
  color: var(--metin); transition: color 420ms var(--ease-in-out), background-color var(--d-base) var(--ease-out), transform var(--d-fast) var(--ease-out); }
.hc-sekme:active { transform: scale(0.985); }
.hc-sekme[aria-selected="true"] { color: var(--zemin); }
@media (hover: hover) and (pointer: fine) { .hc-sekme[aria-selected="false"]:hover { background: var(--zemin); } }
.hc-sekme:focus-visible { outline-offset: 2px; }
.hc-sekme__metin { display: grid; gap: 2px; min-width: 0; }
.hc-sekme__ad { font-weight: 600; font-size: var(--fs-18); letter-spacing: -0.01em; line-height: 1.2; }
.hc-sekme__kisa { font-family: var(--mono); font-size: var(--fs-12); letter-spacing: var(--ls-label); color: var(--metin-2);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color 420ms var(--ease-in-out); }
.hc-sekme[aria-selected="true"] .hc-sekme__kisa { color: color-mix(in srgb, var(--zemin) 74%, var(--metin)); }

.hc-glif { width: 30px; height: 30px; flex: none; overflow: visible; }
.hc-glif rect, .hc-panel__glif rect, .hc-yol__glif rect { transform-box: fill-box; transform-origin: center; }
.g-dolu, .g-vurgu { fill: currentColor; transition: fill 420ms var(--ease-in-out); }
.g-kontur { fill: none; stroke: currentColor; stroke-width: 1.3; }
.hc-sekme[aria-selected="true"] .g-vurgu { fill: var(--vurgu); }

.hc-paneller { display: grid; }
.js .hc-panel[data-ilk-gizli] { display: none; }
.hc-panel { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: var(--s-8); padding: clamp(var(--s-5), 4vw, var(--s-7));
  border: 1px solid var(--cizgi); border-radius: var(--r-64); background: var(--zemin-2); min-height: 27rem; }
.hc-panel[hidden] { display: none; }
html:not(.js) .hc-panel + .hc-panel { margin-top: var(--s-4); }
.hc-panel:focus-visible { outline-offset: 4px; border-radius: var(--r-64); }
.hc-panel__sol { display: grid; gap: var(--s-5); align-content: start; min-width: 0; }
.hc-panel__no { display: flex; align-items: center; gap: var(--s-3); color: var(--metin-2); }
.hc-panel__glif { width: 22px; height: 22px; flex: none; overflow: visible; color: var(--metin); }
.hc-panel__glif .g-vurgu { fill: var(--vurgu); }
.hc-panel__baslik { font-weight: 300; font-size: clamp(2rem, 1.2rem + 1.9vw, 2.9rem); line-height: 1.08; letter-spacing: -0.032em; max-width: 16ch; }
.hc-panel__liste { margin: 0; display: grid; }
.hc-panel__liste > div { display: grid; grid-template-columns: 9.5rem minmax(0, 1fr); gap: var(--s-4); padding-block: var(--s-3); border-top: 1px solid var(--cizgi); }
.hc-panel__liste dt { padding-top: 3px; }
.hc-panel__liste dd { margin: 0; }
.hc-panel__git { padding-top: var(--s-1); }
.hc-git { display: inline-flex; align-items: center; gap: var(--s-2); min-height: 44px; font-weight: 600; font-size: var(--fs-16);
  color: var(--metin); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 6px;
  transition: text-decoration-color var(--d-base) var(--ease-out); }
.hc-git .ok { display: inline-block; transition: transform var(--d-base) var(--ease-out); }
@media (hover: hover) and (pointer: fine) { .hc-git:hover { text-decoration-color: var(--vurgu); } .hc-git:hover .ok { transform: translateX(4px); } }
.hc-git:focus-visible { outline: 2px solid var(--vurgu); outline-offset: 4px; border-radius: var(--r-12); }
.hc-panel__cipler { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--s-2); }
.hc-panel__cipler .chip { color: var(--metin); background: var(--zemin); }
.hc-panel__sag { display: flex; flex-direction: column; gap: var(--s-5); min-width: 0; }
.hc-panel__kapsam { padding: clamp(var(--s-4), 2vw, var(--s-5)); margin: calc(-1 * clamp(var(--s-4), 2vw, var(--s-5))) calc(-1 * clamp(var(--s-4), 2vw, var(--s-5))) 0; }
.hc-panel__senaryo { display: grid; gap: var(--s-3); padding-left: 2px; }
.hc-kod { background: var(--zemin); }
.hc-kod .kod-satirlar { min-width: 0; }
.hc-kod .kod-satirlar li { white-space: pre-wrap; overflow-wrap: anywhere; }

.hc-kod .kod-satirlar li.kod-bulgu { box-shadow: none; }
.hc-kod .kod-bulgu::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--vurgu); transform-origin: 50% 0; }
.hc-panel__cikti { margin-top: auto; display: grid; gap: var(--s-2); padding-top: var(--s-4); border-top: 1px solid var(--cizgi); }
.hc-panel__cikti-metin { font-size: var(--fs-20); line-height: 1.4; max-width: 34ch; }

.hc-tanim { display: grid; gap: var(--s-5); }
.hc-tanim h2.label { font-weight: 400; letter-spacing: var(--ls-label); }
.hc-tanim__kapsam { padding: clamp(var(--s-6), 6vw, var(--s-9)) clamp(var(--s-5), 6vw, var(--s-10)); display: grid; gap: var(--s-7); }
.hc-tanim__metin { font-weight: 300; font-size: clamp(1.7rem, 0.9rem + 2.5vw, 3.25rem); line-height: 1.16; letter-spacing: -0.028em; max-width: 30ch; text-wrap: pretty; }
.hc-tanim__kural { display: flex; align-items: center; gap: var(--s-4); font-size: var(--fs-20); font-weight: 500; max-width: 52ch; }
.hc-tanim__kural svg { width: 30px; height: 30px; flex: none; fill: var(--vurgu); color: var(--vurgu); }

.hc-matris { background: var(--zemin-2); border-block: 1px solid var(--cizgi); }
.hc-matris__govde { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--s-6); align-items: start; }
.hc-izgara-kutu { position: relative; }
.hc-izgara { display: grid; gap: var(--s-2); }
.hc-izgara__satir { display: grid; grid-template-columns: minmax(150px, 1.25fr) repeat(3, minmax(0, 1fr)); gap: var(--s-2); }
.hc-izgara__satir:not(.hc-izgara__satir--ust) { min-height: 104px; }
.hc-izgara__kose { align-self: end; color: var(--metin-2); padding-bottom: var(--s-3); }
.hc-sutun { display: grid; gap: 2px; align-content: end; padding: 0 var(--s-2) var(--s-3); border-bottom: 1px solid var(--cizgi);
  transition: border-color var(--d-slow) var(--ease-out); }
.hc-sutun strong { font-size: var(--fs-18); font-weight: 600; letter-spacing: -0.01em; }
.hc-sutun__no { color: var(--metin-2); }
.hc-sutun__kisa { color: var(--metin-2); font-size: var(--fs-12); line-height: 1.35; }
.hc-durum { display: grid; align-content: center; gap: var(--s-1); padding-right: var(--s-4); font-weight: 600; font-size: var(--fs-16); line-height: 1.3;
  letter-spacing: -0.01em; text-wrap: balance; color: var(--metin-2); transition: color var(--d-slow) var(--ease-out); }
.hc-durum__no { color: var(--metin-2); font-weight: 400; }
.hc-hucre-kap { display: grid; }
.hc-hucre { position: relative; display: grid; place-items: center; width: 100%; min-height: 64px; padding: 0; border: 1px solid var(--cizgi);
  border-radius: var(--r-24); background: transparent; cursor: pointer; color: var(--metin-2);
  transition: background-color var(--d-base) var(--ease-out), border-color var(--d-base) var(--ease-out), color var(--d-base) var(--ease-out), transform var(--d-fast) var(--ease-out); }
.hc-hucre:active { transform: scale(0.97); }
.hc-hucre:focus-visible { outline: 2px solid var(--vurgu); outline-offset: 2px; border-radius: var(--r-24); }
.hc-hucre__no { position: absolute; top: var(--s-2); left: var(--s-3); font-size: 11px; color: var(--metin-2); }
.hc-hucre__arti { width: 18px; height: 18px; fill: var(--cizgi); transition: fill var(--d-slow) var(--ease-out), transform var(--d-slow) var(--ease-out); }
.hc-hucre__ipucu { position: absolute; bottom: var(--s-2); left: 0; right: 0; text-align: center; font-size: 11px; color: var(--metin-2); opacity: 0;
  transform: translateY(4px); transition: opacity var(--d-base) var(--ease-out), transform var(--d-base) var(--ease-out); }
@media (hover: hover) and (pointer: fine) {
  .hc-hucre:hover { border-color: var(--metin-2); color: var(--metin); }
  .hc-hucre:hover .hc-hucre__arti { fill: var(--metin-2); transform: scale(1.12); }
  .hc-hucre-kap[aria-selected="false"] .hc-hucre:hover .hc-hucre__ipucu { opacity: 1; transform: none; }
}

.hc-izgara.is-r0 .hc-izgara__satir:nth-child(2) .hc-durum,
.hc-izgara.is-r1 .hc-izgara__satir:nth-child(3) .hc-durum,
.hc-izgara.is-r2 .hc-izgara__satir:nth-child(4) .hc-durum,
.hc-izgara.is-r3 .hc-izgara__satir:nth-child(5) .hc-durum { color: var(--metin); }
.hc-izgara.is-c0 .hc-sutun:nth-child(2), .hc-izgara.is-c1 .hc-sutun:nth-child(3), .hc-izgara.is-c2 .hc-sutun:nth-child(4) { border-bottom-color: var(--metin); }
html:not(.js) .hc-durum { color: var(--metin); }
.hc-hucre-kap[aria-selected="true"] .hc-hucre { background: var(--zemin); border-color: var(--metin); color: var(--metin); }
.hc-hucre-kap[aria-selected="true"] .hc-hucre__arti { fill: var(--vurgu); transform: scale(1.18); }
.hc-hucre-kap[aria-selected="true"] .hc-hucre__no { color: var(--metin); }

.hc-izgara.is-bekle .hc-hucre__arti { opacity: 0; transform: scale(0.3); }

.hc-cerceve { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: 2; will-change: transform; }
.hc-cerceve.is-gorunur { opacity: 1; transition: opacity 400ms var(--ease-out); }
.hc-cerceve.is-kayar { transition: transform 620ms var(--ease-out), width 620ms var(--ease-out), height 620ms var(--ease-out), opacity 400ms var(--ease-out); }
.hc-cerceve__kapsam { position: absolute; inset: 0; padding: 0; }
.hc-cerceve .kapsam__kose { width: 18px; }
.hc-cerceve .kapsam__kose path { stroke: var(--vurgu); stroke-width: 2px; }

.hc-izgara-kutu.is-cerceveli .hc-hucre-kap[aria-selected="true"] .hc-hucre { border-color: transparent; }

.hc-mpanel { position: relative; display: grid; gap: var(--s-5); align-content: start; padding: var(--s-6); border: 1px solid var(--cizgi);
  border-radius: var(--r-32); background: var(--zemin); min-height: 100%; }
.hc-mpanel__ust { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s-3); }
.hc-mpanel__no { color: var(--metin-2); }
.hc-mpanel__no span { color: var(--metin); font-weight: 500; }
.hc-mpanel__durum { font-size: var(--fs-32); font-weight: 300; letter-spacing: var(--ls-large); line-height: 1.12; }
.hc-mpanel__on { color: var(--metin-2); }
.hc-mpanel__liste { margin: 0; display: grid; gap: 0; }
.hc-mpanel__liste div { padding-block: var(--s-4); border-top: 1px solid var(--cizgi); }
.hc-mpanel__liste dt { font-family: var(--mono); font-size: var(--fs-12); letter-spacing: var(--ls-label); color: var(--metin-2); margin-bottom: var(--s-1); }
.hc-mpanel__liste dd { margin: 0; font-size: var(--fs-16); }
.hc-mpanel__senaryo { display: grid; gap: var(--s-2); }
.hc-cipler { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--s-2); }
.hc-mpanel .chip { color: var(--metin); background: var(--zemin-2); }
.hc-mpanel__cta { justify-self: start; white-space: normal; text-align: left; min-height: 48px; padding-block: var(--s-3); line-height: 1.25; }
.hc-noscript { margin-top: var(--s-6); display: grid; gap: var(--s-3); padding-left: var(--s-5); }

.hc-surec__kutu { position: relative; }
.hc-surec__cizgi { position: absolute; left: 22px; top: 22px; width: calc(200% / 3); height: 1.5px; background: var(--cizgi); border-radius: 1px; }
.hc-surec__dolgu { position: absolute; inset: 0; background: var(--metin); border-radius: 1px; transform-origin: 0 0; transform: scaleX(var(--p, 1)); }
.hc-surec__kutu.is-dikey .hc-surec__dolgu { transform: scaleY(var(--p, 1)); }
.hc-surec__adimlar { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.hc-adim { position: relative; display: grid; gap: var(--s-3); align-content: start; justify-items: start; padding-right: var(--s-7); }
.hc-adim__dugum { position: relative; z-index: 1; width: 44px; height: 44px; display: grid; place-items: center; margin-bottom: var(--s-3);
  border: 1px solid var(--metin); border-radius: var(--r-48); background: var(--metin);
  transition: background-color 420ms var(--ease-out), border-color 420ms var(--ease-out), transform 520ms var(--ease-out); }
.hc-adim__dugum svg { width: 18px; height: 18px; fill: var(--zemin); color: var(--zemin); transition: fill 420ms var(--ease-out); }
.hc-adim:last-child .hc-adim__dugum svg { width: 24px; height: 24px; fill: var(--vurgu); color: var(--vurgu); }
.hc-adim__no { color: var(--metin-2); }
.hc-adim__baslik { font-size: var(--fs-24); }
.hc-adim__metin { color: var(--metin-2); max-width: 30ch; }

.is-canli .hc-adim:not(.is-ulasti) .hc-adim__dugum { background: var(--zemin); border-color: var(--cizgi); }
.is-canli .hc-adim:not(.is-ulasti) .hc-adim__dugum svg { fill: var(--cizgi); }
.is-canli .hc-adim.is-ulasti:last-child .hc-adim__dugum { animation: hc-muhur 620ms cubic-bezier(0.2, 1.4, 0.4, 1); }
@keyframes hc-muhur { from { transform: scale(1.25) rotate(-8deg); } to { transform: none; } }

.hc-kt { width: 100%; border-collapse: separate; border-spacing: 0; font-size: var(--fs-16); }
.hc-kt th, .hc-kt td { text-align: left; vertical-align: top; padding: var(--s-5); border-top: 1px solid var(--cizgi); }
.hc-kt thead th { border-top: 0; vertical-align: bottom; font-family: var(--mono); font-size: var(--fs-12); font-weight: 400;
  letter-spacing: var(--ls-label); color: var(--metin-2); }
.hc-kt tbody th { width: 24%; padding-left: 0; font-weight: 600; font-size: var(--fs-18); }
.hc-kt .hc-kt__cm { width: 42%; background: var(--zemin-2); color: var(--metin); font-size: var(--fs-18); font-weight: 500; line-height: 1.4; }
.hc-kt thead .hc-kt__cm { border-radius: var(--r-32) var(--r-32) 0 0; padding-top: var(--s-6); }
.hc-kt tbody tr:last-child .hc-kt__cm { border-radius: 0 0 var(--r-32) var(--r-32); }
.hc-kt__bas { display: inline-flex; align-items: center; gap: var(--s-2); font-family: var(--font); font-size: var(--fs-18); font-weight: 600;
  letter-spacing: var(--ls-large); color: var(--metin); }
.hc-kt__bas svg { width: 22px; height: 22px; fill: var(--vurgu); color: var(--vurgu); }
.hc-kt .hc-kt__pt { color: var(--metin-2); }
.hc-kt thead .hc-kt__pt, .hc-kt tbody .hc-kt__pt { padding-left: var(--s-6); }

.hc-yol__iz { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 1.5fr); gap: var(--s-5); }
.hc-yol__bugun, .hc-yol__gelecek { display: grid; gap: var(--s-4); align-content: start; }
.hc-yol__etiket { padding-top: var(--s-3); border-top: 1.5px solid var(--metin); max-width: none; }
.hc-yol__gelecek .hc-yol__etiket { border-top: 1.5px dashed var(--cizgi); }
.hc-yol__liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-3); }
.hc-yol__oge { display: flex; align-items: center; gap: var(--s-3); min-height: 84px; padding: var(--s-4) var(--s-5); border: 1px solid var(--cizgi);
  border-radius: var(--r-32); background: var(--zemin-2); font-weight: 600; font-size: var(--fs-18);
  transition: border-color 420ms var(--ease-out); }
.hc-yol__oge.is-secili { border-color: var(--metin); }
.hc-yol__glif { width: 26px; height: 26px; flex: none; overflow: visible; }
.hc-yol__oge.is-secili .g-vurgu { fill: var(--vurgu); }
.hc-yol__oge--gelecek { background: transparent; border-style: dashed; color: var(--metin-2); font-weight: 500; }
.hc-yol__oge--gelecek { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; }
.hc-yol__oge--gelecek .chip { font-weight: 400; }
.hc-yol__not { color: var(--metin-2); font-size: var(--fs-14); max-width: 52ch; }

.hc-sss { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--s-8); align-items: start; }

@media (max-width: 1100px) {
  .hc-sekme__kisa { display: none; }
  .hc-matris__govde { grid-template-columns: minmax(0, 1fr); }
  .hc-yol__iz { grid-template-columns: minmax(0, 1fr); gap: var(--s-7); }
  .hc-yol__oge--gelecek { max-width: 520px; }
}
@media (max-width: 859px) {
  
  .hc-hero__in { grid-template-columns: minmax(0, 1fr); min-height: 0; padding-block: var(--s-6) var(--s-8); gap: var(--s-7); }
  .hc-hero__baslik { max-width: 14ch; }

  
  .hc-sekmeler { border-radius: var(--r-48); }
  .hc-gosterge { border-radius: var(--r-32); }
  .hc-sekme { flex-direction: column; justify-content: center; gap: var(--s-2); min-height: 76px; padding: var(--s-3) var(--s-1); text-align: center; border-radius: var(--r-32); }
  .hc-sekme__ad { font-size: var(--fs-14); }
  .hc-glif { width: 24px; height: 24px; }
  .hc-gosterge__ilerleme { left: var(--s-4); right: var(--s-4); bottom: 5px; }
  .hc-panel { grid-template-columns: minmax(0, 1fr); gap: var(--s-6); border-radius: var(--r-48); min-height: 0; }
  .hc-panel__baslik { font-size: var(--fs-32); }
  .hc-panel__liste > div { grid-template-columns: minmax(0, 1fr); gap: var(--s-1); }

  
  .hc-izgara__satir { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .hc-izgara__satir:not(.hc-izgara__satir--ust) { min-height: 0; }
  .hc-izgara__kose { display: none; }
  .hc-durum { grid-column: 1 / -1; display: flex; align-items: baseline; gap: var(--s-2); padding: var(--s-3) 0 0; }
  .hc-sutun { padding-inline: var(--s-1); }
  .hc-sutun__kisa { display: none; }
  .hc-sutun strong { font-size: var(--fs-14); }
  .hc-hucre { min-height: 56px; }
  .hc-hucre__ipucu { display: none; }
  .hc-mpanel { padding: var(--s-5); }

  
  .hc-surec__cizgi { display: none; }
  .hc-surec__kutu.is-dikey .hc-surec__cizgi { display: block; }
  .hc-surec__adimlar { grid-template-columns: minmax(0, 1fr); }
  .hc-adim { padding: 0 0 var(--s-7) 68px; }
  .hc-adim:last-child { padding-bottom: 0; }
  .hc-adim__dugum { position: absolute; left: 0; top: 0; margin: 0; }

  
  .hc-kt thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .hc-kt, .hc-kt tbody { display: block; }
  .hc-kt tr { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--s-2); padding-block: var(--s-5); border-top: 1px solid var(--cizgi); }
  .hc-kt th, .hc-kt td { display: block; width: auto !important; border: 0; padding: 0; }
  .hc-kt tbody th { grid-column: 1 / -1; margin-bottom: var(--s-2); }
  .hc-kt td { padding: var(--s-4); border-radius: var(--r-24); font-size: var(--fs-16); }
  .hc-kt td::before { content: attr(data-etiket); display: block; margin-bottom: var(--s-1); font-family: var(--mono);
    font-size: var(--fs-12); font-weight: 400; letter-spacing: var(--ls-label); color: var(--metin-2); }
  .hc-kt tbody .hc-kt__cm, .hc-kt tbody tr:last-child .hc-kt__cm { border-radius: var(--r-24); font-size: var(--fs-16); }
  .hc-kt tbody .hc-kt__pt { padding-left: var(--s-4); border: 1px dashed var(--cizgi); }

  
  .hc-yol__liste { grid-template-columns: minmax(0, 1fr); }
  .hc-yol__oge { min-height: 64px; }
  .hc-sss { grid-template-columns: minmax(0, 1fr); gap: var(--s-6); }
}
@media (max-width: 560px) {
  .hc-kt tr { grid-template-columns: minmax(0, 1fr); }
  .hc-kiyas__tutamak { width: 40px; height: 56px; }
}

@media (max-width: 900px) { .hc .cta-etiket__aski { overflow-y: clip; } }
@media (max-width: 859px) {
  .hc-hero__baslik, .hc-bas .h2, .hc .cta-etiket__baslik { text-wrap: balance; }
  .hc-hero__cta { gap: var(--s-2); }
  .hc-hero__cta .btn { padding-inline: var(--s-4); }
}
@media (max-width: 767px) {
  
  .hc .bolum { padding-block: var(--s-8); }
  .hc-bas { margin-bottom: var(--s-6); }
  .hc-hero__in { padding-block: var(--s-6) var(--s-7); gap: var(--s-6); }

  
  .js .hc-kiyas__sahne { cursor: default; overflow: hidden; }
  .js .hc-kiyas__ust { clip-path: inset(-2px -2px calc(100% - var(--x)) -2px); }
  .js .hc-kiyas__alt { overflow: hidden; border-radius: var(--r-32); }
  .js .hc-kiyas__alt .hc-g { transform: translateY(var(--x)); }
  .js .hc-kiyas__ayrac { transform: translateY(var(--x)); }
  .hc-kiyas__cizgi { top: -0.75px; bottom: auto; left: 0; right: 0; width: auto; height: 1.5px; }
  .hc-kiyas__tutamak { top: 0; left: 50%; width: 64px; height: 44px; cursor: ns-resize; }
  .hc-kiyas__tutamak svg { rotate: 90deg; }
  .hc-kiyas__etiketler { padding-inline: 0; }
  
  .hc-g__ust { justify-content: space-between; }
  .hc-g__liste { padding-inline: var(--s-4); }
  .hc-g__liste li { text-align: left; }
  .hc-g__txt { text-overflow: ellipsis; }

  
  .hc-hucre { min-height: 48px; }
  .hc-durum { padding-top: var(--s-2); }
  .hc-matris__govde { gap: var(--s-5); }

  
  .hc-tanim__metin { text-wrap: pretty; }
  .hc-adim { padding-bottom: var(--s-6); }

  
  .hc-yol__oge--gelecek { grid-template-columns: auto minmax(0, 1fr); }
  .hc-yol__oge--gelecek .chip { grid-column: 2; justify-self: start; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .hc .bolum { padding-block: var(--s-9); }
}
@media (max-width: 767px) {
  .hc .cta-etiket__in { padding-block: var(--s-8); gap: var(--s-6); }
  .hc .cta-etiket__aski { min-height: 470px; }
}