/* Titles and descriptions keep the same position; help sits below the copy. */
.function-grid{align-items:stretch}
.function-grid>.function-card{grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;column-gap:16px;row-gap:5px;align-content:start;min-height:150px;padding:18px 18px 43px;border-width:1px}
.function-grid>.function-card.selected{box-shadow:inset 0 0 0 1px var(--olive)}
.function-grid>.function-card>.function-icon{grid-column:1;grid-row:1/3;align-self:center;width:32px;height:32px;margin:0}
.function-grid>.function-card>.function-icon>svg,.function-grid>.function-card>.function-icon>.energy-monitoring-icon{display:block;width:32px;height:32px}
.function-grid>.function-card>strong{grid-column:2;grid-row:1;align-self:start;min-height:42px;padding:0 16px 0 0;margin:0;font-size:15px;line-height:1.4}
.function-grid>.function-card>small{grid-column:2;grid-row:2;padding:0;margin:0;font-size:13px;line-height:1.5}
.function-grid>.function-card>.function-help-footer{position:absolute;top:auto;right:auto;left:66px;bottom:11px;display:flex;align-items:center;gap:6px}
.function-help-footer .extra-info{width:25px;height:25px;min-width:25px;min-height:25px;font-size:15px}
.function-help-footer .energy-monitoring-info{gap:6px}
.function-help-footer .energy-monitoring-button .energy-monitoring-icon{width:17px;height:17px}
.function-card .extra-tooltip>.extra-description{padding:12px 14px;font-size:13px;line-height:1.5;min-height:0;height:auto}
.function-card .extra-description strong{padding:0;margin:0;font-size:13px;line-height:1.5;font-weight:600}
.function-card .extra-description p{margin:7px 0 0;font-size:13px;line-height:1.5}
html[data-tj-theme="dark"] .function-grid>.function-card.selected{box-shadow:inset 0 0 0 1px #a5bdff}
@media(max-width:620px){
 .function-grid>.function-card{min-height:116px;padding:16px 16px 42px;column-gap:14px}
 .function-grid>.function-card>strong{min-height:0}
 .function-grid>.function-card>.function-help-footer{left:62px;bottom:10px}
}