.nav-dropdown{position:relative}.nav-dropdown>.nav-menu-button{display:flex;align-items:center;gap:5px;list-style:none;font-size:12px;font-weight:500;padding:9px 10px;cursor:pointer;white-space:nowrap}.nav-dropdown>.nav-menu-button svg{width:14px;height:14px}.nav-dropdown.is-open>.nav-menu-button{color:var(--accent)}.nav-flyout{position:absolute;top:calc(100% + 14px);left:-90px;width:530px;max-width:calc(100vw - 40px);padding:23px;background:var(--paper);border:1px solid var(--line);box-shadow:0 14px 40px #1b26351c;border-radius:14px;z-index:35}.nav-flyout-heading{display:flex;justify-content:space-between;gap:15px;padding-bottom:16px;margin-bottom:14px;border-bottom:1px solid var(--line)}.nav-flyout-heading>span{font-size:10px;color:var(--muted);font-weight:500}.nav-flyout-heading>a{font-size:10px;color:var(--accent);display:flex;align-items:center;gap:8px}.nav-flyout-heading svg{width:14px}.nav-topic-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 13px}.nav-topic-links>a{font-size:12px;line-height:1.5;padding:10px 9px;border-radius:7px;overflow-wrap:anywhere}.nav-topic-links>a:hover{background:var(--soft);color:var(--accent)}.nav-flyout>p{font-size:10px;margin:15px 0 0;padding-top:14px;border-top:1px solid var(--line)}.nav-writers .nav-flyout{width:320px;left:-50px;display:grid;gap:8px;padding:15px}.nav-writers .nav-flyout>a{padding:12px;border-radius:9px}.nav-writers .nav-flyout>a:hover{background:var(--soft)}.nav-writers strong{display:block;font-size:13px;font-weight:500;margin-bottom:4px}.nav-writers span{display:block;font-size:10px;color:var(--muted)}.nav-writers .nav-write-link{display:flex;align-items:center;justify-content:space-between;font-size:11px;border-top:1px solid var(--line);border-radius:0!important;padding-top:17px!important}.nav-write-link svg{width:15px}.mobile-menu-toggle{display:none}.public-mobile-menu{background:var(--paper);border-bottom:1px solid var(--line)}.mobile-menu-inner{display:grid;padding:16px 20px;max-width:700px;margin:auto;gap:5px}.mobile-menu-inner>a{font-size:13px;font-weight:500;padding:11px 6px}.mobile-menu-inner a:hover{color:var(--accent)}.writer-kind-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}.writer-kind-tabs>a{padding:8px 15px;border:1px solid var(--line);border-radius:30px;font-size:11px;color:var(--muted)}.writer-kind-tabs>a[aria-current=page]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.information-cover{display:block;width:100%;height:auto;border-radius:12px;margin-bottom:25px}.topic-cover .featured-image{aspect-ratio:1200/630;object-fit:contain}.topic-card-art>img{object-fit:cover}.topic-header{grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr)}
@media(max-width:1100px){.header-inner{gap:18px}.top-nav{gap:0}.top-nav>a{padding-inline:8px}.nav-dropdown>.nav-menu-button{padding-inline:8px;font-size:12px}.header-actions{gap:5px}}
@media(max-width:900px){.nav-flyout{left:-120px;width:480px}.nav-writers .nav-flyout{left:-90px}.topic-header{grid-template-columns:minmax(0,1.3fr) minmax(230px,1fr);gap:25px}}
@media(max-width:760px){.mobile-menu-toggle{display:grid}.header-actions{gap:0}.header-inner{gap:6px}.writer-kind-tabs{margin-bottom:23px}.topic-header{grid-template-columns:1fr}.topic-cover .featured-image{aspect-ratio:1200/630}.public-mobile-menu[hidden]{display:none}.public-mobile-menu:not([hidden]){display:block}.header-actions .account-link{font-size:10px;padding-inline:4px}}
@media(min-width:761px){.public-mobile-menu{display:none!important}}
@media(max-width:360px){.brand img{width:143px}.header-inner{gap:3px}.header-actions .account-link{padding-left:2px;padding-right:0;font-size:9px}.header-actions .icon-button{width:27px}}