html,
body {
    min-height: 100% !important;

    background:
        #000
        url("/author-wallpaper.png?v=book2")
        center top / cover fixed no-repeat !important;
}

/* No colored haze over the wallpaper */
body::before,
body::after {
    content: none !important;
    display: none !important;
}

/*
 * Existing top area stays compact.
 * Transparent instead of blurred/red.
 */
header,
.header,
.topbar,
.top-bar,
.navbar,
.nav-bar,
.masthead,
.site-header {
    background: rgba(0,0,0,.08) !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;

    border-bottom:
        2px solid rgba(255,186,0,.95) !important;

    box-shadow:
        0 4px 20px rgba(255,155,0,.34) !important;
}

/*
 * Logo positioned in existing header space;
 * does not create another navigation row.
 */
#nmtdc-book-logo {
    position: absolute !important;

    top: 7px !important;
    left: max(28px, calc(50% - 690px)) !important;

    width: 112px !important;
    height: 84px !important;

    object-fit: contain !important;

    z-index: 99999 !important;

    filter:
        drop-shadow(0 0 5px #ffd15d)
        drop-shadow(0 0 13px rgba(255,168,0,.95))
        drop-shadow(0 0 25px rgba(255,125,0,.55))
        drop-shadow(0 4px 6px #000) !important;
}

/*
 * Hide actual cloned screenplay logo.
 */
img[src*="logo.png"] {
    visibility: hidden !important;
}

/*
 * But never hide the Author logo.
 */
#nmtdc-book-logo {
    visibility: visible !important;
    display: block !important;
    opacity: 1 !important;
}

/*
 * Neutral black panels.
 */
textarea,
input,
select,
.panel,
.card {
    background-color: rgba(0,0,0,.72) !important;
    background-image: none !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

@media(max-width:900px) {

    #nmtdc-book-logo {
        width: 76px !important;
        height: 60px !important;
        left: 12px !important;
    }
}