/* V531: Articles public top navigation mirrors Home's approved header geometry.
   Scoped to /articles; article cards, hero, and reader remain unchanged. */
body.page-articles .topbar{
 position:sticky;top:0;z-index:1000;
 background:rgba(255,250,241,.94);backdrop-filter:blur(14px);
 border-bottom:1px solid #ead6b6;color:#181e2c;
}
body.page-articles .topbar .container.nav{
 box-sizing:border-box;width:min(1180px,calc(100% - 34px));max-width:1180px;
 height:76px;min-height:76px;margin:0 auto;padding:0;
 display:flex;align-items:center;justify-content:space-between;gap:20px;
}
body.page-articles .topbar .brand{
 flex:0 0 auto;display:inline-flex;align-items:center;gap:11px;
 font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 font-size:23px;font-weight:900;letter-spacing:0;line-height:1;
 color:#7d3e00;white-space:nowrap;text-decoration:none;
}
body.page-articles .topbar .brand img{
 display:block;flex:0 0 auto;width:44px;height:44px;min-width:44px;max-width:44px;
 border-radius:12px;object-fit:cover;box-shadow:0 8px 22px rgba(230,127,0,.20);
}
body.page-articles .topbar .menu{
 display:flex;flex:0 1 auto;min-width:0;align-items:center;
 justify-content:center;flex-direction:row;flex-wrap:nowrap;gap:6px;
 margin:0;padding:0;position:static;visibility:visible;opacity:1;
 background:none;box-shadow:none;border:0;transform:none;
}
body.page-articles .topbar .menu a,
body.page-articles .topbar .menu a.psp-public-articles-link{
 display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
 min-width:0;min-height:36px;white-space:nowrap;
 font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
 font-size:14px;font-weight:650!important;line-height:1.2;letter-spacing:0;
 padding:11px 15px;border-radius:10px;text-decoration:none;
 color:#4b3d2d!important;background:transparent!important;
 border:0!important;box-shadow:none!important;
}
body.page-articles .topbar .menu a.active,
body.page-articles .topbar .menu a:hover,
body.page-articles .topbar .menu a:focus-visible{
 color:#F88702!important;background:transparent!important;
}
body.page-articles .topbar .menu a::before,
body.page-articles .topbar .menu a::after{display:none!important;content:none!important}
body.page-articles .topbar .actions{
 display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:10px;margin:0 0 0 auto;
}
body.page-articles .topbar .theme-btn{
 display:grid;place-items:center;cursor:pointer;
 width:44px;height:44px;min-width:44px;min-height:44px;
 border-radius:50%;padding:0;border:1px solid #ead6b6;
 background:#fff7e9;color:#8c5200;font-size:18px;line-height:1;
}
body.page-articles .topbar .login{
 display:inline-flex;align-items:center;justify-content:center;
 min-height:44px;height:44px;min-width:0;
 padding:10px 18px;border:0;border-radius:13px;
 background:linear-gradient(135deg,#F88702,#cf6400);
 color:#15100a;font-size:15px;font-weight:850;line-height:1;
 box-shadow:0 10px 25px rgba(230,127,0,.22);white-space:nowrap;text-decoration:none;
}
body.page-articles .topbar .mobile-menu{display:none!important}
body.dark-theme.page-articles .topbar{background:#0b1728;border-color:#29394e}
body.dark-theme.page-articles .topbar .brand,
body.dark-theme.page-articles .topbar .menu a{color:#f1f3f6!important}
body.dark-theme.page-articles .topbar .menu a.active,
body.dark-theme.page-articles .topbar .menu a:hover{color:#F88702!important}
body.dark-theme.page-articles .topbar .theme-btn{background:#18283c;color:#ffb449;border-color:#37465d}
@media(min-width:769px) and (max-width:1120px){
 body.page-articles .topbar .container.nav{gap:8px}
 body.page-articles .topbar .brand{font-size:19px;gap:7px}
 body.page-articles .topbar .brand img{width:38px;height:38px;min-width:38px}
 body.page-articles .topbar .menu{gap:3px}
 body.page-articles .topbar .menu a,
 body.page-articles .topbar .menu a.psp-public-articles-link{font-size:12px;padding:9px 5px}
 body.page-articles .topbar .actions{gap:6px}
 body.page-articles .topbar .theme-btn{width:38px;height:38px;min-width:38px;min-height:38px}
 body.page-articles .topbar .login{height:38px;min-height:38px;font-size:13px;padding:8px 12px}
}
@media(max-width:768px){
 body.page-articles .topbar .container.nav{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;gap:8px;width:calc(100% - 16px);max-width:none;
  height:auto;min-height:0;margin:0 8px;padding:8px 0 7px;
 }
 body.page-articles .topbar .brand{grid-column:1;grid-row:1;gap:6px;font-size:17px}
 body.page-articles .topbar .brand img{width:36px;height:36px;min-width:36px;border-radius:9px}
 body.page-articles .topbar .actions{grid-column:3;grid-row:1;gap:6px;margin:0}
 body.page-articles .topbar .theme-btn{width:36px;height:36px;min-width:36px;min-height:36px;font-size:15px}
 body.page-articles .topbar .login{height:36px;min-height:36px;padding:8px 13px;border-radius:10px;font-size:13px}
 body.page-articles .topbar .menu{
  grid-column:1/-1;grid-row:2;display:flex!important;width:100%;
  flex-direction:row;justify-content:flex-start;align-items:center;
  flex-wrap:nowrap;gap:4px;position:static!important;
  padding:5px 0 1px;margin:0;overflow-x:auto;overflow-y:hidden;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;
  background:transparent!important;box-shadow:none!important;
 }
 body.page-articles .topbar .menu::-webkit-scrollbar{display:none}
 body.page-articles .topbar .menu a,
 body.page-articles .topbar .menu a.psp-public-articles-link{
  font-size:12px!important;font-weight:750!important;padding:7px 9px;
  min-height:31px;border-radius:8px;
 }
}