/* Legal text is standalone on purpose: it must render with no JavaScript and
   no app boot, because "the terms you agreed to" has to be reachable even when
   the player is broken. It borrows the site palette and nothing else. */
/* Every stylesheet carries this. The rule is unconditional on purpose: an
   exception list is how it stops being checked. */
[hidden] { display: none !important; }

body.legal { overflow: auto; }
.legal article { max-width: 680px; margin: 0 auto; padding: 28px 22px 80px;
                 line-height: 1.85; }
.legal .lnav { display: flex; align-items: center; gap: 12px; font-size: 12.5px;
               margin-bottom: 26px; }
.legal .lnav a { color: var(--dim); text-decoration: none; }
.legal .lnav a:hover { color: var(--accent); }
.legal .lnav .sep { width: 1px; height: 12px; background: var(--line); }
.legal h1 { font-size: 25px; letter-spacing: -.02em; }
.legal .ver { color: var(--dim); font-size: 12.5px; margin: 6px 0 26px; }
.legal h2 { font-size: 15px; margin: 30px 0 10px; }
/* 正文用 --fg 稍微退一档，而不是写死一个灰。写死的那个（#cdd4df）在深色底上
   看着刚好，翻到浅色底就是 1.22:1 —— 白纸上的白字。而这四页恰恰是「就算播放器
   坏了也必须读得到」的那四页。 */
.legal p, .legal li { font-size: 14px;
  color: color-mix(in srgb, var(--fg) 86%, var(--bg)); }
.legal ul { padding-left: 22px; margin: 10px 0; }
.legal li { margin: 5px 0; }
.legal b { color: var(--fg); }
.legal a { color: var(--accent); }
.legal code { font-family: var(--mono); font-size: 12.5px; background: var(--sunk);
              padding: 1px 5px; border-radius: 4px; }
/* The sentences a reader must not skim past. */
.legal .hi { background: var(--sunk); border-left: 3px solid var(--accent);
             border-radius: 0 var(--r) var(--r) 0; padding: 12px 14px; margin: 14px 0; }
.legal table { width: 100%; border-collapse: collapse; margin: 12px 0;
               font-size: 13px; }
.legal th, .legal td { text-align: left; padding: 8px 10px; vertical-align: top;
                       border-bottom: 1px solid var(--line); }
.legal th { color: var(--dim); font-weight: 500; font-size: 12px; }
.legal td.good { color: var(--ok); }
.legal .foot { color: var(--dim); font-size: 12.5px; margin-top: 34px;
               padding-top: 16px; border-top: 1px solid var(--line); }

/* 每一页顶上都要认得出是谁。法务页尤其 —— 一份协议如果看不出是谁家的，
   它作为协议的效力和作为信任信号的作用都要打折。
   放在导航之上、正文标题之前，和站内其它页面同一个位置。 */
.legal .legalBrand { display: inline-flex; margin: 0 0 18px; }

/* 营业执照那张表：左栏是字段名，一个字一行地折下去读不了。 */
.legal table.kv th { white-space: nowrap; width: 8.5em; }