/* Touhou 2026 手机布局；原后台附加 CSS 移入本文件。 */
/* One continuous PC illustration behind the guide's back button and title. */
.pg_guide > .header {
  position: absolute;
  z-index: 2;
  box-sizing: border-box;
  width: 100%;
  height: 52px;
  background: transparent;
}
.pg_guide > .header_toplogo {
  position: relative;
  box-sizing: border-box;
  height: clamp(188px, 46.6vw, 260px);
  padding: 0;
  background: url("https://c.moenext.com/touhou/bbs/template/2026/style/touhou2026/assets/header.webp?v=e7ec4013fd342318") no-repeat center 43% / cover;
}
.pg_guide > .header_toplogo > .touchlogo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(56vw, 225px);
  max-width: none;
  height: auto;
  margin: 0;
}
/* Keep the original site name and guide title available to screen readers. */
.pg_guide > .header_toplogo > p {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
/* The translated Digest label includes xi1; follow its tab's normal state. */
.pg_guide .dhnv a[href*="view=digest"] .xi1 {
  color: inherit;
}
/* Center the title/description beside its icon in list layouts. */
.forumlist :is(.mlist1, .mlist2) li:has(> .micon) {
  display: flex;
  align-items: center;
}
.forumlist :is(.mlist1, .mlist2) li > .micon {
  float: none;
  flex-shrink: 0;
}
.forumlist :is(.mlist1, .mlist2) li:has(> .micon) > a.murl {
  flex: 1;
  min-width: 0;
  margin-top: 0;
}
.forumlist .sub-forum li a.murl {
  height: auto;
  min-height: 44px;
}
.forumlist .sub-forum li .mtxt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: auto;
  white-space: normal;
  text-overflow: clip;
}