.site-sidebar{display:none}
@media (min-width:1200px){
  body.site-sidebar-page{padding-left:15rem}
  body.site-sidebar-page .site-sidebar{display:flex;position:fixed;left:0;top:0;bottom:0;width:15rem;z-index:60;flex-direction:column;padding:2rem 1rem;background:#071525;border-right:1px solid rgba(253,139,0,.25);box-shadow:12px 0 40px rgba(0,0,0,.22)}
  .site-sidebar a{display:flex;align-items:center;gap:.75rem;padding:.8rem .9rem;border-radius:.7rem;color:#d3c3bd;text-decoration:none;font-family:'Noto Serif JP',serif;font-size:.86rem;letter-spacing:.08em;transition:background .2s,color .2s,transform .2s}
  .site-sidebar a:hover,.site-sidebar a.is-active{background:rgba(253,139,0,.12);color:#fd8b00;transform:translateX(3px)}
  .site-sidebar-brand{color:#fd8b00;font-family:'Noto Serif JP',serif;font-size:1.1rem;letter-spacing:.18em;margin:.25rem .75rem 2rem}
  .site-sidebar-note{color:#d3c3bd99;font-size:.66rem;letter-spacing:.08em;margin:-1.5rem .75rem 1.4rem}
  .site-sidebar nav{display:flex;flex-direction:column;gap:.2rem}
}