/* Key of Life — legal pages layout (shared) */
.legal-top{ position:sticky; top:0; z-index:20; background:rgba(244,242,234,.9); backdrop-filter:blur(12px) saturate(1.1); border-bottom:1px solid var(--line-soft); }
.legal-top .wrap{ display:flex; align-items:center; justify-content:space-between; padding-block:14px; }
.legal-top .brand img{ height:40px; width:auto; }
.legal-top .back{ font-family:var(--sans); font-size:.9rem; font-weight:500; color:var(--bronze); display:inline-flex; align-items:center; gap:.5em; }
.legal-top .back:hover{ color:var(--bronze-deep); }

.legal-hero{ padding-block:clamp(48px,8vh,88px) clamp(24px,4vh,40px); }
.legal-hero .wrap{ max-width:820px; }
.legal-hero .eyebrow{ margin-bottom:1rem; }
.legal-hero h1{ font-family:var(--serif); font-weight:400; font-size:clamp(2.2rem,4.6vw,3.4rem); color:var(--espresso); line-height:1.05; }
.legal-hero .eff{ margin-top:1.1rem; font-size:.9rem; color:var(--ink-faint); }

.legal-body{ padding-bottom:clamp(64px,10vh,120px); }
.legal-body .wrap{ max-width:820px; }
.legal-body h2{ font-family:var(--serif); font-weight:400; font-size:clamp(1.4rem,2.4vw,1.9rem); color:var(--espresso); margin-top:clamp(36px,5vh,56px); margin-bottom:.6rem; }
.legal-body h3{ font-family:var(--sans); font-weight:600; font-size:1.05rem; color:var(--ink); margin-top:1.6rem; margin-bottom:.4rem; }
.legal-body p, .legal-body li{ color:var(--ink-soft); font-size:1.02rem; line-height:1.75; font-weight:400; }
.legal-body p{ margin-top:.9rem; }
.legal-body ul{ margin-top:.9rem; padding-left:1.2rem; display:flex; flex-direction:column; gap:.5rem; }
.legal-body li{ list-style:disc; }
.legal-body a{ color:var(--teal); border-bottom:1px solid rgba(61,107,102,.3); }
.legal-body a:hover{ color:var(--teal-deep); }
.legal-body strong{ color:var(--ink); font-weight:600; }
.legal-body .callout{ margin-top:1.4rem; padding:20px 24px; background:var(--parchment-soft); border-left:3px solid var(--bronze); border-radius:0 12px 12px 0; }
.legal-body .callout p{ margin-top:0; }
.legal-body .intro{ font-size:1.12rem; color:var(--ink); }

.legal-foot{ background:var(--espresso); color:rgba(243,234,219,.66); padding-block:44px; text-align:center; }
.legal-foot .wrap{ max-width:820px; }
.legal-foot a{ color:rgba(243,234,219,.82); font-size:.92rem; margin:0 .7em; }
.legal-foot a:hover{ color:var(--cream); }
.legal-foot .cr{ margin-top:1.2rem; font-size:.8rem; color:rgba(243,234,219,.5); }