/* Personal Climate Footprint by Country */
.pcf-picker-label { display: block; font-size: var(--fs-sm); color: var(--text-secondary); margin: 0 0 0.35rem; }
.pcf-picker { max-width: 26rem; width: 100%; padding: 0.5rem 0.7rem; border-radius: 6px; border: 1px solid var(--border-subtle); background: var(--surface-elevated); color: var(--text-primary); font: inherit; }
.pcf-big { font-size: clamp(1.25rem, 3vw, 1.6rem); font-weight: 700; line-height: 1.3; margin: 0.4rem 0 0.8rem; }
.pcf-bars { display: grid; gap: 0.45rem; margin: 0 0 0.75rem; }
.pcf-bar-row { display: grid; grid-template-columns: minmax(7rem, 11rem) 1fr; gap: 0.6rem; align-items: center; font-size: var(--fs-sm); }
.pcf-bar-track { position: relative; height: 1.4rem; background: var(--surface-elevated, rgba(127,127,127,0.08)); border-radius: 4px; overflow: hidden; }
.pcf-bar-fill { position: absolute; inset: 0 auto 0 0; border-radius: 4px; }
.pcf-bar-val { position: absolute; left: 0.45rem; top: 50%; transform: translateY(-50%); font-size: var(--fs-xs); font-weight: 700; color: var(--text-primary); white-space: nowrap; }
.pcf-fuels, .pcf-actions { display: grid; gap: 0.45rem; margin-top: 0.5rem; }
.pcf-toggle { display: inline-flex; gap: 0.25rem; margin: 0.25rem 0 0.75rem; flex-wrap: wrap; }
.pcf-toggle-btn { font: inherit; font-size: var(--fs-sm); padding: 0.35rem 0.75rem; min-height: 2rem; border-radius: 999px; border: 1px solid var(--border-subtle); background: transparent; color: var(--text-secondary); cursor: pointer; }
.pcf-toggle-btn.is-active { background: var(--text-primary); color: var(--bg-primary, #0b1220); border-color: var(--text-primary); }
.pcf-table th[scope="row"] { text-align: left; font-weight: 600; }
.pcf-table tr.is-selected { outline: 2px solid #f97316; outline-offset: -2px; }
.pcf-table td:first-child { color: var(--text-muted); width: 2.5rem; }
.pcf-more { margin-top: 0.75rem; }
.pcf-more summary { cursor: pointer; min-height: 1.75rem; font-weight: 600; }
.pcf-facts { margin: 1rem 0 0; padding-left: 1.1rem; line-height: 1.55; }
.pcf-facts li { margin-bottom: 0.4rem; }
.pcf-link-btn { font: inherit; background: none; border: 0; padding: 0; color: var(--accent-teal, #2dd4bf); cursor: pointer; text-align: left; min-height: 1.5rem; }
[data-theme="light"] .pcf-link-btn { color: #0f766e; }
@media (max-width: 600px) { .pcf-bar-row { grid-template-columns: 1fr; gap: 0.2rem; } }
/* Keep the value label legible on every bar colour */
.pcf-bar-fill { opacity: 0.45; }