/* 法律与政策页（配送 / 退换货 / 服务条款 / 隐私）共用版式。
   目标是「能读完」：单栏、行长受限、条款可锚点引用。 */

.legal-page{
  background:var(--ds-canvas);
  color:var(--ds-text);
  font-family:var(--ds-ui);
}

.legal-shell{
  width:min(760px,calc(100% - 48px));
  margin:0 auto;
}

.legal-masthead{
  padding:88px 0 40px;
  border-bottom:1px solid var(--ds-border);
}

.legal-kicker{
  margin:0 0 14px;
  color:var(--ds-quiet);
  font-size:var(--ds-label);
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.legal-page h1{
  margin:0 0 18px;
  color:var(--ds-ink);
  font-size:var(--ds-page-title);
  font-weight:700;
  line-height:1.2;
}

.legal-lead{
  margin:0;
  max-width:62ch;
  color:var(--ds-muted);
  font-size:var(--ds-body-lead);
  line-height:1.75;
}

.legal-updated{
  margin:22px 0 0;
  color:var(--ds-quiet);
  font-family:var(--ds-data);
  font-size:var(--ds-label);
}

.legal-body{
  padding:16px 0 96px;
}

.legal-section{
  padding:36px 0 0;
}

.legal-section h2{
  margin:0 0 16px;
  color:var(--ds-ink);
  font-size:20px;
  font-weight:650;
  line-height:1.35;
}

.legal-section h3{
  margin:26px 0 10px;
  color:var(--ds-ink);
  font-size:16px;
  font-weight:600;
}

.legal-section p{
  margin:0 0 14px;
  max-width:66ch;
  font-size:var(--ds-body);
  line-height:1.85;
}

.legal-section ul,
.legal-section ol{
  margin:0 0 14px;
  padding-left:22px;
  max-width:66ch;
}

.legal-section li{
  margin:0 0 9px;
  font-size:var(--ds-body);
  line-height:1.8;
}

.legal-section a{
  color:var(--ds-brand-dark);
  text-decoration:underline;
  text-underline-offset:3px;
}

/* 关键数字（退货天数、运费门槛、时效）单独立卡，顾客扫一眼就能找到。 */
/* 卡片数量按页而异（3 条、4 条都有）。用整块灰底 + 1px 缝隙拼边框的话，
   最后一行凑不满就会留下一块空灰；改成每张卡自带边框，缺几张都不难看。 */
.legal-facts{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:28px 0 6px;
}

.legal-fact{
  padding:20px 22px;
  border:1px solid var(--ds-border);
  border-radius:var(--ds-radius-md);
  background:var(--ds-surface);
}

.legal-fact dt{
  margin:0 0 8px;
  color:var(--ds-quiet);
  font-size:var(--ds-label);
  font-weight:600;
  letter-spacing:.06em;
}

.legal-fact dd{
  margin:0;
  color:var(--ds-ink);
  font-size:17px;
  font-weight:600;
  line-height:1.5;
}

.legal-note{
  margin:30px 0 0;
  padding:18px 20px;
  border-left:3px solid var(--ds-border-strong);
  background:var(--ds-surface-subtle);
  color:var(--ds-muted);
  font-size:var(--ds-dense);
  line-height:1.75;
}

.legal-related{
  display:flex;
  flex-wrap:wrap;
  gap:10px 18px;
  margin-top:56px;
  padding-top:26px;
  border-top:1px solid var(--ds-border);
}

.legal-related a{
  color:var(--ds-brand-dark);
  font-size:var(--ds-dense);
  text-decoration:none;
}

.legal-related a:hover{
  text-decoration:underline;
  text-underline-offset:3px;
}

.legal-page :focus-visible{
  outline:2px solid var(--ds-brand-dark);
  outline-offset:3px;
}

/* 中文有 zh-CN 与 zh-HK 两种取值，隐藏英文版只能按「不是英文」判断。 */
html:not([lang="en"]) .legal-page .lang-en,
html[lang="en"] .legal-page .lang-zh{
  display:none!important;
}

@media(max-width:700px){
  .legal-masthead{padding:64px 0 32px;}
  .legal-body{padding-bottom:72px;}
  .legal-facts{grid-template-columns:1fr;}
}