:root { --hf-dev-warning-height: 94px; }
html { scroll-padding-top: calc(var(--hf-dev-warning-height) + 86px); }
body { padding-top: var(--hf-dev-warning-height) !important; }
.hf-dev-warning {
    position: fixed; inset: 0 0 auto 0; z-index: 2147483647;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    height: var(--hf-dev-warning-height); box-sizing: border-box; padding: 10px 20px;
    color: #17130a; text-align: center; text-transform: uppercase;
    font-family: Arial, sans-serif; font-size: clamp(21px, 2.7vw, 34px);
    font-weight: 900; line-height: 1.05; letter-spacing: .05em;
    background: repeating-linear-gradient(135deg,#f5b82e 0,#f5b82e 18px,#e9a914 18px,#e9a914 36px);
    border-bottom: 5px solid #17130a; box-shadow: 0 5px 18px rgba(0,0,0,.65);
}
.hf-dev-warning span { margin-top: 7px; font-size: .5em; letter-spacing: .1em; }
.menu20-fixed { top: var(--hf-dev-warning-height) !important; }
@media (max-width: 700px) {
    :root { --hf-dev-warning-height: 78px; }
    .hf-dev-warning { padding: 8px 12px; font-size: 19px; }
    .hf-dev-warning span { margin-top: 5px; font-size: 11px; }
}