/* Public navigation: responsive, keyboard accessible and direction-aware. */
.hdr{border-bottom:1px solid var(--border);box-shadow:0 5px 25px #0002;isolation:isolate}
.hdr-inner{max-width:1440px;min-height:80px;height:auto;padding:16px 28px;gap:24px;min-width:0}
.hdr .logo{flex:0 1 260px;min-width:0;max-width:30%;text-decoration:none;align-items:flex-start}
.hdr .logo-name{font-size:23px;line-height:1.25;letter-spacing:-.5px;white-space:normal;overflow-wrap:anywhere}
.hdr .logo-tagline{font-size:10px;line-height:1.5;letter-spacing:1.3px;margin-top:4px;white-space:normal}
.hdr .logo img{max-width:100%;height:auto;max-height:48px;object-fit:contain}
.hdr-nav{margin:0;gap:4px;align-items:center;min-width:0}
.hdr-nav a{padding:11px 14px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;font-weight:600;font-size:13px}
.hdr-nav a.active{background:var(--red);color:#fff}
.hdr-nav a:hover{background:var(--bg4)}
.hdr-search{margin:0;margin-inline-start:auto;border-radius:12px;min-height:44px;max-width:240px}
.hdr-search input{width:170px;min-width:0;padding:12px;font:inherit;font-size:13px}
.hdr-search button,.mob-search button{min-width:44px;min-height:44px;cursor:pointer}
.hdr-burger{min-width:44px;min-height:44px;margin-inline-start:auto;border-radius:10px;flex-shrink:0}
.hdr a:focus-visible,.hdr button:focus-visible,.hdr input:focus-visible{outline:2px solid var(--red);outline-offset:4px}
.mob-menu{max-height:calc(100dvh - 80px);padding:8px 16px 20px;border-bottom:1px solid var(--border)}
.mob-menu a{padding:14px 16px;border-radius:8px;border-bottom:0;min-height:46px;overflow-wrap:anywhere}
.mob-search{margin:8px 0 12px;min-width:0;display:flex}
.mob-search input{min-width:0;width:100%;font-size:16px}
[dir=rtl] .hdr-nav{margin-left:0;margin-right:0}
[dir=rtl] .hdr-search{margin-left:0;margin-right:auto}
[dir=rtl] .hdr-nav.is-scroll{mask-image:none;-webkit-mask-image:none}
[dir=rtl] .logo-tagline{letter-spacing:0}
[dir=rtl] .right-col,[dir=rtl] .desc-box{text-align:start}
@media(max-width:1100px){.hdr-inner{gap:14px;padding:14px 20px}.hdr-nav a{padding:10px}.hdr-search{display:none}.hdr .logo{flex-basis:220px}}
@media(max-width:880px){.hdr-inner{min-height:72px;padding:12px 18px}.hdr-nav{display:none}.hdr-burger{display:flex}.hdr .logo{max-width:calc(100% - 62px);flex-basis:auto}.hdr .logo-name{font-size:21px}.hdr .logo-tagline{font-size:9px}.mob-menu{max-height:calc(100dvh - 72px)}}
@media(min-width:881px){.mob-menu.open{display:none}.hdr-burger{display:none}}
@media(max-width:380px){.hdr-inner{padding:12px;gap:10px}.hdr .logo-name{font-size:19px}.hdr .logo-tagline{letter-spacing:.3px}}
@media(prefers-reduced-motion:reduce){.hdr *{transition:none!important;scroll-behavior:auto!important}}

/* User palette, scoped to the manga header and its nested mobile menu. */
.hdr{background:var(--header-bg);border-color:var(--header-border);color:var(--header-text)}
.hdr .logo-name{color:var(--header-logo)}
.hdr .logo-name em{color:var(--header-accent)}
.hdr .logo-tagline{color:var(--header-tagline)}
.hdr .logo-tag{background:var(--header-active-bg);color:var(--header-active-text)}
.hdr .hdr-nav a,.hdr .mob-menu a{color:var(--header-text)}
.hdr .hdr-nav a.active{background:var(--header-active-bg);color:var(--header-active-text)}
.hdr .hdr-nav a:hover,.hdr .mob-menu a:hover{background:var(--header-hover-bg);color:var(--header-hover-text)}
.hdr .hdr-nav a.hdr-bm,.hdr .hdr-nav a.hdr-bm.active{background:var(--header-bookmark-bg)!important;color:var(--header-bookmark-text)!important}
.hdr .hdr-bm.active svg{fill:currentColor;stroke:currentColor}
.hdr .hdr-search,.hdr .mob-search{background:var(--header-search-bg);border-color:var(--header-border)}
.hdr .hdr-search input,.hdr .mob-search input{background:var(--header-search-bg);color:var(--header-search-text)}
.hdr .hdr-search input::placeholder,.hdr .mob-search input::placeholder{color:var(--header-search-placeholder);opacity:1}
.hdr .hdr-search button,.hdr .mob-search button{background:var(--header-search-button);color:var(--header-search-icon)}
.hdr .hdr-burger span{background:var(--header-text)}
.hdr .mob-menu{background:var(--header-bg);border-color:var(--header-border)}
.hdr #mob-bm-status{color:var(--header-tagline)!important}
.hdr a:focus-visible,.hdr button:focus-visible,.hdr input:focus-visible{outline-color:var(--header-accent)}
