.hqAnnualForecast{
  width:100%;
  box-sizing:border-box;
  padding:14px 14px 8px;
  color:#20201d;
}
.hqAnnualForecastHead{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  padding:0 4px 10px;
}
.hqAnnualForecastHead>div:first-child{display:grid;gap:4px}
.hqAnnualForecastHead span{
  font:700 12px/1.2 Manrope, Arial, sans-serif;
  letter-spacing:.07em;
  color:#79590f;
}
.hqAnnualForecastHead strong{
  font:700 22px/1.2 Manrope, Arial, sans-serif;
  color:#20201d;
  letter-spacing:.01em;
}
.hqAnnualForecastHead small{
  font:700 12px/1.45 Manrope, Arial, sans-serif;
  color:#696962;
}
.hqAnnualForecastLegend{display:flex;align-items:center;gap:12px;white-space:nowrap}
.hqAnnualForecastLegend span{display:flex;align-items:center;gap:6px;color:#696962;letter-spacing:.01em}
.hqAnnualForecastLegend span::before{content:"";width:18px;height:7px;border-radius:99px;background:#e8bb43}
.hqAnnualForecastLegend span[data-kind="forecast"]::before{background:repeating-linear-gradient(135deg,rgba(232, 187, 67, 0.55) 0 3px,transparent 3px 7px);border:1px dashed rgba(217, 180, 90, 0.55)}
.hqAnnualForecast svg{width:100%;height:auto;display:block;overflow:visible}
.hqAnnualGrid{stroke:#e4e4de;stroke-width:1}
.hqAnnualAxis{fill:#696962;font:700 12px/1.2 Manrope, Arial, sans-serif}
.hqAnnualBaseline{stroke:#27231b;stroke-width:1.4}
.hqAnnualRealBar{fill:url(#hqAnnualReal);stroke:rgba(224,189,97,.55);stroke-width:1}
.hqAnnualRealBar[data-current="true"]{fill:#8d6d2f;opacity:.92}
.hqAnnualGhostBar{fill:url(#hqAnnualGhost);stroke:rgba(216,183,90,.72);stroke-width:1.5;stroke-dasharray:6 5}
.hqAnnualValue{fill:#20201d;font:800 12px/1.2 Manrope, Arial, sans-serif}
.hqAnnualValue[data-forecast="true"]{fill:#79590f}
.hqAnnualYearLabel{fill:#696962;font:800 12px/1.2 Manrope, Arial, sans-serif;letter-spacing:.01em}
.hqAnnualYearLabel[data-forecast="true"]{fill:#79590f}
.hqAnnualRealLineShadow{fill:none;stroke:#000;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;opacity:.55}
.hqAnnualRealLine{fill:none;stroke:#e0bd65;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.hqAnnualForecastLine{fill:none;stroke:#d8b75a;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:9 8;opacity:.84}
.hqAnnualRealDot{fill:#f1d277;stroke:#18130a;stroke-width:2}
.hqAnnualForecastDot{fill:#090909;stroke:#d8b75a;stroke-width:2.5;stroke-dasharray:2 2}
.hqAnnualYear[data-real="true"]:hover .hqAnnualRealBar{stroke:#f0cf72;filter:brightness(1.12)}

@media(max-width:700px){
  .hqAnnualForecast{padding:10px 8px 5px}
  .hqAnnualForecastHead{align-items:flex-start;flex-direction:column;gap:8px;padding:0 2px 8px}
  .hqAnnualForecastHead strong{font-size:18px}
  .hqAnnualForecastHead small{max-width:360px}
  .hqAnnualForecastLegend{gap:10px}
}