/* Turkish Inflation Hedge: calm widgets in the shivi column. Scoped to body.pc-turkish-inflation-hedge. */
body.pc-turkish-inflation-hedge {
  --pc-accent: #7fd6c9;
  --tih-soft: #d6d6d6; --tih-track: #262626; --tih-grid: rgba(255,255,255,.10); --tih-zero: #8a8a8a; --tih-mean: #cfcfcf;
}
html[data-theme="light"] body.pc-turkish-inflation-hedge {
  --pc-accent: #1f6f66;
  --tih-soft: #2b2b2b; --tih-track: #ececec; --tih-grid: rgba(0,0,0,.09); --tih-zero: #8f8f8f; --tih-mean: #4d4d4d;
}
.pc-turkish-inflation-hedge .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

/* shared widget text */
.pc-turkish-inflation-hedge .inf-kicker,
.pc-turkish-inflation-hedge .pc-section .inf-kicker,
.pc-turkish-inflation-hedge .eyebrow,
.pc-turkish-inflation-hedge .pc-section .eyebrow { margin: 0; font: 400 11.5px/1.5 'DM Mono', ui-monospace, monospace; letter-spacing: .03em; color: var(--pc-muted); }
.pc-turkish-inflation-hedge .inf-title,
.pc-turkish-inflation-hedge .pc-section .inf-title { margin: 2px 0 0; font: 600 15px/1.4 'DM Sans', system-ui, sans-serif; color: var(--pc-text); }
.pc-turkish-inflation-hedge .pc-section .inf-small,
.pc-turkish-inflation-hedge .pc-section #chart-caption,
.pc-turkish-inflation-hedge .pc-section #period-caption { margin: 0; font-size: 13px; line-height: 1.55; color: var(--pc-muted); }

/* controls: small, flat; the selected one carries the accent */
.pc-turkish-inflation-hedge :is(#view-controls, #asset-controls, #scenario-controls, #portfolio-profile-controls) { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.pc-turkish-inflation-hedge :is(#view-controls, #portfolio-profile-controls) { gap: 4px 20px; border-bottom: 1px solid var(--pc-line); }
.pc-turkish-inflation-hedge :is(#view-controls, #portfolio-profile-controls) button,
html[data-theme="light"] body.pc.pc-turkish-inflation-hedge :is(#view-controls, #portfolio-profile-controls) button {
  margin: 0 0 -1px; padding: 8px 0; cursor: pointer; font: 500 14px/1.3 'DM Sans', system-ui, sans-serif;
  background: transparent !important; color: var(--pc-muted); border: 0; border-bottom: 2px solid transparent; border-radius: 0;
}
.pc-turkish-inflation-hedge :is(#view-controls, #portfolio-profile-controls) button:hover:not(:disabled),
html[data-theme="light"] body.pc.pc-turkish-inflation-hedge :is(#view-controls, #portfolio-profile-controls) button:hover:not(:disabled) { color: var(--pc-text); }
.pc-turkish-inflation-hedge :is(#view-controls, #portfolio-profile-controls) button[aria-pressed="true"],
html[data-theme="light"] body.pc.pc-turkish-inflation-hedge :is(#view-controls, #portfolio-profile-controls) button[aria-pressed="true"] { color: var(--pc-text); border-bottom-color: var(--pc-accent); }
.pc-turkish-inflation-hedge :is(#asset-controls, #scenario-controls) button,
html[data-theme="light"] body.pc.pc-turkish-inflation-hedge :is(#asset-controls, #scenario-controls) button {
  margin: 0; padding: 4px 11px; cursor: pointer; font: 400 13px/1.4 'DM Sans', system-ui, sans-serif;
  background: transparent !important; color: var(--pc-muted); border: 1px solid var(--pc-line); border-radius: 999px;
}
.pc-turkish-inflation-hedge #asset-controls button:not(:first-child)::before { content: ''; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--asset); margin-right: 6px; vertical-align: 1px; }
.pc-turkish-inflation-hedge :is(#asset-controls, #scenario-controls) button:hover:not(:disabled),
html[data-theme="light"] body.pc.pc-turkish-inflation-hedge :is(#asset-controls, #scenario-controls) button:hover:not(:disabled) { color: var(--pc-text); border-color: var(--pc-muted); }
.pc-turkish-inflation-hedge :is(#asset-controls, #scenario-controls) button[aria-pressed="true"],
html[data-theme="light"] body.pc.pc-turkish-inflation-hedge :is(#asset-controls, #scenario-controls) button[aria-pressed="true"] { color: var(--pc-text); border-color: var(--pc-accent); }
.pc-turkish-inflation-hedge #asset-controls[hidden] { display: none; }
.pc-turkish-inflation-hedge button:disabled { cursor: default; opacity: .55; }

/* results-by-rate workbench */
.pc-turkish-inflation-hedge .tih-wb-grid { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 32px; margin-top: 18px; }
.pc-turkish-inflation-hedge .wb-filters { display: flex; flex-wrap: wrap; gap: 8px 16px; justify-content: space-between; margin: 12px 0 8px; }
.pc-turkish-inflation-hedge .inf-chart svg { display: block; width: 100%; height: auto; overflow: visible; }
.pc-turkish-inflation-hedge #chart text { font: 15px 'DM Mono', ui-monospace, monospace; fill: var(--tih-soft); }
.pc-turkish-inflation-hedge #chart .plot-grid { stroke: var(--tih-grid); stroke-width: 1; }
.pc-turkish-inflation-hedge #chart line[stroke="#999"] { stroke: var(--tih-zero); }
.pc-turkish-inflation-hedge svg rect[fill="#242424"], .pc-turkish-inflation-hedge svg rect[fill="#292929"] { fill: var(--tih-track); }
.pc-turkish-inflation-hedge svg [fill="#cfcfcf"] { fill: var(--tih-mean); }
html[data-theme="light"] body.pc-turkish-inflation-hedge svg [fill="#8c9cae"] { fill: var(--bonds, #536779); }
.pc-turkish-inflation-hedge .tih-wb-side { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.pc-turkish-inflation-hedge .period-heading { display: flex; justify-content: space-between; gap: 12px; font: 400 12.5px/1.4 'DM Mono', ui-monospace, monospace; color: var(--pc-muted); }
.pc-turkish-inflation-hedge .period-heading output { color: var(--pc-text); }
.pc-turkish-inflation-hedge #period-slider,
html[data-theme="light"] body.pc.pc-turkish-inflation-hedge #period-slider { width: 100%; margin: 10px 0 4px; accent-color: var(--pc-accent); background: transparent !important; border: 0; }
.pc-turkish-inflation-hedge .period-ticks { display: flex; justify-content: space-between; gap: 2px; margin-bottom: 8px; font: 400 10.5px/1.3 'DM Mono', ui-monospace, monospace; color: var(--pc-muted); }
.pc-turkish-inflation-hedge #chart-readout { border-top: 1px solid var(--pc-line); padding-top: 12px; }
.pc-turkish-inflation-hedge #chart-readout h3, .pc-turkish-inflation-hedge #scenario-readout h3 { margin: 4px 0 6px; font: 600 16px/1.35 'DM Sans', system-ui, sans-serif; }
.pc-turkish-inflation-hedge .pc-section :is(#chart-readout, #scenario-readout) p { margin: 0 0 6px; font-size: 14px; line-height: 1.55; color: var(--pc-text); }
.pc-turkish-inflation-hedge .pc-section #chart-readout p.small { font-size: 12.5px; color: var(--pc-muted); }
.pc-turkish-inflation-hedge .pc-section :is(#chart-readout, #scenario-readout) p.eyebrow { font-size: 11.5px; color: var(--pc-muted); margin: 0; }
.pc-turkish-inflation-hedge .result-readout { display: grid; grid-template-columns: auto 1fr; gap: 4px 12px; align-items: baseline; padding: 6px 0 8px; }
.pc-turkish-inflation-hedge .result-readout .eyebrow { grid-column: 1 / -1; }
.pc-turkish-inflation-hedge .result-readout strong { font: 500 20px/1.3 'DM Mono', ui-monospace, monospace; color: var(--pc-accent); }
.pc-turkish-inflation-hedge .result-readout span { font-size: 13px; color: var(--pc-muted); }
.pc-turkish-inflation-hedge .pc-section #chart-caption { margin-top: 16px; }

/* published allocation */
.pc-turkish-inflation-hedge .tih-al-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 36px; margin-top: 18px; }
.pc-turkish-inflation-hedge .tih-al-main .inf-chart { margin: 10px 0 6px; }
.pc-turkish-inflation-hedge .allocation-label, .pc-turkish-inflation-hedge .allocation-value { font: 15px 'DM Mono', ui-monospace, monospace; fill: var(--tih-soft); }
.pc-turkish-inflation-hedge #scenario-readout { padding-bottom: 6px; }
.pc-turkish-inflation-hedge #portfolio-profile-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 10px 0 12px; }
.pc-turkish-inflation-hedge .scenario-summary { border-top: 1px solid var(--pc-line); padding-top: 10px; min-width: 0; }
.pc-turkish-inflation-hedge .scenario-summary h3 { display: flex; justify-content: space-between; gap: 6px; margin: 0 0 6px; font: 500 13px/1.4 'DM Mono', ui-monospace, monospace; color: var(--pc-text); }
.pc-turkish-inflation-hedge .scenario-summary h3 span { color: var(--pc-muted); }
.pc-turkish-inflation-hedge .pc-section .scenario-summary p { margin: 0; font-size: 13px; line-height: 1.5; color: var(--pc-muted); }
.pc-turkish-inflation-hedge .scenario-summary b { font: 500 18px/1.3 'DM Mono', ui-monospace, monospace; color: var(--pc-text); }

/* findings table */
.pc-turkish-inflation-hedge .tih-tbl { margin-top: 12px; }
.pc-turkish-inflation-hedge .tih-tbl table { min-width: 520px; }
.pc-turkish-inflation-hedge .tih-tbl tbody th { font-weight: 500; color: var(--pc-text); }
.pc-turkish-inflation-hedge .tih-tbl td { color: var(--pc-text); }
.pc-turkish-inflation-hedge .tih-tbl td:nth-child(n+3) { font: 400 13.5px/1.6 'DM Mono', ui-monospace, monospace; white-space: nowrap; }
.pc-turkish-inflation-hedge .tih-tbl small { display: block; margin-top: 2px; font-size: 12px; font-weight: 400; line-height: 1.4; color: var(--pc-muted); }
.pc-turkish-inflation-hedge .tih-tbl i { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--asset); margin-right: 8px; }
html[data-theme="light"] body.pc-turkish-inflation-hedge .tih-tbl i[style*="#9ce8df"] { background: var(--housing); }
html[data-theme="light"] body.pc-turkish-inflation-hedge .tih-tbl i[style*="#dfc184"] { background: var(--gold); }
html[data-theme="light"] body.pc-turkish-inflation-hedge .tih-tbl i[style*="#9cafff"] { background: var(--stocks); }
html[data-theme="light"] body.pc-turkish-inflation-hedge .tih-tbl i[style*="#8c9cae"] { background: var(--bonds); }
html[data-theme="light"] body.pc-turkish-inflation-hedge .tih-tbl i[style*="#e89b80"] { background: var(--bitcoin); }
html[data-theme="light"] body.pc-turkish-inflation-hedge #asset-controls button[style*="#9ce8df"]::before { background: var(--housing); }
html[data-theme="light"] body.pc-turkish-inflation-hedge #asset-controls button[style*="#dfc184"]::before { background: var(--gold); }
html[data-theme="light"] body.pc-turkish-inflation-hedge #asset-controls button[style*="#9cafff"]::before { background: var(--stocks); }
html[data-theme="light"] body.pc-turkish-inflation-hedge #asset-controls button[style*="#e89b80"]::before { background: var(--bitcoin); }

@media (max-width: 860px) {
  .pc-turkish-inflation-hedge .tih-wb-grid, .pc-turkish-inflation-hedge .tih-al-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
}
@media (max-width: 599px) {
  .pc-turkish-inflation-hedge :is(#view-controls, #portfolio-profile-controls) { gap: 2px 16px; }
  .pc-turkish-inflation-hedge :is(#view-controls, #portfolio-profile-controls) button { font-size: 13.5px; padding: 6px 0; }
  .pc-turkish-inflation-hedge #chart text { font-size: 24px; }
  .pc-turkish-inflation-hedge .allocation-label, .pc-turkish-inflation-hedge .allocation-value { font-size: 19px; }
  .pc-turkish-inflation-hedge .period-ticks { font-size: 9.5px; }
}