/* ============================================================================
     Eastall Software Systems Stylesheets — Legal pages (shared template)
     Version: 1.0.0 2026
     One sheet for every /legal/* page — they share the same prose layout.
     Loads on top of the base stylesheet (v1.2026-1-0-0.css); uses its tokens.
============================================================================ */

:root                     { --dot:rgba(255,255,255,.05); }
:root[data-theme="light"] { --dot:rgba(0,0,0,.05); }

.ess-main{ flex:1 1 auto; }

/* Header band */
.lg-head{ background:radial-gradient(var(--dot) 1px, transparent 1.7px) 0 0 / 24px 24px, var(--bg); border-bottom:1px solid var(--line); }
.lg-head-inner{ max-width:820px; margin:0 auto; padding:clamp(44px,7vw,80px) 28px clamp(28px,4vw,40px); }
.lg-eyebrow{ display:inline-block; font-weight:800; font-size:.76rem; letter-spacing:.14em; text-transform:uppercase; color:var(--ess-red); margin:0 0 12px; }
.lg-title{ margin:0 0 10px; font-weight:900; letter-spacing:-.02em; font-size:clamp(2rem,4.4vw,3rem); color:var(--text-hi); }
.lg-updated{ color:var(--grey-m); font-size:.86rem; font-weight:600; }

/* Article */
.lg-article{ max-width:820px; margin:0 auto; padding:clamp(32px,5vw,56px) 28px clamp(56px,8vw,90px); color:var(--grey-d); font-size:1rem; line-height:1.75; }
.lg-article h2{ margin:38px 0 12px; font-size:1.28rem; font-weight:800; color:var(--text-hi); letter-spacing:-.01em; scroll-margin-top:90px; }
.lg-article h2:first-child{ margin-top:0; }
.lg-article h3{ margin:24px 0 8px; font-size:1.04rem; font-weight:800; color:var(--text-hi); }
.lg-article p{ margin:0 0 15px; }
.lg-article ul, .lg-article ol{ margin:0 0 15px; padding-left:22px; }
.lg-article li{ margin:0 0 8px; }
.lg-article a{ color:var(--ess-blue); font-weight:600; }
.lg-article a:hover{ text-decoration:underline; }
.lg-article strong{ color:var(--text-hi); }
.lg-intro{ font-size:1.06rem; color:var(--grey-m); border-left:3px solid var(--ess-blue); padding:2px 0 2px 18px; margin:0 0 28px; }

/* Cross-links to the other policies */
.lg-related{ margin-top:44px; padding-top:26px; border-top:1px solid var(--line); }
.lg-related h4{ margin:0 0 12px; font-size:.8rem; font-weight:800; letter-spacing:.04em; color:var(--ess-red); text-transform:uppercase; }
.lg-related-links{ display:flex; flex-wrap:wrap; gap:10px; }
.lg-related-links a{
  display:inline-flex; align-items:center; padding:8px 14px; border-radius:10px; font-size:.86rem; font-weight:600;
  color:var(--grey-d); background:var(--overlay-3); border:1px solid var(--panel-brd); transition:background .13s, border-color .13s, color .13s;
}
.lg-related-links a:hover{ background:var(--overlay-2); border-color:var(--btn-brd-h); color:var(--text-hi); text-decoration:none; }
.lg-related-links a[aria-current="page"]{ color:#fff; background:var(--grad-btn); border-color:transparent; }