:root {
      --lake: #6E89A8;
      --forest: #5D7257;
      --sage: #AAB8A3;
      --earth: #8A6E56;
      --sand: #D9D0C3;
      --chocolate: #3A322C;
      --cream: #F8F5EF;
      --ink-soft: rgba(58,50,44,.74);
      --shadow: 0 24px 70px rgba(58,50,44,.13);
      --max: 1120px;
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      color: var(--chocolate);
      font-family: "Source Sans Pro", "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      background: radial-gradient(circle at 12% 4%, rgba(170,184,163,.40), transparent 25rem), linear-gradient(180deg,#fbf8f2 0%,#f4eee5 100%);
      line-height: 1.62;
    }
    a { color: inherit; }
    .container { width: min(var(--max), calc(100% - 72px)); margin: 0 auto; }
    .legal-hero { padding: 76px 0 34px; }
    .legal-shell {
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(58,50,44,.08);
      border-radius: 42px;
      padding: clamp(30px, 5vw, 58px);
      box-shadow: var(--shadow);
    }
    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      color: var(--forest);
      font-weight: 900;
      letter-spacing: .12em;
      text-transform: uppercase;
      font-size: 12px;
    }
    .eyebrow:before { content: ""; width: 34px; height: 1px; background: var(--forest); opacity: .7; }
    h1,h2,h3 { font-family: "Avenir Next", Montserrat, system-ui, sans-serif; letter-spacing: -.025em; line-height: 1.08; }
    h1 { font-size: clamp(40px, 5vw, 70px); margin: 18px 0 18px; color: var(--lake); }
    h2 { font-size: clamp(26px, 3vw, 40px); margin: 44px 0 14px; color: var(--chocolate); }
    h3 { font-size: 21px; margin: 28px 0 8px; color: var(--forest); }
    p { margin: 10px 0; color: rgba(58,50,44,.78); }
    ul { margin: 10px 0 20px 1.3rem; padding: 0; color: rgba(58,50,44,.78); }
    li { margin: 5px 0; }
    .meta-note {
      display: inline-flex;
      padding: 9px 13px;
      border-radius: 999px;
      background: rgba(217,208,195,.62);
      color: var(--earth);
      font-weight: 850;
      font-size: 13px;
    }
    .legal-content { max-width: 980px; }
    @media (max-width:760px) {
      .container { width: min(100% - 30px, var(--max)); }
      .legal-shell { border-radius: 30px; }
    }