/* ============================================================================
   tokyo.axiom.yoga — 服务条款 / 隐私政策 (T261020-07 批 A · A2)
   Long-form legal text: measure is capped so lines stay readable, and the table of
   contents collapses to a plain list on a phone.
   ========================================================================== */

.lg-note{
  margin:0 0 clamp(20px,3vh,28px); padding:13px 16px; border-radius:3px;
  border:1px solid rgba(201,162,74,.38); background:rgba(201,162,74,.07);
  color:#f0e0be; font-size:12px; line-height:1.85;
}

/* .psec centres itself with margin:0 auto; adding a narrower max-width here made the
   body drift right of the page head at wide sizes. Keep the reading measure but pin the
   block to the container's left edge. */
.lg-body{ max-width:var(--maxw); }
.lg-toc, .lg-sec, .lg-foot{ max-width:78ch; }

.lg-toc{
  display:flex; flex-wrap:wrap; gap:8px 16px;
  margin:0 0 clamp(26px,4vh,36px); padding:0 0 clamp(16px,2.4vh,22px);
  border-bottom:1px solid var(--line-soft);
}
.lg-toc a{
  font-size:11.5px; color:var(--muted); border-bottom:1px solid transparent;
  transition:color .25s, border-color .25s;
}
.lg-toc a:hover{ color:var(--bone); border-bottom-color:var(--line); }

.lg-sec{ margin:0 0 clamp(28px,4vh,40px); scroll-margin-top:96px; }
.lg-sec h2{
  display:flex; align-items:baseline; gap:12px;
  margin:0 0 14px; font-size:15px; font-weight:400; letter-spacing:.02em;
  color:var(--bone);
}
.lg-num{
  font-size:9.5px; letter-spacing:.2em; color:var(--gold);
  font-variant-numeric:tabular-nums;
}
.lg-p{
  margin:0 0 12px; font-size:13px; line-height:2.05; color:var(--bone-dim);
  overflow-wrap:anywhere;
}
.lg-li{
  margin:0 0 8px; padding-left:16px; position:relative;
  font-size:13px; line-height:2; color:var(--bone-dim);
  overflow-wrap:anywhere;
}
.lg-li::before{
  content:''; position:absolute; left:0; top:.95em;
  width:5px; height:1px; background:var(--muted);
}
.lg-foot{ margin:clamp(26px,4vh,38px) 0 0; font-size:11.5px; }
.lg-foot a{ color:var(--muted); border-bottom:1px solid var(--line); padding-bottom:1px; }
.lg-foot a:hover{ color:var(--bone); }

@media (max-width:620px){
  .lg-p, .lg-li{ font-size:12.5px; line-height:1.95; }
  .lg-toc{ gap:6px 14px; }
}

/* ---- v2.5 长文页招牌：章节左轨 + 阅读进度条 ------------------------------- */
/* 左轨：每条章节一根极细竖线，悬停点亮，滚动时靠 :target 也能看出来 */
.lg-sec{
  padding-left:clamp(12px,1.6vw,22px); border-left:1px solid var(--line-soft);
  transition:border-color .4s var(--ease);
}
.lg-sec:hover, .lg-sec:target{ border-left-color:rgba(224,35,28,.55); }
.lg-sec:hover .lg-num, .lg-sec:target .lg-num{ color:var(--vermilion); }

/* 进度条：贴导航下沿的一根 1px 朱红线，只在这两页出现（.lg-body 存在时才建） */
.lg-progress{
  position:fixed; top:var(--nav-h,84px); left:0; z-index:59;
  height:1px; width:0; background:var(--vermilion);
  transition:width .1s linear; pointer-events:none;
}
@media (prefers-reduced-motion:reduce){ .lg-progress{ transition:none; } }