#fnp-old-post-notice {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: .75rem max(1rem, env(safe-area-inset-right)) .75rem max(1rem, env(safe-area-inset-left));
    border-top: 3px solid #99cc66;
    background: #333;
    color: #fff;
    font: 400 1.1875rem/1.35 Calibre, sans-serif;
    overflow-wrap: anywhere;
}
#fnp-old-post-notice.is-ready {
    position: fixed;
    z-index: 9000;
    inset-inline: 0;
    bottom: var(--fnp-old-post-bottom, 0px);
    padding-bottom: max(.75rem, env(safe-area-inset-bottom));
}
#fnp-old-post-notice .fnp-old-post-notice__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    align-items: center;
    gap: 1rem;
    width: min(100%, 1200px);
    margin: 0 auto;
}
#fnp-old-post-notice p { margin: 0; color: inherit; font: inherit; }
#fnp-old-post-notice .fnp-old-post-notice__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 0;
    border: 1px solid #fff;
    border-radius: 0;
    background: transparent;
    color: #fff;
    font: 400 2rem/1 sans-serif;
    cursor: pointer;
}
#fnp-old-post-notice .fnp-old-post-notice__close:hover { background: #555; }
#fnp-old-post-notice .fnp-old-post-notice__close:focus-visible { outline: 3px solid #99cc66; outline-offset: 3px; }
#fnp-old-post-notice[hidden], #fnp-old-post-notice [hidden], #fnp-old-post-notice-space[hidden] { display: none !important; }
#fnp-old-post-notice-space { height: var(--fnp-old-post-space, 0px); }
html.fnp-old-post-notice-active { scroll-padding-bottom: calc(var(--fnp-old-post-space, 0px) + 1rem); }
@media (max-width: 600px) {
    #fnp-old-post-notice { font-size: 1.125rem; }
    #fnp-old-post-notice .fnp-old-post-notice__inner { gap: .75rem; }
}
@media print {
    #fnp-old-post-notice, #fnp-old-post-notice-space { display: none !important; }
}