/* head_72.css */
.__PFX__-h72-fragment{
  padding:8px 12px;
  background:
    linear-gradient(160deg,var(--bg-soft-color),var(--bg-color));
  border-bottom:1px solid var(--border-color);
}
.__PFX__-h72-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.__PFX__-h72-brand{
  font-size:17px;
  font-weight:900;
  text-decoration:none;
}
.__PFX__-h72-toggle{
  border:1px solid var(--border-color);
  background:var(--bg-soft-color);
  border-radius:8px;
  padding:6px 10px;
}
.__PFX__-h72-search{
  margin-top:6px;
}
.__PFX__-h72-search input{
  width:100%;
  padding:6px 10px;
  border-radius:10px;
  border:1px solid var(--border-color);
}
.__PFX__-h72-mask{
  display:none;
}
body.__PFX__-h72-open .__PFX__-h72-mask{
  display:block;
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.35);
}
.__PFX__-h72-panel{
  position:fixed;
  left:0;
  bottom:-100%;
  width:100%;
  max-height:70%;
  background:
    linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.7)),
    var(--bg-color);
  backdrop-filter:blur(8px);
  padding:14px;
  transition:bottom .25s ease;
  z-index: 9999;
}
body.__PFX__-h72-open .__PFX__-h72-panel{
  bottom:0;
}
.__PFX__-h72-home a{
  display:inline-block;
  margin:0 8px 10px 0;
}
.__PFX__-h72-cats a{
  display:inline-block;
  margin:4px 6px 0 0;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid var(--border-color);
}
.__PFX__-h72-cats a.active{
  background:var(--primary-color);
  color:#fff;
  border-color:var(--primary-color);
}