/* Only the two approved exceptions: language navigation and graphs.
   Article components use existing swiss.css and blog/blog.css unchanged. */
.study-languages { display: flex; align-items: center; gap: 0; }
#header .study-languages { margin-left: var(--space-xs); }
.study-page #header nav#site-nav { gap: var(--space-md); }
#mn-overlay .study-languages { align-self: flex-start; margin-bottom: var(--space-md); flex-shrink: 0; }
.study-page #mn-overlay { padding-top: var(--space-xl); }
@media (max-width: 1100px) {
  .study-page .mn-burger { display: block; }
  .study-page #header nav#site-nav { display: none !important; }
}
.study-languages a { display: inline-flex; align-items: center; justify-content: center; min-width: var(--space-lg); min-height: var(--space-lg); padding: var(--space-xs); font-family: var(--font-display); font-size: var(--text-sm); border: 0; border-radius: 0; }
.study-languages a[aria-current="page"] { color: var(--wine); font-weight: 700; text-decoration: underline; text-underline-offset: var(--space-xs); }
.study-languages a:hover { background: var(--blush); }
.study-language-note { font-size: var(--text-xs); text-align: left; margin-bottom: var(--space-md); }
.study-destination-language { font-size: calc(var(--text-xs) * .75); font-weight: 400; color: var(--text-mute); margin-inline-start: var(--space-xs); vertical-align: super; }

.bar-chart, .findings-chart { margin-block: var(--space-lg); }
.bar-row { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,2fr) auto; gap: var(--space-md); align-items: center; margin-bottom: var(--space-md); }
.bar-track, .findings-chart__track { height: var(--space-sm); background: var(--rule); }
.bar-fill, .findings-chart__fill { height: 100%; background: var(--wine); }
.bar-value { font-variant-numeric: tabular-nums; font-weight: 700; }
.bar-legend { display: flex; flex-wrap: wrap; gap: var(--space-md); margin-block: var(--space-md); }
.findings-chart__row { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(0,2fr) minmax(0,.6fr) minmax(0,1fr); gap: var(--space-sm); align-items: center; padding-block: var(--space-sm); }
.findings-chart__value, .findings-chart__count { font-variant-numeric: tabular-nums; text-align: right; }
@media (max-width: 768px) {
 .bar-row { grid-template-columns: minmax(0,1fr) auto; gap: var(--space-xs) var(--space-sm); }
 .bar-label { grid-column: 1 / -1; }
 .findings-chart__row { grid-template-columns: minmax(0,1fr) auto auto; }
 .findings-chart__label { grid-column: 1 / -1; }
}

/* Responsive report charts: HTML labels stay readable without image zoom. */
.bar-chart--report { margin-inline: 0; }
.bar-chart--report .bar-fill { background: var(--swiss-red); }
.bar-chart--report .bar-row { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) 7ch; }
.bar-chart--report .bar-label > strong, .bar-chart--report .bar-label > span { display: block; }
.bar-chart--report .bar-value { text-align: right; white-space: nowrap; }
@media (max-width: 768px) {
 .bar-chart--report .bar-row { grid-template-columns: minmax(0, 1fr) 7ch; }
}