html, body { margin: 0; min-height: 100%; }
body { overflow-x: hidden; }
.howto-hero { min-height: 100vh; }
.howto-grid { grid-template-columns: minmax(0, 320px) minmax(0, 1fr); }
.howto-content, .howto-card { min-width: 0; }
.howto-content img, .howto-card img { max-width: 100%; height: auto; }
.page-header-title { overflow-wrap: anywhere; }
.patch-version { margin-top: 18px; }
.patch-version summary { cursor: pointer; font-size: 1.15rem; font-weight: 700; }
.patch-version summary small { display: block; color: #bfc7bb; font-size: .85rem; font-weight: 400; }
.patch-version h2 { font-size: 1.05rem; margin-top: 22px; }
@media (max-width: 900px) {
    .howto-grid { grid-template-columns: minmax(0, 1fr); }
    .howto-nav { position: static; }
    .howto-nav-card { margin-top: 0; }
    .howto-nav-logo { margin-top: 0; width: min(220px, 100%); }
}
@media (max-width: 600px) {
    .howto-hero { padding: 24px 12px; }
    .howto-wrap { width: 100%; }
    .howto-card { overflow-wrap: anywhere; }
}