@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLySOxKsv4RnUPU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLyTOxKsv4RnUPU.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLydOxKsv4Rn.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLySOxKsv4RnUPU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLyTOxKsv4RnUPU.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLydOxKsv4Rn.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLySOxKsv4RnUPU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLyTOxKsv4RnUPU.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLydOxKsv4Rn.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLySOxKsv4RnUPU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLyTOxKsv4RnUPU.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLydOxKsv4Rn.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Kocaeli Rehber · KONSOL
   Duzen: solda dev baslik, sagda canli sayi tablosu. Ic sayfalarda yapiskan sol
   filtre rayi ve sagda yogun kayit listesi. Kart izgarasi yok, fotograf yok.
   Bu bir arac: hareket en aza indirilir, gecis suresi 120ms'i asmaz.
   Palet: Pantone 19-4052 Classic Blue. Aydinlik, koyu tema yok. */

:root{
  --font-display:"Archivo","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-body:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif;

  --brand:#0F4C81;          /* yapi ve etkilesim */
  --brand-koyu:#0A3459;
  --brand-soft:#E8EEF5;     /* secili zemin */
  --kural:#A9C2DA;          /* ince mavi kural */
  --vurgu:#D8A31A;          /* yalnizca uyari ve vurgu */
  --vurgu-soft:#FBF3DE;

  --bg:#F7F8FA; --kagit:#FFFFFF;
  --ink:#101720; --ink-2:#4A5766; --ink-3:#75828F;
  --cizgi:#DCE1E7; --cizgi-koyu:#C3CAD3;
  --link:#0F4C81; --focus:#0F4C81;

  --wrap:82rem; --dar:46rem;
  --h1:clamp(1.95rem,1.5rem + 1.9vw,2.9rem);
  --h1-w:800;
  --cubuk:3.5rem;           /* yapiskan baslik yuksekligi */
  --gecis:120ms;            /* arac: bundan uzun gecis yok */
}

body{background:var(--bg);line-height:1.55}
::selection{background:var(--brand);color:#fff}
h1,h2,h3{color:var(--ink)}
h2{font-size:clamp(1.35rem,1.1rem + .9vw,1.9rem);letter-spacing:-.015em}
a{color:var(--link)}

/* ------------------------------------------------------------------ baslik */
.chrome{
  position:sticky;top:0;z-index:60;background:var(--kagit);
  border-bottom:1px solid var(--cizgi);
  transition:box-shadow var(--gecis) linear;
}
.chrome.kucuk{box-shadow:0 8px 20px -18px rgba(16,23,32,.75)}
.chrome .bar{
  display:flex;align-items:center;flex-wrap:wrap;      /* mobilde menu alt satira iner */
  gap:var(--space-2) var(--space-5);
  min-height:var(--cubuk);padding:var(--space-2) 0;
}
.brand{
  display:inline-flex;align-items:center;gap:.5rem;
  font-family:var(--font-display);font-weight:700;font-size:1.02rem;
  letter-spacing:-.015em;color:var(--brand);text-decoration:none;
}
.brand .mark{color:var(--brand)}
.nav{display:flex;gap:var(--space-1);margin-left:auto;flex-wrap:wrap}
.nav a{
  color:var(--ink-2);text-decoration:none;font-size:.86rem;font-weight:500;
  letter-spacing:.004em;padding:.35rem .55rem;border-radius:2px;
  transition:color var(--gecis) linear,background var(--gecis) linear;
}
.nav a:hover{color:var(--brand);background:var(--brand-soft)}
.nav a[aria-current="page"]{color:var(--brand);background:var(--brand-soft);font-weight:600}
.navtoggle{display:none;margin-left:auto;background:none;border:1px solid var(--cizgi);
  border-radius:2px;color:var(--ink);padding:.35rem;cursor:pointer;line-height:0}

/* ------------------------------------------------------- konsol hero (ana) */
.konsol{background:var(--kagit);border-bottom:1px solid var(--cizgi);
  padding:var(--space-7) 0 var(--space-8);position:relative;overflow:hidden}
.konsol-ic{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:var(--space-7);align-items:start}
.konsol h1{font-size:clamp(2.5rem,1.4rem + 4.3vw,4.5rem);line-height:.94;
  letter-spacing:-.038em;margin-bottom:var(--space-4);max-width:13ch}
.konsol .lede{max-width:50ch;color:var(--ink-2)}

.etiket{display:inline-flex;align-items:center;gap:.55rem;margin:0 0 var(--space-4);
  font-family:var(--font-display);font-size:.74rem;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--brand)}
.etiket::before{content:"";width:1.7rem;height:2px;background:var(--vurgu)}

/* --- sag: durum tablosu. Sayilar gercek veriden gelir, sayarak yerine oturur */
.panel{border:1px solid var(--cizgi-koyu);background:var(--kagit);border-radius:2px;
  overflow:hidden;position:relative}
.panel-serit{height:4.5rem;overflow:hidden;border-bottom:1px solid var(--cizgi-koyu)}
.panel-serit img{width:100%;height:100%;object-fit:cover;object-position:50% 42%}
.panel-ust{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);
  padding:.6rem var(--space-4);background:var(--brand);color:#fff;
  font-family:var(--font-display);font-size:.72rem;font-weight:600;
  letter-spacing:.13em;text-transform:uppercase}
.panel-ust span:last-child{letter-spacing:.05em;color:rgba(255,255,255,.72);font-variant-numeric:tabular-nums}
.durum{margin:0}
.durum-satir{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;
  gap:var(--space-4);padding:.62rem var(--space-4);border-bottom:1px solid var(--cizgi)}
.durum-satir:last-child{border-bottom:0}
.durum dt{color:var(--ink-2);font-size:.92rem}
.durum dt small{display:block;color:var(--ink-3);font-size:.76rem;letter-spacing:.01em}
.durum dd{margin:0;font-family:var(--font-display);font-weight:700;font-size:1.5rem;
  letter-spacing:-.025em;color:var(--ink);font-variant-numeric:tabular-nums}
.panel-alt{padding:.7rem var(--space-4);background:var(--bg);border-top:1px solid var(--cizgi);
  font-size:.78rem;color:var(--ink-3)}
.panel-alt a{color:var(--ink-2)}

/* ------------------------------------------------- giris satirlari (kart yok) */
.bolum{padding:var(--space-7) 0}
.bolum-ust{display:flex;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-5)}
.bolum-ust h2{margin:0;white-space:nowrap;font-size:1.15rem;letter-spacing:.005em}
.bolum-ust::after{content:"";flex:1;height:1px;background:var(--cizgi)}
.bolum-ust .not{color:var(--ink-3);font-size:.82rem;white-space:nowrap}

.giris{list-style:none;margin:0;padding:0;border-top:1px solid var(--cizgi)}
.giris a{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr) auto;
  gap:var(--space-2) var(--space-5);align-items:baseline;
  padding:var(--space-4) var(--space-3);border-bottom:1px solid var(--cizgi);
  text-decoration:none;color:inherit;
  transition:background var(--gecis) linear,box-shadow var(--gecis) linear}
.giris a:hover,.giris a:focus-visible{background:var(--brand-soft);
  box-shadow:inset 3px 0 0 var(--brand)}
.giris .ad{font-family:var(--font-display);font-weight:700;font-size:1.02rem;
  letter-spacing:-.012em;color:var(--brand)}
.giris .not{color:var(--ink-2);font-size:.92rem}
.giris .sayi{font-variant-numeric:tabular-nums;color:var(--ink-3);font-size:.85rem;
  white-space:nowrap;text-align:right}

/* --------------------------------------------------- dizin: yapiskan sol ray */
.dizin-bas{padding:var(--space-6) 0 var(--space-5)}
.dizin-bas h1{margin-bottom:var(--space-3)}
.dizin-bas .lede{color:var(--ink-2)}
.dizin{display:grid;grid-template-columns:minmax(0,16.5rem) minmax(0,1fr);
  gap:var(--space-6);align-items:start;padding-bottom:var(--space-8)}

.ray{position:sticky;top:calc(var(--cubuk) + var(--space-4));align-self:start;
  border-right:1px solid var(--cizgi);padding-right:var(--space-5)}
.ray-baslik{font-family:var(--font-display);font-size:.72rem;font-weight:600;
  letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);
  margin:0 0 var(--space-3)}
.ara{width:100%;padding:.5rem .65rem;font:inherit;font-size:.92rem;color:var(--ink);
  background:var(--kagit);border:1px solid var(--cizgi-koyu);border-radius:2px;
  margin-bottom:var(--space-5);transition:border-color var(--gecis) linear}
.ara:focus{border-color:var(--brand)}
.filtreler{display:flex;flex-direction:column;border-top:1px solid var(--cizgi)}
.cip{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);
  width:100%;text-align:left;font:inherit;font-size:.9rem;color:var(--ink-2);
  background:none;border:0;border-bottom:1px solid var(--cizgi);
  padding:.42rem .5rem;cursor:pointer;
  transition:background var(--gecis) linear,color var(--gecis) linear}
.cip span{font-variant-numeric:tabular-nums;font-size:.8rem;color:var(--ink-3)}
.cip:hover{background:var(--brand-soft);color:var(--brand)}
.cip[aria-pressed="true"]{background:var(--brand);color:#fff}
.cip[aria-pressed="true"] span{color:rgba(255,255,255,.75)}
.ray-not{margin:var(--space-4) 0 0;font-size:.78rem;color:var(--ink-3);max-width:none}

.kayitlar{min-width:0}
.sayim{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4);
  margin:0 0 var(--space-2);padding-bottom:var(--space-2);
  font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;
  font-family:var(--font-display);font-weight:600;color:var(--ink-3);
  font-variant-numeric:tabular-nums;max-width:none}

.rows{list-style:none;margin:0;padding:0;border-top:1px solid var(--cizgi-koyu)}
.row{display:grid;grid-template-columns:minmax(0,26rem) 7rem minmax(0,1fr);
  gap:var(--space-2) var(--space-4);align-items:baseline;
  padding:.62rem var(--space-3);border-bottom:1px solid var(--cizgi);
  font-variant-numeric:tabular-nums;
  transition:background var(--gecis) linear}
.row:hover{background:var(--kagit)}
.row[hidden]{display:none}
.row .ad{font-weight:600;color:var(--ink);letter-spacing:-.004em;min-width:0}
.row .yer{display:block;font-weight:400;font-size:.83rem;color:var(--ink-3);
  letter-spacing:0;margin-top:.08rem}
.row .ilce{min-width:0}
.row .iletisim{font-size:.85rem;color:var(--ink-2);text-align:right}
.row .iletisim a{color:var(--brand);text-decoration:none;border-bottom:1px solid var(--kural)}
.row .iletisim a:hover{border-bottom-color:var(--brand)}
.badge{display:inline-block;font-size:.73rem;letter-spacing:.03em;color:var(--brand);
  background:var(--brand-soft);border:1px solid var(--kural);border-radius:2px;
  padding:.08rem .42rem;white-space:nowrap}
.badge.kod{font-family:var(--font-display);font-weight:700;letter-spacing:.02em;
  background:var(--brand);border-color:var(--brand);color:#fff}
.empty{color:var(--ink-2);padding:var(--space-7) var(--space-3);
  border-bottom:1px solid var(--cizgi)}

/* ------------------------------------------- okuma kolonu: solda ince kural */
.yazi{padding:var(--space-6) 0 var(--space-8)}
.kolon{width:min(100% - var(--space-5)*2,var(--dar));margin-inline:auto;
  border-left:2px solid var(--kural);padding-left:var(--space-5)}
.kolon.genis{width:min(100% - var(--space-5)*2,72rem)}
.kolon>h1{margin-bottom:var(--space-4)}
.kolon h2{margin-top:var(--space-7)}
.kolon h2:first-of-type{margin-top:var(--space-6)}
.kolon h2[id]{scroll-margin-top:calc(var(--cubuk) + 1rem)}
.kolon h3{margin-top:var(--space-5)}
.kolon p{color:var(--ink-2)}
.kolon .lede{color:var(--ink-2)}
.kolon ul,.kolon ol{max-width:var(--measure);color:var(--ink-2);padding-left:1.15rem}
.kolon li{margin-bottom:var(--space-2)}

.callout{border-left:3px solid var(--vurgu);background:var(--vurgu-soft);
  padding:var(--space-4) var(--space-5);margin:var(--space-6) 0;max-width:var(--measure)}
.callout p{margin-bottom:0;color:var(--ink)}
.callout p+p{margin-top:var(--space-3)}

/* --------------------------------------------------------- acil numara satiri */
.acil{list-style:none;margin:0 0 var(--space-6);padding:0;
  border-top:1px solid var(--cizgi-koyu)}
.acil li{display:grid;grid-template-columns:4.5rem minmax(0,13rem) minmax(0,1fr);
  gap:var(--space-2) var(--space-4);align-items:baseline;
  padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--cizgi)}
.acil .no{font-family:var(--font-display);font-weight:800;font-size:1.25rem;
  color:var(--brand);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.acil .ad{font-weight:600;color:var(--ink)}
.acil .ne{color:var(--ink-2);font-size:.9rem}
.acil li.oncelik{background:var(--vurgu-soft);box-shadow:inset 3px 0 0 var(--vurgu)}

/* ------------------------------------------------------------------- tablolar */
.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 var(--space-6);
  border:1px solid var(--cizgi)}
table.data{border-collapse:collapse;width:100%;font-size:.9rem;background:var(--kagit)}
table.data th,table.data td{text-align:left;padding:.5rem var(--space-4);
  border-bottom:1px solid var(--cizgi);vertical-align:top}
table.data thead th{background:var(--brand-soft);color:var(--brand);font-weight:600;
  font-size:.74rem;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;
  border-bottom:1px solid var(--kural);position:sticky;top:0}
table.data td{font-variant-numeric:tabular-nums;color:var(--ink-2)}
table.data td:first-child{color:var(--ink);font-weight:500}
table.data td.times{color:var(--ink);letter-spacing:.01em}
table.data tbody tr:last-child td{border-bottom:0}

/* --------------------------------------------------------- durak ve adim listesi */
.stops{list-style:none;padding:0;margin:0 0 var(--space-6);counter-reset:durak;
  max-width:var(--measure)}
.stops li{counter-increment:durak;position:relative;padding:.3rem 0 .3rem var(--space-6);
  border-left:2px solid var(--kural);margin-left:.6rem}
.stops li::before{content:counter(durak);position:absolute;left:-.72rem;top:.35rem;
  width:1.3rem;height:1.3rem;border-radius:2px;background:var(--brand-soft);
  color:var(--brand);border:1px solid var(--kural);font-size:.68rem;
  display:grid;place-items:center;font-variant-numeric:tabular-nums}
.stops li:first-child,.stops li:last-child{font-weight:600;color:var(--ink)}

.steps{list-style:none;counter-reset:adim;padding:0;margin:0 0 var(--space-6)}
.steps li{counter-increment:adim;position:relative;padding:0 0 var(--space-5) var(--space-7);
  border-left:2px solid var(--cizgi);margin-left:.75rem}
.steps li:last-child{border-left-color:transparent}
.steps li::before{content:counter(adim);position:absolute;left:-1rem;top:0;
  width:1.9rem;height:1.9rem;border-radius:2px;background:var(--brand);color:#fff;
  display:grid;place-items:center;font-size:.82rem;font-family:var(--font-display);
  font-weight:700;font-variant-numeric:tabular-nums}
.steps h3{margin-bottom:var(--space-2);margin-top:0}
.steps p{color:var(--ink-2);margin:0}

.qa{padding:var(--space-4) 0;border-bottom:1px solid var(--cizgi)}
.qa h3{margin:0 0 var(--space-2)}
.qa p{margin:0;color:var(--ink-2)}

.toc{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);
  padding:var(--space-3) 0;margin:0 0 var(--space-6);
  border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi)}
.toc a{color:var(--ink-2);text-decoration:none;font-size:.86rem}
.toc a:hover{color:var(--brand)}

/* --------------------------------------------------------------- kirinti, alt */
.crumbs{padding:var(--space-4) 0 0;font-size:.8rem;color:var(--ink-3);
  letter-spacing:.01em}
.crumbs a{color:var(--ink-3);text-decoration:none}
.crumbs a:hover{color:var(--brand)}

footer{background:#EDF1F6;border-top:1px solid var(--cizgi-koyu);
  margin-top:var(--space-8);padding:var(--space-7) 0 var(--space-8);
  color:var(--ink-2);font-size:.9rem}
.footlinks{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));
  gap:.35rem var(--space-5);margin-bottom:var(--space-5);
  padding-bottom:var(--space-5);border-bottom:1px solid var(--cizgi-koyu)}
.footlinks a{color:var(--ink-2);text-decoration:none;font-size:.88rem;padding:.15rem 0}
.footlinks a:hover{color:var(--brand)}
footer p{max-width:64ch;font-size:.85rem}
footer time{font-variant-numeric:tabular-nums}

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

/* ------------------------------------------------------------------- olcekler */
@media (max-width:74rem){
  .row{grid-template-columns:minmax(0,20rem) 7rem minmax(0,1fr)}
  .konsol-ic{gap:var(--space-6)}
}
@media (max-width:64rem){
  .konsol-ic{grid-template-columns:1fr;gap:var(--space-6)}
  .konsol h1{max-width:16ch}
  .panel{max-width:34rem}
  .dizin{grid-template-columns:minmax(0,1fr);gap:var(--space-4)}
  /* ray uste gecer ve yapiskan kalir */
  .ray{position:sticky;top:calc(var(--cubuk) - 1px);z-index:30;background:var(--bg);
    border-right:0;border-bottom:1px solid var(--cizgi-koyu);
    padding:var(--space-3) 0;margin:0}
  .ray-baslik{display:none}
  .ara{margin-bottom:var(--space-3)}
  .filtreler{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:.35rem;
    border-top:0;padding-bottom:.2rem;-webkit-overflow-scrolling:touch}
  .cip{width:auto;border:1px solid var(--cizgi-koyu);border-radius:999px;
    padding:.25rem .65rem;white-space:nowrap;font-size:.85rem;background:var(--kagit)}
  .ray-not{display:none}
  .giris a{grid-template-columns:minmax(0,1fr) auto}
  .giris .not{grid-column:1/-1}
}
@media (max-width:46rem){
  .navtoggle{display:inline-flex}
  .nav{flex-basis:100%;margin-left:0;flex-direction:column;gap:0;
       overflow:hidden;height:0}                    /* kapaliyken yukseklik sifir */
  .nav a{padding:var(--space-3) .1rem;border-top:1px solid var(--cizgi);
    font-size:1rem;border-radius:0;background:none}
  .nav a[aria-current="page"]{background:none;box-shadow:inset 3px 0 0 var(--brand);
    padding-left:var(--space-3)}
  html.no-js .nav{height:auto}
  .konsol{padding:var(--space-6) 0 var(--space-7)}
  .konsol h1{max-width:none}
  /* mobilde satir iki katta okunur: ad ustte, rozet ve iletisim altta yan yana */
  .row{grid-template-columns:auto minmax(0,1fr);gap:.3rem var(--space-3);
    padding:var(--space-3) var(--space-2)}
  .row .ad{grid-column:1/-1}
  .row .iletisim{text-align:left}
  .acil li{grid-template-columns:4.5rem minmax(0,1fr)}
  .acil .ne{grid-column:2/-1}
  .kolon{border-left-width:2px;padding-left:var(--space-4)}
  .footlinks{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr))}
}
@media (prefers-reduced-motion:reduce){
  .chrome,.nav a,.cip,.row,.giris a,.ara{transition:none}
}