/* =====================================================================
   koach — 法务页（隐私政策 / 用户协议）样式
   ===================================================================== */

.legal-nav{
  position:sticky;top:0;z-index:50;height:var(--nav-h);
  background:rgba(255,255,255,.9);backdrop-filter:saturate(180%) blur(16px);
  border-bottom:1px solid var(--line);
}
.legal-nav__inner{
  width:min(1200px,calc(100% - 48px));margin-inline:auto;height:100%;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.legal-nav .brand{color:var(--text);}

.legal{padding:64px 0 96px;}
.legal__inner{display:grid;grid-template-columns:230px 1fr;gap:56px;align-items:start;}

.legal__toc{position:sticky;top:calc(var(--nav-h) + 32px);}
.legal__toc h2{font-size:12.5px;font-weight:700;letter-spacing:.1em;color:var(--muted);
  margin-bottom:14px;text-transform:uppercase;}
.legal__toc a{display:block;padding:7px 0;font-size:13.5px;color:var(--sub);
  transition:color .2s var(--ease), transform .2s var(--ease);}
.legal__toc a:hover{color:var(--text);transform:translateX(3px);}

.legal__body{max-width:760px;}
.legal__eyebrow{font-size:12.5px;font-weight:700;letter-spacing:.1em;color:var(--l2);
  margin-bottom:16px;text-transform:uppercase;}
.legal__body h1{font-size:clamp(28px,3.4vw,40px);margin-bottom:16px;}
.legal__meta{font-size:13.5px;color:var(--muted);padding-bottom:28px;
  border-bottom:1px solid var(--line);}

.legal__warn{
  margin:28px 0 40px;padding:20px 24px;border-radius:var(--radius);
  background:#FFF8E8;border:1px solid #F5E2B8;color:#8A6414;
  font-size:13.5px;line-height:1.85;
}
.legal__warn b{color:#6B4C0A;}

.legal__body h2{font-size:21px;margin:44px 0 14px;scroll-margin-top:calc(var(--nav-h) + 24px);}
.legal__body h3{font-size:16.5px;margin:26px 0 10px;}
.legal__body p{font-size:15px;line-height:1.95;color:var(--sub);margin-bottom:14px;}
.legal__body ul{margin:0 0 18px;}
.legal__body ul li{position:relative;padding-left:20px;font-size:15px;line-height:1.9;
  color:var(--sub);margin-bottom:9px;}
.legal__body ul li::before{content:"";position:absolute;left:2px;top:.78em;width:6px;height:6px;
  border-radius:50%;background:var(--line);}
.legal__body a{color:var(--l2);text-decoration:underline;text-underline-offset:2px;}
.legal__body strong{color:var(--text);font-weight:600;}

.legal__table{width:100%;border-collapse:collapse;margin:0 0 22px;
  border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;}
.legal__table th,.legal__table td{padding:14px 18px;text-align:left;font-size:14px;
  border-bottom:1px solid var(--line-soft);vertical-align:top;}
.legal__table thead th{background:var(--soft);color:var(--text);font-size:13px;font-weight:700;}
.legal__table td{color:var(--sub);}
.legal__table tbody tr:last-child td{border-bottom:0;}

.legal__back{display:inline-block;margin-top:48px;padding-top:28px;
  border-top:1px solid var(--line);font-size:14.5px;font-weight:600;color:var(--l2);}

@media (max-width:900px){
  .legal__inner{grid-template-columns:1fr;gap:32px;}
  .legal__toc{position:static;padding-bottom:24px;border-bottom:1px solid var(--line);}
  .legal__toc > div{display:flex;flex-wrap:wrap;gap:8px 20px;}
  .container{width:calc(100% - 40px);}
}