/* ------------------------------------------------------------------
   hi55555.cn /me — 诗
   一首一页：垂直方向尽量居中，水平方向居中，一行就是一行。
   分行是正文的一部分，所以用 pre-wrap 保留换行与缩进，不做自动排版。
   ------------------------------------------------------------------ */

/* ---------------------------- 单首 ---------------------------- */
.pv{
  min-height:calc(100svh - 52px);   /* 去掉吸顶栏的高度，让诗落在视野中间 */
  display:grid;
  place-items:center;
  padding:clamp(36px,9vh,96px) var(--gut);
}

.ps{
  width:100%;
  max-width:30em;
  margin:0 auto;
  text-align:center;
}

.ps-t{
  margin:0;
  font-size:clamp(22px,3vw,28px);
  font-weight:400;
  line-height:1.6;
  letter-spacing:.10em;
  color:var(--ink);
}

.ps-m{
  margin:14px 0 0;
  font-size:10px;
  letter-spacing:.16em;
  color:var(--mute);
}

/* 序 / 小注：不加竖线，语气比正文轻 */
.ps-note{
  margin:clamp(22px,4vh,32px) auto 0;
  max-width:26em;
  font-size:13.5px;
  line-height:1.95;
  color:var(--mute);
  white-space:pre-wrap;
  text-align:center;
}

/* 长句折行时居中会散，改成左对齐、块仍然居中 */
.ps.align-left .st,
.ps.align-left .ps-note{text-align:left;}
.ps.align-left .ps-note{max-width:24em;}

.ps-b{margin-top:clamp(28px,5.5vh,48px);}

.st{
  margin:0 0 1.7em;
  white-space:pre-wrap;
  font-size:clamp(16.5px,1.5vw,18px);
  line-height:2.2;
  letter-spacing:.06em;
  color:var(--ink-2);
  overflow-wrap:break-word;
}
.st:last-child{margin-bottom:0;}

/* ---------------------------- 翻页 ---------------------------- */
.pnav{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:16px;
  max-width:34em;
  margin:0 auto clamp(40px,7vh,72px);
  padding:14px var(--gut) 0;
  border-top:1px solid var(--line);
}
.pnav-a{
  font-size:13.5px;
  color:var(--ink-2);
  border-bottom:1px solid transparent;
  padding-bottom:1px;
  max-width:42%;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.pnav-a:hover{border-color:var(--ink);}
.pnav-r{text-align:right;margin-left:auto;}
.pnav-c{font-size:10px;letter-spacing:.16em;flex:0 0 auto;}

/* ---------------------------- 目录 ---------------------------- */
.ps-note-tip{
  margin:18px 0 0;
  font-size:13.5px;
  line-height:1.9;
  color:var(--mute);
  max-width:46em;
}

.pgroup{margin:clamp(30px,5vh,46px) 0 0;max-width:52em;}
.pyear{
  margin:0 0 6px;
  padding-bottom:8px;
  border-bottom:1px solid var(--ink);
  font-size:10.5px;
  letter-spacing:.26em;
  font-weight:400;
  color:var(--mute);
}
.plist{list-style:none;margin:0;padding:0;}
.pl-item{border-bottom:1px solid var(--line-soft);}
.pl-link{
  display:grid;
  grid-template-columns:52px auto 1fr;
  gap:16px;
  align-items:baseline;
  padding:12px 0;
}
.pl-d{font-size:10px;letter-spacing:.1em;color:var(--mute);}
.pl-t{font-size:17px;letter-spacing:.02em;}
.pl-s{font-size:12px;color:var(--mute);letter-spacing:.04em;}
.pl-link:hover .pl-t{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;}

@media (max-width:620px){
  .st{font-size:16.5px;line-height:2.05;}
  .ps-note{font-size:13px;}
  .pnav{gap:10px;}
  .pnav-a{font-size:12.5px;max-width:38%;}
  .pl-link{grid-template-columns:44px auto 1fr;gap:12px;}
}

/* 打印：一页一首时最合适 */
@media print{
  .pv{min-height:auto;padding:0;}
  .pdiscuss{display:none;}
  .pnav,.foot,.topbar,.skip{display:none;}
  .ps{break-inside:avoid;}
}

/* ---------------------------- 每首的讨论 ---------------------------- */
.pdiscuss{
  max-width:34em;
  margin:0 auto clamp(48px,8vh,84px);
  padding:0 var(--gut);
}
.pd-h{
  margin:0 0 12px;
  font-size:10.5px;
  letter-spacing:.26em;
  font-weight:400;
  color:var(--mute);
}
.pdiscuss .console{text-align:left;}
.pdiscuss .clist{max-height:none;}