/* 叮叮点歌 dingsong.ai⁠·文字页（本站原则、隐私、授权与出处；施工 1 B-1，2026-10-24）
   一栏长文：行宽约 40 字、小标分段、清单有间距；字级只用设计系统字级表，间距只用 --space-*。 */
.doc { padding-block: var(--space-48); }
.doc-in { max-width: 40em; }
.doc h1 { margin: 0 0 var(--space-16); font-size: clamp(34px, 4.4vw, 52px); }   /* 跟电台页页名同一条缩放（10-25 第 2 轮评审：768～1024 宽文字页 52px、电台页 34～45px，主从颠倒） */
.doc p.kick { margin: 0 0 var(--space-12); font: 800 15px/1 var(--font-display); letter-spacing: .16em; color: var(--red-ink); }   /* 跟各电台页头的小标同一款（10-25 第 2 轮评审：文字页没有本站的“台呼”） */
.doc .lead-text { margin: 0 0 var(--space-28); color: var(--ink); }
.doc p.lead-text { font-size: 22px; line-height: 1.6; text-wrap: balance; }   /* 页名下第一句＝这页的结论（10-25 评审：原本被 .doc p 压成跟内文一样 17px）；22px＝设计系统 item-title 的字级 */
.doc h2 { margin: var(--space-44) 0 var(--space-12); font: 700 26px/1.3 var(--font-body); color: var(--ink); text-wrap: balance; }
.doc p, .doc li { font-size: 17px; line-height: 1.75; color: var(--ink); text-wrap: pretty; }
.doc p { margin: 0 0 var(--space-12); }
.doc ul { margin: 0 0 var(--space-12); padding-left: var(--space-22); display: grid; gap: var(--space-8); }
/* 清单符号：浏览器默认的黑圆点换成跟页眉刻度同一种的短刻线（10-26 第 4 轮评审品味 4）；只管文字页本文的清单，出处总表每首那种清单不动 */
.doc-in > ul, .doc-in > details > ul { list-style: none; }
.doc-in > ul > li, .doc-in > details > ul > li { position: relative; }
.doc-in > ul > li::before, .doc-in > details > ul > li::before { content: ""; position: absolute; left: calc(var(--space-22) * -1); top: .85em; width: var(--space-12); height: 2px; background: var(--ink-2); }
/* 外部链接：后面一个 ↗（shell.js 加），读屏另外听到“会离开本站” */
/* 这一页的小标清单（隐私页）：手机在页名下面一行字；宽屏幕放到右边空着的地方、卷动时留在画面上（只有位置固定，不加动态） */
.doc-toc { margin: 0 0 var(--space-28); font-size: 15px; line-height: 1.7; color: var(--ink-2); }
.doc-toc b { font-weight: 700; color: var(--ink); }
.doc-toc ul { list-style: none; display: inline; margin: 0; padding: 0; }
.doc-toc li { display: inline; font-size: 15px; white-space: nowrap; }   /* 一项不从中间断开（第 5 轮评审 M3：“外部／链接”） */
.doc-toc a { display: inline-block; padding-block: var(--space-10); }   /* 手机点击高度 ≥44px（原本 21px） */
.doc-toc li:not(:last-child)::after { content: "⁠·"; color: var(--ink-2); }   /* 分隔点放在前一项的尾巴（不断行的那一段里）：换行只会发生在点后面，点不会跑到行首；简中转换把它黏成“·”也照样能换行（10-26 第 6 轮评审 B1：放在下一项前面时，简中 9 项黏成一行、整页撑到 1,300px） */
.doc .doc-toc a { color: var(--ink); }   /* 目录是导览，不用本文链接的红字 */
/* 英日文页（10-27 英日文接线实测）：一项就可能比手机一行长（英文“Music videos and YouTube links on the home page”320 宽超出 47px；
   日文“サイトを置いている場所（Cloudflare）”连分隔点 297px、320 宽只有 288px），不能整项不换行（日文照词组断，shell.js 插的 <wbr>）；
   英文分隔改成“ · ”，点后面留一个空白当换行点；“On this page:”后面补一个空白。宽屏幕（1100 起）一项一行，照下面的规则不放分隔 */
@media (max-width: 1099px) {
  html:is([lang="en"], [lang="ja"]) .doc-toc li { white-space: normal; }
  html[lang="en"] .doc-toc li:not(:last-child)::after { content: "\00a0· "; }
  html[lang="en"] .doc-toc b::after { content: " "; }
}
@media (min-width: 1100px) {
  .doc-in:has(> .doc-toc) { max-width: none; display: grid; grid-template-columns: minmax(0, 40em) 13em; column-gap: var(--space-52); }
  .doc-in:has(> .doc-toc) > * { grid-column: 1; }
  .doc-in > .doc-toc { grid-column: 2; grid-row: 1 / span 80; align-self: start; position: sticky; top: calc(var(--space-52) + var(--space-28)); margin: 0; padding-left: var(--space-16); border-left: 1px solid var(--line); }
  .doc-toc b { display: block; margin-bottom: var(--space-8); }
  .doc-toc ul, .doc-toc li { display: block; }
  .doc-toc li:not(:last-child)::after { content: none; }
  .doc-toc li { padding-block: 0; }
  .doc-toc a { padding-block: var(--space-4); }
}
.doc b { font-weight: 700; }
.doc a { color: var(--red-ink); text-underline-offset: 3px; }
.doc .fine-print { color: var(--ink-2); }
.doc .doc-mail { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-8) var(--space-12); }
.doc .doc-updated { margin-top: var(--space-44); padding-top: var(--space-14); border-top: 1px solid var(--line); }
@media (max-width: 640px) {
  .doc { padding-block: var(--space-28); }
  .doc h1 { font-size: 34px; }   /* 手机各页页名统一 34px（10-25 评审：各页 32／34／40／52px 不一） */
  .doc h2 { margin-top: var(--space-28); font-size: 22px; }
}
/* 收起来的一段（出处总表“本站怎么判断”，10-26 第 4 轮评审：375 宽整页要在 12,000px 内、第一首歌早一点出现）：前面一个箭头、打开时转向，不加动画。
   10-26 小事修正：小标原本放在开关（summary）里，读屏把开关当按钮念、跳不到小标 → 小标放在开关上面，开关只写“看这 4 条”，点击高度 44px */
.doc-in > details > summary { display: flex; align-items: center; gap: var(--space-10); min-height: var(--tap-min); cursor: pointer; list-style: none; font-size: 17px; font-weight: 700; color: var(--ink); }
@media (hover: hover) { .doc-in > details > summary:hover { text-decoration: underline; text-underline-offset: 4px; } }
.doc-in > details[open] > summary { margin-bottom: var(--space-8); }
.doc-in > details > summary::-webkit-details-marker { display: none; }
.doc-in > details > summary::before { content: ""; flex: none; width: 9px; height: 9px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-2px) rotate(45deg); }
.doc-in > details[open] > summary::before { transform: translateY(2px) rotate(225deg); }
.doc h2.src-rule-h { margin-bottom: var(--space-4); }   /* 小标跟下面的“看这 4 条”是一组 */