/* Keep the same 80% page scale as the other farm screens. */
html { zoom: .8; }
.help-shell { min-height: 125vh; }
.help-page { grid-column: 2; grid-row: 3; min-width: 0; padding: 14px 10px 8px; overflow: auto; display: grid; place-items: start center; }
.help-period { min-width: 88px; height: 35px; display: grid; place-items: center; margin-left: 14px; border-radius: 20px; background: #173c78; color: white; font-size: 12px; font-weight: 700; }
.help-period.day { background: #ffd000; color: #222; }
.help-calibration { border: 2px solid #168ad1; color: #168ad1 !important; font-size: 11px; font-weight: 700; }
.help-guide-frame { width: 100%; height: calc(125vh - 150px); min-height: 600px; margin: 0; overflow: hidden; }
.help-guide-image { display: block; width: 100%; height: 100%; object-fit: contain; object-position: top center; user-select: none; }

@media (max-width: 900px) {
    .help-page { grid-column: 1; padding: 10px; }
    .help-guide-frame { height: auto; min-height: 0; overflow: visible; }
    .help-guide-image { width: 100%; max-height: none; }
    .help-period { display: none; }
}