.b2v-climate-v2 { margin:24px 0; color:var(--b2v-ink,#183647); }
.b2v-climate-v2 label { display:flex; gap:16px; align-items:center; flex-wrap:wrap; font-weight:600; }
.b2v-climate-v2 select { min-height:44px; max-width:100%; border:1px solid #b9c8cb; background:#fff; padding:8px 36px 8px 12px; border-radius:4px; }
.b2v-climate-visuals { display:grid; grid-template-columns:1.25fr 1fr; gap:32px; align-items:end; margin:24px 0; }
.b2v-climate-visuals figure { margin:0; min-width:0; }
.b2v-climate-visuals figcaption { font-size:15px; font-weight:600; margin-bottom:14px; }
.b2v-climate-visuals svg { width:100%; height:auto; display:block; overflow:visible; }
.b2v-climate-visuals svg text { font:13px sans-serif; fill:#36535a; }
.b2v-climate-key { display:flex; gap:20px; font-size:12px; }
.b2v-climate-key span:before { content:''; display:inline-block; width:18px; height:3px; margin-right:6px; vertical-align:middle; background:#147987; }
.b2v-climate-key span+span:before { background:#c26936; }
.b2v-climate-bars { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:5px; min-height:200px; align-items:end; }
.b2v-climate-bars div { display:flex; flex-direction:column; align-items:center; justify-content:end; min-width:0; gap:5px; font-size:11px; }
.b2v-climate-bars i { display:block; width:70%; background:#398b99; border-radius:2px 2px 0 0; }
.b2v-climate-bars b { font-size:11px; font-weight:400; }
.b2v-climate-values,.b2v-climate-sources { border-top:1px solid #dbe3e4; padding:14px 0; }
.b2v-climate-v2 summary { cursor:pointer; font-weight:600; }
.b2v-climate-sources p { font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
.b2v-climate-table { width:100%; border-collapse:collapse; font-size:14px; font-variant-numeric:tabular-nums; }
.b2v-climate-table caption { text-align:left; padding:14px 0; font-weight:600; }
.b2v-climate-table th,.b2v-climate-table td { padding:10px 8px; border-bottom:1px solid #e2e9eb; text-align:right; }
.b2v-climate-table th:first-child { text-align:left; }
.b2v-climate-table tbody tr:nth-child(even) { background:#f0f7f7; }
.b2v-climate-admin { padding:16px 0; border-top:1px solid #ccd5d9; }
.b2v-climate-admin input:not([type=checkbox]) { display:block; max-width:100%; width:100%; }
.b2v-climate-admin label { display:block; margin:8px 0; }
.b2v-climate-admin__fields,.b2v-climate-edit-months { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.b2v-climate-edit-months fieldset { border:1px solid #ccd5d9; padding:10px; }
.b2v-climate-admin__tools { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0; }
.b2v-climate-admin button { white-space:normal!important; height:auto!important; }
.b2v-climate-admin details { margin:16px 0; }
.b2v-climate-admin [role=status] { padding:10px 0; }
.b2v-climate-v2 [hidden] { display:none!important; }
.b2v-climate-recommendations { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:20px 0; }
.b2v-climate-recommendations details { padding:12px; border-left:4px solid #768c8e; background:#f0f5f5; font-size:13px; }
.b2v-climate-recommendations .is-ideal { border-color:#277749; }
.b2v-climate-recommendations .is-very_favourable { border-color:#69a75b; }
.b2v-climate-recommendations .is-activity_dependent { border-color:#2b8796; }
.b2v-climate-recommendations .is-intermediate { border-color:#c9a644; }
.b2v-climate-recommendations .is-less_favourable { border-color:#c17442; }
.b2v-climate-recommendations .is-seasonal_conditions { border-color:#a34b50; }
@media(max-width:760px) {
    .b2v-climate-recommendations { grid-template-columns:1fr 1fr; }
    .b2v-climate-visuals { grid-template-columns:1fr; gap:24px; }
    .b2v-climate-bars { min-height:190px; gap:2px; }
    .b2v-climate-bars div,.b2v-climate-bars b { font-size:10px; }
    .b2v-climate-table { font-size:12px; }
    .b2v-climate-table td,.b2v-climate-table th { padding:8px 4px; }
    .b2v-climate-admin__fields,.b2v-climate-edit-months { grid-template-columns:1fr; }
}