/* ===== final patch: movable category + multilingual fixes ===== */
.toc-toggle{touch-action:none;user-select:none;cursor:grab}
.toc-toggle.dragging{cursor:grabbing;opacity:.92}
.sp-only-break{display:none}
@media(max-width:600px){body.lang-ja #hero-title .sp-only-break{display:inline}body
.lang-ja #hero-title{white-space:normal!important;line-height:1.28!important}
.toc-toggle{z-index:120!important}
#card-grid.grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
#card-grid .thumb{height:72px!important}#card-grid
.card h3{font-size:11px!important;line-height:1.25!important;margin:7px 4px 5px!important}
.site-link-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(min-width:601px){body.lang-ja #hero-title .sp-only-break{display:none!important}}

body.dark-mode nav ul,
html[data-theme="dark"] nav ul,
[data-theme="dark"] nav ul {
  background: #1f1f23 !important;
}
header nav a:hover,
.topbar nav a:hover {
  color: #5b8bff !important;
}
@media screen and (max-width:600px){
  #card-grid.grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .site-index-panel .site-link-grid{
    grid-template-columns:repeat(1,minmax(0,1fr))!important;
  }
  #page-title{
    font-size:20px !important;
}
}
@media (max-width:980px){
    #hero-title{
        font-size: 22px;
    }
     }