/* Live Archive v1.6.64 — rendered hero contrast & header frame corrections.
   Must load LAST: earlier theme insight CSS overrode the photographic hero shading.
   High-opacity shade behind text is required because the background image is variable. */

/* Restore the complete perimeter border on every themed navigation bar. */
html[data-theme] .shell > .top {
  border-top-style:solid !important;
  border-top-width:2px !important;
  border-top-color:var(--line) !important;
}
html[data-theme="manga"] .shell > .top,
html[data-theme="signal"] .shell > .top{border-top-width:3px !important;border-top-color:#111 !important}
html[data-theme="retro"] .shell > .top{border-top-color:#a36c42 !important}
html[data-theme="nightlife"] .shell > .top{border-top-color:#8139a2 !important}
html[data-theme="hifi"] .shell > .top{border-top-color:#a98853 !important}
html[data-theme="grunge"] .shell > .top{border-top-color:#926e63 !important}
html[data-theme="bristol"] .shell > .top{border-top-color:#e3a96d !important}
html[data-theme="gothic"] .shell > .top{border-top-color:var(--line) !important}

/* Dark-scene themes: guaranteed light text and dense, local dark gradient. */
html[data-theme]:not([data-theme="retro"]):not([data-theme="manga"]) .discovery-home .discovery-hero::before{
  background:linear-gradient(90deg,rgba(8,8,15,.98) 0%,rgba(8,8,15,.94) 38%,rgba(8,8,15,.79) 58%,rgba(8,8,15,.17) 100%) !important;
}
html[data-theme]:not([data-theme="retro"]):not([data-theme="manga"]) .discovery-home .discovery-hero h1{color:#fff8ed !important}
html[data-theme]:not([data-theme="retro"]):not([data-theme="manga"]) .discovery-home .discovery-hero p{color:#f4eadf !important}
html[data-theme]:not([data-theme="retro"]):not([data-theme="manga"]) .discovery-home .discovery-hero .discovery-eyebrow{color:#ffcb91 !important}

/* Printed-paper themes: dark ink must sit on a LIGHT overlay, not a dark one. */
html[data-theme="retro"] .discovery-home .discovery-hero::before{
  background:linear-gradient(90deg,rgba(255,247,223,.99) 0%,rgba(255,247,223,.97) 38%,rgba(255,247,223,.85) 57%,rgba(255,247,223,.12) 100%) !important;
}
html[data-theme="retro"] .discovery-home .discovery-hero h1{color:#302218 !important}
html[data-theme="retro"] .discovery-home .discovery-hero p{color:#3d3024 !important}
html[data-theme="retro"] .discovery-home .discovery-hero .discovery-eyebrow{color:#92311e !important}

html[data-theme="manga"] .discovery-home .discovery-hero::before{
  background:linear-gradient(90deg,rgba(255,253,238,.99) 0%,rgba(255,253,238,.97) 40%,rgba(255,253,238,.87) 60%,rgba(255,253,238,.15) 100%) !important;
}
html[data-theme="manga"] .discovery-home .discovery-hero h1{color:#12121b !important}
html[data-theme="manga"] .discovery-home .discovery-hero p{color:#25242a !important}
html[data-theme="manga"] .discovery-home .discovery-hero .discovery-eyebrow{color:#744900 !important}

/* On narrow screens the readable overlay must cover the text's entire width. */
@media(max-width:700px){
  html[data-theme]:not([data-theme="retro"]):not([data-theme="manga"]) .discovery-home .discovery-hero::before{
    background:linear-gradient(0deg,rgba(8,8,15,.98) 0%,rgba(8,8,15,.94) 60%,rgba(8,8,15,.72) 100%) !important;
  }
  html[data-theme="retro"] .discovery-home .discovery-hero::before{
    background:linear-gradient(0deg,rgba(255,247,223,.99),rgba(255,247,223,.94) 70%,rgba(255,247,223,.77)) !important;
  }
  html[data-theme="manga"] .discovery-home .discovery-hero::before{
    background:linear-gradient(0deg,rgba(255,253,238,.99),rgba(255,253,238,.94) 70%,rgba(255,253,238,.78)) !important;
  }
}