/* =========================================================
   Concrete Leveling Los Angeles: legal pages
   ========================================================= */
.legal-page{background:#fff}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:.84rem;color:var(--muted)}
.crumbs a{text-decoration:underline;text-underline-offset:3px}
.lg-hero{background:linear-gradient(180deg,#eef5ea,#fff);padding:150px 0 40px;border-bottom:1px solid #e7ebe5}
.lg-hero .container{width:min(1084px,92%)}
.lg-hero h1{font-size:clamp(2.2rem,4vw,3.2rem);margin:12px 0 10px}
.lg-date{display:inline-block;font-size:.85rem;font-weight:600;color:var(--green-700);background:#fff;border:1px solid #d9e6d3;border-radius:999px;padding:5px 14px;margin-bottom:14px}
.lg-intro{max-width:680px;font-size:1.06rem;line-height:1.7}

.lg-layout{display:grid;grid-template-columns:260px minmax(0,760px);gap:64px;justify-content:center;padding:50px 0 100px}
.lg-toc{position:sticky;top:120px;align-self:start;background:#f6f8f4;border-radius:14px;padding:20px 22px}
.lg-toc-title{font-weight:700;color:var(--ink);margin-bottom:10px}
.lg-toc ol{counter-reset:toc;display:flex;flex-direction:column;gap:2px}
.lg-toc li{counter-increment:toc}
.lg-toc a{display:flex;gap:8px;padding:6px 0;font-size:.88rem;color:var(--text);line-height:1.35}
.lg-toc a::before{content:counter(toc) ".";color:var(--green-600);font-weight:700;min-width:20px}
.lg-toc a:hover{color:var(--green-700)}

.lg-sec{padding:26px 0;border-bottom:1px solid #eef0ec;scroll-margin-top:110px}
.lg-sec:first-child{padding-top:0}
.lg-sec:last-child{border-bottom:0}
.lg-body h2{font-size:clamp(1.35rem,2vw,1.65rem);margin-bottom:12px}
.lg-body h3{font-size:1.02rem;margin:18px 0 8px}
.lg-body p{line-height:1.8;margin-bottom:12px;color:#2f3a33}
.lg-body ul{margin:6px 0 14px;display:flex;flex-direction:column;gap:8px}
.lg-body li{position:relative;padding-left:22px;line-height:1.65;color:#2f3a33}
.lg-body li::before{content:"";position:absolute;left:4px;top:.65em;width:7px;height:7px;border-radius:50%;background:var(--green-600)}
.lg-body a{color:var(--green-700);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.lg-contact{background:#eef5ea;border-radius:14px;padding:20px 22px;margin-top:6px}
.lg-contact p{margin-bottom:4px}

@media (max-width:991px){
  .lg-hero{padding-top:120px}
  .lg-layout{grid-template-columns:1fr;gap:30px;padding-top:30px}
  .lg-toc{position:static}
}