/* Legal pages (/policies, /doc-*, /policy-child-safety), built by
   scripts/build-legal-pages.py in the feature-page layout: the green band
   (.fp-top) with "All documents" and the group's documents as tabs, the
   document on cream, then "Keep exploring". Section colours at the bottom. */

/* document */
.lg-doc{padding:clamp(56px,7vw,104px) 0 clamp(72px,8vw,120px)}
.lg-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(200px,.45fr);gap:clamp(20px,5vw,80px);align-items:end;margin-bottom:clamp(36px,5vw,64px);padding-bottom:clamp(24px,3vw,36px);border-bottom:1px solid #dfe6dd}
.lg-head .eyebrow{color:#bb4173}
.lg-head h1{margin:16px 0 0;font-size:clamp(2.6rem,5.2vw,5.2rem);line-height:1.02;letter-spacing:-.06em;color:#183727;text-wrap:balance;overflow-wrap:break-word;hyphens:auto}
.lg-effective{margin:0 0 6px;font-size:.95rem;font-weight:600;line-height:1.45;color:#58705e}
.lg-text{max-width:760px;font-size:1.06rem;line-height:1.7;color:#3f4d45;overflow-wrap:break-word;transition:opacity .2s}
.lg-text.loading{opacity:.45}
.lg-text h2{margin:2.2em 0 .65em;font-size:clamp(1.35rem,2vw,1.7rem);line-height:1.22;letter-spacing:-.03em;color:#183727}
.lg-text>h2:first-child{margin-top:0}
.lg-text p{margin:0 0 1.05em}
.lg-text ul{margin:0 0 1.2em;padding-left:1.3em}
.lg-text li{margin:.45em 0;padding-left:.2em}
.lg-text li::marker{color:#bb4173}
.lg-text a{color:#ad376a;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.lg-text a:hover,.lg-text a:focus-visible{color:#183727}

/* "Keep exploring": the four groups */
.lg-more .fp-more-grid span{min-width:0;font-weight:600;line-height:1.3;overflow-wrap:break-word;hyphens:auto}

/* hub */
.lg-hub-top{padding-bottom:24px}
.lg-hub-top h1{margin:clamp(8px,2vw,24px) 0 0;font-size:clamp(2.8rem,5.6vw,5.6rem);line-height:1;letter-spacing:-.06em;color:#fff;text-wrap:balance;overflow-wrap:break-word;hyphens:auto}
.lg-hub-top p{max-width:640px;margin:18px 0 0;font-size:1.1rem;line-height:1.55;color:#e5f1e7}
.lg-hub-top .fp-tabs{margin-top:clamp(28px,4vw,44px)}
.lg-group{padding:clamp(56px,7vw,96px) 0;scroll-margin-top:12px}
.lg-group h2{margin:0 0 clamp(20px,3vw,32px);font-size:clamp(2.2rem,3.8vw,3.6rem);line-height:1.05;letter-spacing:-.045em;color:#183727;text-wrap:balance}

@media(max-width:850px){
  .lg-head{grid-template-columns:1fr;gap:14px}
  .lg-head h1{font-size:clamp(2.3rem,9vw,3.6rem)}
  .lg-text{font-size:1rem;line-height:1.66}
  .lg-hub-top h1{font-size:clamp(2.5rem,10vw,4rem)}
  .lg-hub-top p{font-size:1rem}
}
@media(max-width:600px){.lg-more .fp-more-grid{grid-template-columns:1fr}}

/* Section rhythm (assets/section-rhythm.css rule): cream right under the band,
   never the same colour twice in a row, and the block above the light footer
   is not light green (as .fh-final on the feature pages). Document on cream,
   "Keep exploring" on soft pink; the hub's four groups take turns cream, light
   green, soft pink, soft gold. */
.legal-v2 .lg-doc,.legal-v2 .lg-group-terms{background:#fffdf9;color:#183727}
.legal-v2 .lg-group-privacy{background:#f2f6ef}
.legal-v2 .lg-group-safety,.legal-v2 .lg-more{background:#fdf3f6}
.legal-v2 .lg-group-transparency{background:#fbf6e6}