/* ============================================================
   Clash客户端官网 · 完整文档页(troubleshooting.html)专属样式
   仅补充:定位说明面板 / 章节锚点偏移 / 末尾三格出口
   ============================================================ */

/* 定位说明面板:与目录条之间留基线距离 */
.doc-scope{margin-top:6px}
.doc-scope p{
  font-size:14.5px;
  line-height:1.95;
  color:var(--ink-soft);
  max-width:72ch;
}
.doc-scope p + p{margin-top:10px}
.doc-scope a{
  color:var(--cobalt-deep);
  border-bottom:1px solid var(--cobalt);
}
.doc-scope a:hover{color:var(--vermilion);border-bottom-color:var(--vermilion)}

/* 章节锚点:跳转后标题不被 sticky 页头压住 */
.doc-chap{scroll-margin-top:calc(var(--mast-h) + 16px)}

/* 章内 prose 放宽到与版心呼应的阅读宽 */
.doc-chap .prose{max-width:820px}

/* 末尾三格出口:细边框并排,窄屏纵排 */
.doc-endrow{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.doc-endrow>*{min-width:0}
.doc-endcell{
  background:var(--card);
  border:1px solid var(--rule);
  padding-top:22px;
  padding-bottom:24px;
  padding-left:22px;
  padding-right:22px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:14px;
}
.doc-endcell p{
  font-size:14px;
  line-height:1.85;
  color:var(--ink-soft);
}
.doc-endcell .panel-cap{margin-bottom:0}
.doc-endcell .btn{margin-top:auto}

@media (max-width:820px){
  .doc-endrow{grid-template-columns:1fr}
}