@font-face {
  font-family: Sora;
  src: url('/assets/fonts/Sora-Latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  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: Sora;
  src: url('/assets/fonts/Sora-LatinExt.woff2') format('woff2');
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  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-20A0,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
:root {
  --bs-body-font-family: 'Sora',system-ui,sans-serif;
  --bs-body-bg: #fafaf9;
  --bs-body-color: #292524;
  --bs-border-color: #d6d3d1;
  --bs-border-radius: 0;
  --bs-border-radius-sm: 0;
  --bs-border-radius-lg: 0;
  --bs-border-radius-xl: 0;
  --bs-link-color: #925b04;
  --bs-link-hover-color: #171718;
  --ink: #171718;
  --amber: #f59e0b;
  --muted: #57534e;
}
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }
*, *::before, *::after { border-radius: 0 !important; }
.container { max-width: 1152px; padding-inline: 24px; }
a { text-decoration: none; }
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible {
  outline: 3px solid var(--amber); outline-offset: 3px;
}
.skip-link { position: absolute; top: -70px; left: 12px; z-index: 100; padding: 12px; background: #fff; }
.skip-link:focus { top: 8px; }
.site-header { background: var(--ink); border-bottom: 1px solid #404040; color: #f5f5f4; }
.site-header .navbar { padding-block: 16px; gap: 14px; }
.brand { display: flex; align-items: center; gap: 12px; }
.brand-name { font-size: clamp(1rem,1.9vw,1.5rem); font-weight: 800; line-height: 1.1; letter-spacing: -.025em; white-space: nowrap; }
.site-nav { gap: 5px; }
.site-nav .nav-link { color: #d6d3d1; font-size: 14px; font-weight: 700; padding: 10px 8px; white-space: nowrap; }
.site-nav .nav-link:hover { color: #fff; text-decoration: underline; text-underline-offset: 8px; }
.navbar-toggler { color: #f5f5f4; border: 1px solid #a8a29e; padding: 8px 12px; font-size: 14px; font-weight: 700; }
.navbar-toggler:focus { box-shadow: none; }
.hero { min-height: 530px; display: flex; align-items: center; color: #fff; background-color: #111; background-image: linear-gradient(90deg,rgba(8,9,10,.98) 0%,rgba(8,9,10,.93) 43%,rgba(8,9,10,.21) 100%),url('/assets/img/turkiye.svg'); background-size: cover; background-position: center; }
.hero-inner { padding-block: 72px; }
.hero-text { max-width: 750px; }
.hero h1 { font-size: clamp(2.45rem,5.1vw,4.5rem); line-height: 1.08; letter-spacing: -.052em; font-weight: 800; margin: 20px 0; }
.hero h1 em { color: #fbbf24; font-style: normal; white-space: nowrap; }
.hero p { font-size: clamp(1rem,1.7vw,1.2rem); line-height: 1.8; color: #e7e5e4; margin: 0 0 29px; }
.button-primary { display: inline-flex; justify-content: center; align-items: center; gap: 18px; padding: 15px 22px; background: var(--amber); color: var(--ink); font-size: 14px; font-weight: 800; line-height: 1.3; border: 1px solid var(--amber); max-width: 100%; transition: background .2s,transform .2s; }
.button-primary:hover { background: #fbbf24; color: var(--ink); transform: translateY(-2px); }
.home-info { border-block: 1px solid #d6d3d1; padding: 76px min(8vw,100px); background: #fff; }
.overview { margin-top: 80px; }
h2 { font-size: clamp(1.8rem,3.1vw,2.65rem); letter-spacing: -.045em; line-height: 1.2; font-weight: 800; margin: 10px 0 24px; }
h3 { font-size: 1.35rem; font-weight: 800; line-height: 1.4; letter-spacing: -.025em; }
p { line-height: 1.95; font-size: 15px; color: #44403c; margin-bottom: 23px; }
.home-info a,.article-body p a { text-decoration: underline; text-underline-offset: 3px; }
.insight-grid { --bs-gutter-x: 18px; --bs-gutter-y: 18px; padding-block: 30px 72px; }
.insight { height: 100%; border: 1px solid #d6d3d1; background: #fff; padding: 24px; }
.insight > span,.stat-card > span { display: block; color: #a16207; font-size: 12px; font-weight: 800; letter-spacing: .1em; }
.insight > strong { display: block; color: var(--ink); margin: 12px 0 4px; font-size: clamp(1.35rem,2.2vw,2rem); letter-spacing: -.04em; }
.insight p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.65; }
.content-section { padding-bottom: 70px; scroll-margin-top: 25px; }
.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 25px; margin-bottom: 25px; }
.section-heading p { color: var(--muted); margin: 9px 0; }
.article-count { border: 1px solid #d6d3d1; padding: 9px 13px; color: var(--muted); font-size: 12px; font-weight: 800; white-space: nowrap; }
.table-responsive { border: 1px solid #d6d3d1; background: #fff; }
.population-table { --bs-table-bg: #fff; --bs-table-striped-bg: #fafaf9; --bs-table-hover-bg: #fff7e6; margin: 0; min-width: 670px; font-size: 13px; font-variant-numeric: tabular-nums; }
.population-table caption { padding: 14px 19px; font-size: 14px; color: var(--muted); border-top: 1px solid #e7e5e4; }
.population-table thead th { background: var(--ink); color: #fff; padding: 16px 19px; font-weight: 800; border: 0; }
.population-table td,.population-table tbody th { padding: 12px 19px; border-color: #e7e5e4; font-weight: 400; }
.population-table th:first-child,.population-table td:first-child { text-align: left; }
.population-table .number { text-align: right; white-space: nowrap; }
.population-table a { text-decoration: underline; text-underline-offset: 2px; font-weight: 800; }
.population-table tfoot th,.population-table tfoot td { padding: 16px 19px; font-weight: 800; background: #fff7e6; }
.positive { color: #24633d; }
.negative { color: #a83232; }
.table-note,.source-note { margin-top: 15px; color: var(--muted); font-size: 14px; line-height: 1.8; }
.chart-frame { border: 1px solid #d6d3d1; background: #fff; margin-bottom: 20px; }
.chart-frame img { display: block; width: 100%; height: auto; }
.chart-frame figcaption { padding: 12px 20px; color: var(--muted); font-size: 14px; line-height: 1.75; border-top: 1px solid #e7e5e4; }
.chart-viewport { overflow-x: auto; }
.chart-viewport img { min-width: 660px; }
.gender-chart img { max-width: 740px; margin-inline: auto; }
.province-tools { display: flex; align-items: center; gap: 16px; margin-bottom: 24px; }
.province-tools label { font-size: 14px; font-weight: 800; white-space: nowrap; }
.province-tools input { max-width: 460px; padding: 12px 15px; border: 1px solid #a8a29e; font-size: 15px; }
.form-control:focus { border-color: #a16207; box-shadow: 0 0 0 2px #fbbf2455; }
.province-tools span { font-size: 14px; color: var(--muted); }
.world-toc { display: flex; flex-wrap: wrap; gap: 14px 24px; border-block: 1px solid #d6d3d1; padding-block: 20px; margin-block: 12px 50px; }
.world-toc a { font-size: 14px; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.world-layout .content-section > p { max-width: 940px; }
.country-tools { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(0,1fr); gap: 24px; margin-bottom: 16px; }
.country-tools label { display: block; font-size: 14px; font-weight: 800; margin-bottom: 9px; }
.country-tools input,.country-tools select { padding: 12px 15px; border-color: #a8a29e; font-size: 15px; }
.country-tools select { padding-right: 38px; }
.country-result { margin-bottom: 18px; font-size: 14px; color: var(--muted); }
.country-table { min-width: 990px; }
.country-table th,.country-table td { padding-inline: 15px; }
.country-table tbody th { min-width: 230px; }
.country-table .turkiye-row > * { --bs-table-bg: #fff7e6; --bs-table-striped-bg: #fff7e6; font-weight: 800; }
.breadcrumbs { display: flex; gap: 12px; flex-wrap: wrap; padding: 34px 0 49px; margin: 0; color: #78716c; font-size: 14px; list-style: none; }
.breadcrumbs a { text-decoration: underline; text-underline-offset: 2px; }
.eyebrow { font-size: 12px; color: #af6900; font-weight: 800; text-transform: uppercase; letter-spacing: .15em; }
.page-title { max-width: 920px; font-size: clamp(2.4rem,5vw,4.4rem); line-height: 1.12; font-weight: 800; letter-spacing: -.052em; margin: 16px 0 20px; }
.page-lead { max-width: 850px; color: var(--muted); line-height: 1.85; font-size: clamp(1rem,1.6vw,1.15rem); margin-bottom: 37px; }
.page-lead strong { color: var(--ink); }
.stat-grid { --bs-gutter-x: 16px; --bs-gutter-y: 16px; margin-bottom: 32px; }
.stat-card { height: 100%; padding: 22px; border: 1px solid #d6d3d1; background: #fff; min-width: 0; }
.stat-card > strong { display: block; font-size: clamp(1.15rem,2.4vw,2rem); line-height: 1.3; margin-top: 12px; font-weight: 800; letter-spacing: -.04em; overflow-wrap: anywhere; }
.stat-card small { font-size: 14px; letter-spacing: 0; }
.province-columns { --bs-gutter-x: 60px; }
.article-body section { margin-bottom: 35px; padding-bottom: 20px; scroll-margin-top: 25px; }
.article-body h2 { font-size: clamp(1.55rem,2.6vw,2.1rem); margin: 9px 0 20px; line-height: 1.28; }
.article-body .table-responsive { margin-block: 20px; }
.article-body .population-table { min-width: 620px; font-size: 14px; }
.article-body .population-table td,.article-body .population-table th { padding-inline: 13px; }
.province-aside { position: sticky; top: 20px; padding: 25px; border: 1px solid #d6d3d1; background: #fff; margin-bottom: 40px; }
.province-aside > strong { display: block; font-size: 17px; font-weight: 800; margin-bottom: 17px; }
.province-aside dl { margin-bottom: 20px; }
.province-aside dl div { display: flex; justify-content: space-between; gap: 12px; border-top: 1px solid #e7e5e4; padding: 12px 0; font-size: 14px; }
.province-aside dt { color: var(--muted); font-weight: 400; }
.province-aside dd { font-weight: 800; text-align: right; margin: 0; }
.province-aside nav a { display: block; padding-block: 9px; border-top: 1px solid #e7e5e4; font-size: 14px; }
.province-aside .button-primary { margin-top: 20px; width: 100%; }
.place-list { padding-left: 22px; line-height: 1.9; font-size: 16px; list-style: square; }
.place-list li { margin-bottom: 10px; }
.faq-section { padding-block: 45px 74px; }
.faq-list { border-top: 1px solid #d6d3d1; margin-top: 30px; }
.faq-list details { border-bottom: 1px solid #d6d3d1; background: #fff; }
.faq-list summary { cursor: pointer; padding: 20px 40px 20px 18px; list-style: none; font-size: 16px; font-weight: 800; position: relative; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: '+'; position: absolute; right: 12px; top: 18px; color: #a16207; font-size: 22px; }
.faq-list details[open] summary::after { content: '−'; }
.faq-list p { padding: 0 45px 21px 18px; margin: 0; color: var(--muted); font-size: 16px; line-height: 1.9; }
.nearby-section { border-top: 1px solid #d6d3d1; padding-block: 45px 70px; }
.sibling-card { height: 100%; display: block; padding: 20px; border: 1px solid #d6d3d1; background: #fff; color: var(--ink); }
.sibling-card:hover { border-color: var(--amber); }
.sibling-card strong,.sibling-card span { display: block; }
.sibling-card span { color: var(--muted); font-size: 14px; margin-top: 7px; }
.site-footer { background: var(--ink); color: #f5f5f4; }
.footer-grid { --bs-gutter-x: 34px; --bs-gutter-y: 34px; padding-block: 48px; }
.footer-grid .footer-title { display: block; font-size: 15px; font-weight: 800; margin-bottom: 20px; }
.footer-grid p { color: #a8a29e; font-size: 13px; line-height: 1.8; margin: 0; }
.footer-grid a { display: block; font-size: 13px; color: #d6d3d1; margin-bottom: 11px; }
.footer-grid a:hover { text-decoration: underline; color: #fbbf24; }
.footer-bottom { border-top: 1px solid #404040; color: #a8a29e; text-align: center; padding: 19px 24px; font-size: 11px; }
.simple-page { min-height: 65vh; max-width: 950px; padding-bottom: 75px; }
.policy-content section { margin-block: 45px; scroll-margin-top: 25px; }
.policy-nav { border: 1px solid #d6d3d1; background: #fff; padding: 22px 26px; margin-block: 28px 40px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 24px; }
.policy-nav strong { grid-column: 1 / -1; font-size: 15px; margin-bottom: 3px; }
.policy-nav a,.policy-related a { font-size: 14px; line-height: 1.65; text-decoration: underline; text-underline-offset: 3px; }
.policy-list { padding-left: 22px; margin-block: 16px 25px; color: #44403c; }
.policy-list li { font-size: 15px; line-height: 1.85; margin-bottom: 10px; }
.policy-related { border-top: 1px solid #d6d3d1; padding-top: 22px; display: flex; flex-wrap: wrap; gap: 14px 24px; }
.policy-related strong { width: 100%; font-size: 15px; }
[hidden] { display: none !important; }
@media (max-width: 991.98px) {
  .navbar-collapse { margin-inline: -24px; padding: 12px 24px; background: #171718; border-top: 1px solid #404040; }
  .province-columns { --bs-gutter-x: 24px; }
  .province-aside { position: static; }
}
@media (max-width: 650px) {
  .country-tools { grid-template-columns: 1fr; gap: 18px; }
  .world-toc { gap: 14px 18px; margin-bottom: 35px; }
  .policy-nav { grid-template-columns: 1fr; padding: 20px; }
  .container { padding-inline: 18px; }
  .brand-name { font-size: 1rem; }
  .hero { min-height: 510px; background-image: linear-gradient(90deg,rgba(8,9,10,.96),rgba(8,9,10,.72)),url('/assets/img/turkiye.svg'); }
  .hero h1 em { white-space: normal; }
  .hero-inner { padding-block: 60px; }
  .overview { margin-top: 50px; }
  .home-info { padding: 45px 24px; }
  .insight-grid { padding-bottom: 48px; }
  .section-heading { align-items: start; flex-direction: column; gap: 5px; }
  .province-tools { align-items: stretch; flex-wrap: wrap; }
  .province-tools label,.province-tools span { width: 100%; }
  .province-tools input { max-width: 100%; }
  .breadcrumbs { padding-bottom: 35px; }
  .page-title { font-size: 2.3rem; }
  .stat-card strong { font-size: 1.45rem; }
  .gender-chart img { min-width: 0; }
  .content-section { padding-bottom: 45px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *,*::before,*::after { transition: none !important; }
}

.chart-graphic { display: block; width: 100%; height: auto; }
.chart-viewport .chart-graphic { min-width: 660px; }
.gender-chart .chart-graphic { max-width: 740px; margin-inline: auto; }
@media (max-width: 650px) { .gender-chart .chart-graphic { min-width: 0; } }
