.reading-nav{position:sticky;top:0;z-index:1000;background:var(--header-bg);border-bottom:1px solid var(--border-color)}
.reading-nav-inner{max-width:var(--site-width);margin:auto;padding:12px var(--site-gutter);min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.reading-nav a,.reading-nav button,.reading-nav summary{color:var(--text-color);text-decoration:none;font:inherit;font-size:14px;min-height:44px;display:inline-flex;align-items:center;cursor:pointer}
.reading-brand{gap:10px;white-space:nowrap;font-size:20px!important;font-weight:700!important}.reading-brand img{border-radius:6px}
.reading-desktop,.reading-actions{display:flex;align-items:center;gap:20px}.reading-nav details{position:relative}.reading-nav summary{list-style:none}.reading-nav summary::-webkit-details-marker{display:none}
.reading-nav button{border:0;background:transparent;padding:8px;border-radius:8px}.reading-nav a:hover,.reading-nav summary:hover,.reading-nav button:hover{color:var(--brand-ink)}
.reading-products,.reading-mobile nav{position:absolute;right:0;top:calc(100% + 8px);display:grid;width:220px;padding:12px;background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow-xl)}
.reading-products a,.reading-mobile nav a{padding-inline:12px}.reading-register{padding:8px 16px;background:var(--primary-color);color:var(--on-brand)!important;border-radius:8px;font-weight:600!important;white-space:nowrap}
.reading-mobile{display:none}.reading-nav :focus-visible{outline:2px solid var(--brand-ink);outline-offset:4px}.reading-actions button{white-space:nowrap}
[hidden]{display:none!important}
.reading-login{white-space:nowrap}
@media(max-width:1100px){.reading-desktop{display:none}.reading-mobile{display:block}.reading-mobile nav{width:min(340px,calc(100vw - 32px));max-height:calc(100dvh - 88px);overflow-y:auto}.reading-actions{gap:12px}}
@media(max-width:540px){.reading-login{display:none!important}.reading-nav-inner{min-height:64px;padding-block:8px;gap:8px}.reading-brand{font-size:17px!important;gap:8px}.reading-brand img{width:28px;height:28px}.reading-actions{gap:4px}.reading-actions button{font-size:12px;padding:4px}.reading-register{padding:8px;font-size:13px!important}}