/* Turkey data atlas: quiet inputs, open financial statements, direct-labelled data. */
.economics{--eco-ink:var(--ink,#172f4c);--eco-blue:var(--blue,#145cca);--eco-teal:var(--teal,#087e83);--eco-soft:#eef4f9;--eco-rule:var(--line,#dce5ee);color:var(--eco-ink);container:economics/inline-size}
.economics [hidden]{display:none!important}
.economics .economics-layout{display:grid;grid-template-columns:minmax(215px,250px) minmax(0,1fr);gap:24px;align-items:start}
.economics .economics-results{min-width:0;gap:24px;transition:opacity .18s ease}
.economics .economics-results[aria-busy=true],.economics .economics-pending{opacity:.5;pointer-events:none}
.economics .economics-section{min-width:0;border:1px solid var(--eco-rule);border-radius:18px;padding:26px;box-shadow:none;gap:22px;background:var(--paper,#fff)}
.economics .economics-section h2.panel-head{font-size:1.08rem;line-height:1.45;font-weight:750;letter-spacing:-.02em;margin:0}
.economics .economics-section>p{margin:0;max-width:75ch}
.economics .economics-input-rail{position:sticky;top:24px;padding:20px 18px;border-color:transparent;background:var(--eco-soft);border-radius:14px;gap:16px}
.economics .economics-input-rail .controls{display:grid;gap:18px}
.economics .economics-input-rail .field{gap:7px;min-width:0}
.economics .economics-input-rail .field>span{font-size:.77rem;font-weight:650;line-height:1.45}
.economics .economics-input-rail .input{width:100%;min-width:0;min-height:44px;background:var(--paper,#fff);border-radius:8px;font-size:.88rem}
.economics .economics-input-rail p{font-size:.74rem;line-height:1.75;margin:0}
.economics .economics-input-rail .field:first-child input[type=number]{font-size:1.22rem;font-weight:700;font-variant-numeric:tabular-nums}
.economics .economics-range{width:100%;accent-color:var(--eco-blue);min-height:30px;margin:-9px 0 0;cursor:pointer}
.economics .economics-check{display:flex;gap:9px;align-items:flex-start;font-size:.78rem;line-height:1.6;cursor:pointer}
.economics .economics-check input{accent-color:var(--eco-blue);width:17px;height:17px;margin-top:3px;flex-shrink:0}
.economics .economics-inline-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;align-items:end}
.economics .economics-inline-form .field{min-width:0}
.economics .economics-inline-form .field>span{font-size:.78rem}
.economics .economics-feature{padding:28px;gap:24px;overflow:hidden}
.economics .metric{min-width:0;padding:0;background:transparent;border:0;border-radius:0}
.economics .metric strong{display:block;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.economics .metric>small{display:block}
.economics .economics-metric-label{display:block;font-size:.77rem;line-height:1.55;font-weight:550}
.economics .economics-metric-detail{font-size:.7rem;line-height:1.6;margin-top:7px}
.economics .economics-main-metric{padding:3px 0 7px}
.economics .economics-main-metric>.economics-metric-label{font-size:.87rem}
.economics .result-number{color:var(--eco-blue);font-size:clamp(2.45rem,5.5cqi,4.4rem);font-weight:750;line-height:1.12;letter-spacing:-.05em;margin-top:9px}
.economics .economics-metric-value{font-size:clamp(1.05rem,2.1cqi,1.55rem);line-height:1.35;font-weight:750;letter-spacing:-.035em;margin-top:7px}
.economics .metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:0;border-block:1px solid var(--eco-rule);padding-block:17px}
.economics .metric-grid>.metric{padding-inline:17px;border-inline-start:1px solid var(--eco-rule)}
.economics .metric-grid>.metric:first-child{padding-inline-start:0;border-inline-start:0}
.economics .metric-grid>.metric:last-child{padding-inline-end:0}
.economics .economics-feature>.action{align-self:flex-start;font-size:.78rem;min-height:40px}
.economics .economics-feature>.notice{margin:0}
.economics .economics-comparison{display:grid;gap:22px;padding:2px 0 8px}
.economics .economics-comparison-row{position:relative;display:grid;grid-template-columns:1fr auto;gap:10px;font-size:.81rem;font-variant-numeric:tabular-nums}
.economics .economics-comparison-row>strong{font-size:1rem;letter-spacing:-.025em}
.economics .economics-bar{height:15px;border-radius:3px;grid-column:1/-1;min-width:3px;position:relative}
.economics .economics-comparison-row:first-child .economics-bar{opacity:.35}
.economics .economics-comparison-row:last-child>strong{color:var(--eco-teal)}
.economics .economics-chart{position:relative;min-height:250px;padding:17px 0 0;background:transparent;border:0;box-shadow:none;border-radius:0}
.economics .economics-chart>svg{width:100%;height:auto;min-height:210px;display:block;overflow:visible}
.economics .economics-chart .chart-legend{font-size:.72rem;gap:16px;margin-block:12px}
.economics .economics-chart .chart-table{font-size:.73rem;border-top:1px solid var(--eco-rule);padding-top:12px}
.economics .economics-chart .chart-table summary{cursor:pointer;color:var(--muted)}
.economics .economics-table-scroll{overflow:auto;max-width:100%;scrollbar-width:thin}
.economics .data-table{width:100%;font-size:.77rem;font-variant-numeric:tabular-nums;border-collapse:collapse}
.economics .data-table th{text-align:start;white-space:nowrap;font-weight:600;color:var(--muted);font-size:.7rem;background:var(--eco-soft)}
.economics .data-table :is(th,td){padding:13px 12px;border-bottom:1px solid var(--eco-rule)}
.economics .data-table td{white-space:nowrap}
.economics .data-table td:first-child{font-weight:600}
.economics .data-table tbody tr:hover{background:var(--eco-soft)}
.economics .data-table tbody tr:last-child td{border-bottom:0}
.economics .data-table a{color:var(--eco-blue);text-underline-offset:3px}
.economics .economics-disclosure{background:var(--paper,#fff);border:1px solid var(--eco-rule);border-radius:12px;padding:17px 20px}
.economics .economics-disclosure summary{cursor:pointer;font-size:.81rem;line-height:1.6;font-weight:650;min-height:25px}
.economics .economics-disclosure>div{padding-top:20px}
.economics .economics-feature>.economics-disclosure,.economics .economics-section>.economics-disclosure{border:0;border-top:1px solid var(--eco-rule);border-radius:0;padding:16px 0 0;margin-top:2px}
.economics .economics-disclosure .source-disclosure{border:0;background:transparent;padding:0;box-shadow:none}
.economics .economics-disclosure p{font-size:.8rem;line-height:1.75}
.economics .economics-notice-text{resize:vertical;line-height:1.8;white-space:pre-wrap}
/* Salary statement. The bar segments come directly from the payroll response. */
.economics .economics-salary-tabs{margin-bottom:22px;display:flex;gap:0;flex-wrap:wrap;border:0;border-bottom:1px solid var(--eco-rule);padding:0;border-radius:0;background:transparent}
.economics .economics-salary-tabs .action{border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;box-shadow:none;color:var(--muted);padding:11px 17px;font-size:.8rem;min-height:46px;white-space:normal}
.economics .economics-salary-tabs [aria-pressed=true]{color:var(--eco-blue);border-bottom-color:var(--eco-blue);font-weight:750}
.economics .economics-pay-focus{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;background:#172f4c;color:#fff;border-radius:12px;padding:25px 26px;align-items:center}
.economics .economics-pay-focus .economics-main-metric{padding:0}
.economics .economics-pay-focus .result-number{color:#fff;font-size:clamp(2rem,4.4cqi,3.4rem);letter-spacing:-.04em}
.economics .economics-pay-focus .muted{color:#c4d6e9}
.economics .economics-pay-focus .metric-grid{grid-template-columns:1fr;gap:13px;border:0;border-inline-start:1px solid #476078;padding:0;padding-inline-start:21px}
.economics .economics-pay-focus .metric-grid>.metric{padding:0;border:0;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:baseline}
.economics .economics-pay-focus .economics-metric-label{font-size:.69rem}
.economics .economics-pay-focus .economics-metric-value{font-size:.89rem;letter-spacing:-.01em;margin:0;white-space:nowrap}
.economics .economics-pay-allocation{padding-top:2px}
.economics .economics-allocation-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:13px}
.economics .economics-allocation-heading h3{font-size:.8rem;margin:0;font-weight:650}
.economics .economics-allocation-heading>span{font-size:.73rem}
.economics .economics-allocation-rail{display:flex;direction:ltr;height:13px;gap:2px;border-radius:3px;overflow:hidden;background:var(--eco-soft)}
.economics .economics-allocation-segment{display:block;flex-basis:0;background:var(--allocation-color);min-width:0}
.economics .allocation-net{--allocation-color:#087e83}.economics .allocation-social{--allocation-color:#145cca}.economics .allocation-insurance{--allocation-color:#87abd3}.economics .allocation-income{--allocation-color:#ca943e}.economics .allocation-stamp{--allocation-color:#7d78a1}
.economics .economics-allocation-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 20px;margin:16px 0 0}
.economics .economics-allocation-legend>div{border-inline-start:3px solid var(--allocation-color);padding-inline-start:9px;min-width:0}
.economics .economics-allocation-legend dt{font-size:.72rem;line-height:1.5;color:var(--muted)}
.economics .economics-allocation-legend dd{font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums;margin:4px 0 0;overflow-wrap:anywhere}
.economics .economics-month-strip{display:grid;grid-template-columns:repeat(12,minmax(42px,1fr));gap:3px;overflow-x:auto;align-items:end;padding:9px 0 0;scrollbar-width:thin;border-bottom:1px solid var(--eco-rule)}
.economics .economics-month{appearance:none;display:flex;flex-direction:column;align-items:center;gap:9px;background:none;border:0;border-bottom:3px solid transparent;border-radius:5px 5px 0 0;padding:8px 2px 10px;cursor:pointer;color:inherit;font:inherit;height:170px;justify-content:end;font-variant-numeric:tabular-nums}
.economics .economics-month small{font-size:.64rem;color:var(--muted)}
.economics .economics-month strong{font-size:.58rem;font-weight:650;white-space:nowrap}
.economics .economics-month-bar{display:block;width:76%;max-width:32px;border-radius:3px 3px 0 0;background:#c5d8ec}
.economics .economics-month.is-active{border-bottom-color:var(--eco-blue);background:var(--eco-soft)}
.economics .economics-month.is-active .economics-month-bar{background:var(--eco-blue)}
.economics .economics-month.is-active small{color:var(--eco-blue);font-weight:750}
.economics .economics-month:hover .economics-month-bar{background:var(--eco-teal)}
.economics .economics-month-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.economics .economics-annual-totals{border:0;padding:0}
.economics .economics-annual-totals .economics-metric-value{font-size:1.04rem}
/* Period bridge and the three independent house-price lenses. */
.economics .economics-period-bridge{position:relative;display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--eco-rule);padding-block:16px;gap:24px}
.economics .economics-period-bridge>div{display:flex;flex-direction:column;gap:7px;position:relative;padding-inline-start:17px}
.economics .economics-period-bridge>div:before{content:'';position:absolute;inset-inline-start:0;top:6px;width:7px;height:7px;background:var(--eco-blue);border-radius:50%}
.economics .economics-period-bridge>div:last-child:before{background:var(--eco-teal)}
.economics .economics-period-bridge span{font-size:.69rem}
.economics .economics-period-bridge strong{font-size:.86rem;font-weight:650}
.economics .economics-lenses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;border-block:1px solid var(--eco-rule);padding-block:22px}
.economics .economics-lenses .metric{border-inline-start:1px solid var(--eco-rule);padding:0 19px}
.economics .economics-lenses .metric:first-child{border-inline-start:0;padding-inline-start:0}
.economics .economics-lenses .metric:last-child{padding-inline-end:0}
.economics .economics-lenses .result-number{font-size:clamp(1.75rem,3.5cqi,3rem);color:var(--lens);margin-top:16px}
.economics .economics-lenses .economics-metric-detail{font-size:.71rem;margin-top:15px;line-height:1.7}
/* An atlas list keeps dozens of indicators scannable, with one selected chart. */
.economics .economics-indicator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid var(--eco-rule);border-radius:14px;overflow:hidden;background:var(--paper,#fff)}
.economics .economics-indicator{appearance:none;position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:15px;min-height:114px;padding:20px;border:0;border-inline-start:3px solid transparent;border-bottom:1px solid var(--eco-rule);border-radius:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer;box-shadow:none;transition:background .15s}
.economics .economics-indicator:nth-child(odd){border-inline-end:1px solid var(--eco-rule)}
.economics .economics-indicator:hover{background:var(--eco-soft)}
.economics .economics-indicator.is-active{background:var(--eco-soft);border-inline-start-color:var(--eco-blue)}
.economics .economics-indicator-name{min-width:0;display:flex;flex-direction:column;gap:7px}
.economics .economics-indicator-title{font-size:.76rem;font-weight:650;line-height:1.5}
.economics .economics-indicator-name>small{font-size:.63rem;line-height:1.6}
.economics .economics-indicator-reading{text-align:end;display:flex;flex-direction:column;gap:5px}
.economics .economics-indicator-value{font-size:clamp(1.1rem,2.1cqi,1.5rem);font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:-.035em;overflow-wrap:anywhere;max-width:100%}
.economics .economics-indicator-change{font-size:.7rem;font-variant-numeric:tabular-nums;color:var(--muted)}
.economics .economics-stale{font-size:.66rem;color:#83561b;grid-column:1/-1}
.economics .economics-indicator:focus-visible,.economics button:focus-visible{outline:3px solid #74a9eb;outline-offset:-3px}
/* Source-backed basket sheets retain the price receipt, quantities and provenance. */
.economics .economics-basket-sheet{border-top:3px solid var(--eco-teal)}
.economics .economics-basket-sheet>.controls{padding:17px;background:var(--eco-soft);border-radius:9px}
.economics .economics-basket-sheet .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 0}
.economics .economics-basket-sheet .metric-grid>.metric:nth-child(odd){padding-inline-start:0;border-inline-start:0}
.economics .economics-basket-sheet .metric-grid>.metric:nth-child(2){color:var(--eco-teal)}
.economics .economics-basket-sheet .economics-metric-value{font-size:1.65rem}
.economics .economics-basket-sheet .data-table td:first-child{white-space:normal;min-width:100px}
.economics .economics-basket-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:12px;align-items:end;padding:17px;background:var(--eco-soft);border-radius:9px}
.economics .economics-basket-row .field{min-width:0}
.economics .economics-basket-row .action{min-height:42px}
.economics>.economics-section{margin-top:24px}
.economics .economics-error{border-inline-start:3px solid #cb4542}
.economics .skeleton{min-height:260px;display:grid;place-content:center;color:var(--muted)}
:root[data-theme=dark] .economics{--eco-soft:#1c334b}
:root[data-theme=dark] .economics .economics-pay-focus{background:#234567}
:root[data-theme=dark] .economics .economics-pay-focus .metric-grid{border-color:#63809c}
:root[data-theme=dark] .economics .economics-month-bar{background:#406285}
:root[data-theme=dark] .economics .economics-lenses .result-number{color:var(--eco-ink)}
:root[data-theme=dark] .economics .economics-stale{color:#dfbc81}
@container economics (max-width:870px){
 .economics .economics-layout{grid-template-columns:215px minmax(0,1fr);gap:18px}
 .economics .economics-section{padding:22px}
 .economics .economics-input-rail{padding:18px 15px}
 .economics .economics-pay-focus{grid-template-columns:1fr;padding:22px;gap:20px}
 .economics .economics-pay-focus .metric-grid{border-inline-start:0;border-top:1px solid #476078;padding:17px 0 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
 .economics .economics-pay-focus .metric-grid>.metric{display:block}
 .economics .economics-pay-focus .economics-metric-value{margin-top:6px;white-space:normal}
 .economics .economics-indicator-grid{grid-template-columns:1fr}
 .economics .economics-indicator{min-height:94px}
 .economics .economics-indicator:nth-child(odd){border-inline-end:0}
 .economics .economics-basket-row{grid-template-columns:1fr 1fr}
 .economics .economics-basket-row .field:first-child,.economics .economics-basket-row button{grid-column:1/-1}
}
@container economics (max-width:700px){
 .economics .economics-layout{grid-template-columns:1fr;gap:18px}
 .economics .economics-input-rail{position:static;padding:18px}
 .economics .economics-input-rail .controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px}
 .economics .economics-input-rail .controls>.economics-range,.economics .economics-input-rail .controls>.economics-month-inputs,.economics .economics-input-rail .controls>p,.economics .economics-input-rail .controls>.economics-inline-form{grid-column:1/-1}
 .economics .economics-input-rail .controls>.economics-range{display:none}
 .economics .economics-feature{padding:22px}
 .economics .result-number{font-size:clamp(2.5rem,8cqi,3.6rem)}
 .economics .economics-metric-value{font-size:1.22rem}
 .economics .economics-pay-focus{grid-template-columns:1.25fr 1fr}
 .economics .economics-pay-focus .result-number{font-size:clamp(2rem,6cqi,3rem)}
 .economics .economics-pay-focus .metric-grid{grid-template-columns:1fr;border-top:0;border-inline-start:1px solid #476078;padding:0;padding-inline-start:17px}
 .economics .economics-pay-focus .metric-grid>.metric{display:grid}
 .economics .economics-lenses .result-number{font-size:clamp(1.5rem,5cqi,2.25rem)}
}
@container economics (max-width:460px){
 .economics .economics-section{padding:18px;border-radius:13px;gap:20px}
 .economics .economics-feature{padding:19px}
 .economics .economics-input-rail{padding:16px}
 .economics .economics-input-rail .controls{gap:14px 12px}
 .economics .economics-input-rail .input{font-size:.81rem}
 .economics .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 0}
 .economics .metric-grid>.metric{padding-inline:12px}
 .economics .metric-grid>.metric:nth-child(odd){border-inline-start:0;padding-inline-start:0}
 .economics .metric-grid>.metric:only-child{grid-column:1/-1}
 .economics .economics-metric-value{font-size:1.18rem}
 .economics .economics-pay-focus{grid-template-columns:1fr;padding:20px;gap:18px}
 .economics .economics-pay-focus .result-number{font-size:clamp(1.65rem,9.5cqi,2.35rem);font-family:Manrope,"Noto Sans Arabic",sans-serif;letter-spacing:-.04em}
 .economics .economics-pay-focus .metric-grid{grid-template-columns:1fr;border-inline-start:0;border-top:1px solid #476078;padding:15px 0 0;gap:12px}
 .economics .economics-pay-focus .metric-grid>.metric{display:grid;grid-template-columns:1fr auto;gap:12px}
 .economics .economics-pay-focus .economics-metric-value{font-size:.8rem;white-space:nowrap;margin:0}
 .economics .economics-allocation-heading{align-items:start}
 .economics .economics-allocation-heading>span{text-align:end;max-width:55%}
 .economics .economics-allocation-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .economics .economics-month-strip{grid-template-columns:repeat(12,43px)}
 .economics .economics-annual-totals{grid-template-columns:1fr;gap:14px}
 .economics .economics-annual-totals>.metric{padding:0;border:0;display:flex;align-items:baseline;justify-content:space-between;gap:16px}
 .economics .economics-annual-totals .economics-metric-value{font-size:1rem;white-space:nowrap;margin:0}
 .economics .economics-salary-tabs .action{padding:10px 9px;font-size:.72rem;flex:1}
 .economics .economics-chart{min-height:210px;padding-top:0}
 .economics .economics-chart>svg{min-height:165px}
 .economics .economics-disclosure{padding:15px}
 .economics .economics-inline-form{grid-template-columns:1fr}
 .economics .economics-lenses{grid-template-columns:1fr;gap:0;padding:0}
 .economics .economics-lenses .metric{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:0 16px;border:0;border-bottom:1px solid var(--eco-rule);padding:19px 0}
 .economics .economics-lenses .metric:last-child{border-bottom:0}
 .economics .economics-lenses .result-number{margin:0;font-size:2rem}
 .economics .economics-lenses .economics-metric-detail{grid-column:1/-1;margin-top:8px}
 .economics .economics-basket-sheet .economics-metric-value{font-size:1.4rem}
 .economics .economics-indicator{padding:17px;gap:13px}
 .economics .economics-indicator-value{font-size:1.35rem}
 .economics .economics-indicator-name>small{font-size:.65rem}
}
@media(prefers-reduced-motion:reduce){.economics *{transition:none!important;scroll-behavior:auto!important}}
@media print{.economics .economics-input-rail,.economics .economics-salary-tabs,.economics .action{display:none}.economics .economics-layout{display:block}.economics .economics-section{break-inside:avoid;box-shadow:none}.economics .economics-table-scroll{overflow:visible}}
