/* All-Assets page-nav sidebar — included via /_sidebar.css + /_sidebar.js.
   Hex values used directly so it works on every page palette (cream, paper, dark).
   z-indexes high enough to clear any reasonable in-page modal. */

#pg-toggle{
  position:fixed; right:0; top:50%; transform:translateY(-50%);
  background:#FFFDF7; border:1px solid rgba(60,45,15,.14); border-right:none;
  border-radius:8px 0 0 8px; padding:12px 7px; cursor:pointer;
  writing-mode:vertical-rl;
  font-size:11px; color:#6B665A; letter-spacing:.8px; text-transform:uppercase;
  z-index:9997;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  transition:color .12s;
}
#pg-toggle:hover{ color:#2C2A24; }

#pg-bd{
  display:none; position:fixed; inset:0;
  background:rgba(44,42,36,.18); z-index:9998;
}
#pg-bd.open{ display:block; }

#pg-panel{
  position:fixed; right:0; top:0; height:100vh; width:272px;
  background:#FFFDF7; border-left:1px solid rgba(60,45,15,.14);
  z-index:9999;
  display:flex; flex-direction:column;
  transform:translateX(100%); transition:transform .2s ease;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  color:#2C2A24;
}
#pg-panel.open{ transform:translateX(0); }

#pg-head{
  display:flex; justify-content:space-between; align-items:center;
  padding:18px 16px 12px;
  border-bottom:1px solid rgba(60,45,15,.14);
}
#pg-head span{ font-size:13px; font-weight:500; color:#2C2A24; }
#pg-close{
  background:none; border:none; cursor:pointer; color:#6B665A;
  font-size:20px; padding:0; line-height:1; font-family:inherit;
}
#pg-close:hover{ color:#2C2A24; }

#pg-search{
  margin:10px 14px 6px; padding:7px 10px;
  font-size:13px;
  border:1px solid rgba(60,45,15,.35); border-radius:6px;
  background:#F7F2E7; color:#2C2A24;
  font-family:inherit; outline:none;
}
#pg-search:focus{ border-color:#6B665A; }

#pg-list{ overflow-y:auto; flex:1; padding-bottom:12px; }
.pg-item{
  display:block; padding:6px 16px;
  font-size:13px; color:#6B665A; text-decoration:none;
}
.pg-item:hover{ background:rgba(60,45,15,.06); color:#2C2A24; }
.pg-item.cur{ color:#2C2A24; font-weight:500; background:rgba(60,45,15,.04); }

#pg-home{
  display:block; padding:8px 16px 10px;
  font-size:12px; color:#938D7E; text-decoration:none;
  border-bottom:1px solid rgba(60,45,15,.14);
  margin-bottom:4px;
}
#pg-home:hover{ color:#6B665A; }

#pg-fulltext{
  display:block; margin:4px 14px 10px; padding:7px 10px;
  font-size:12px; color:#FFFDF7; background:#2C2A24;
  text-decoration:none; border-radius:6px;
  text-align:center; letter-spacing:.2px;
  transition:background .12s;
}
#pg-fulltext:hover{ background:#534AB7; }

@media(max-width:480px){ #pg-panel{ width:100%; } }