/* ============================================================
   Firstcause Lab — legal / long-form document pages
   Reuses the compact .ct-hero header; adds a numbered prose column.
   ============================================================ */
.lg-main{padding-top:0}
.lg-wrap{display:grid;grid-template-columns:210px minmax(0,1fr);gap:56px;align-items:start}
/* sticky contents rail */
.lg-toc{position:sticky;top:40px;display:flex;flex-direction:column;gap:10px}
.lg-toc .h{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--sage);margin-bottom:6px}
.lg-toc a{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.02em;color:rgba(50,47,47,.66);text-decoration:none;display:flex;gap:10px;line-height:1.45}
.lg-toc a b{color:var(--orange);font-weight:600;flex:none}
.lg-toc a:hover{color:var(--charcoal)}
/* prose column */
.lg-doc{max-width:74ch}
.lg-doc .lg-meta{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--sage);padding-bottom:26px;margin-bottom:44px;border-bottom:1px solid var(--line-light)}
.lg-doc section{padding-bottom:46px}
.lg-doc section + section{border-top:1px solid var(--line-light);padding-top:46px}
.lg-num{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.18em;color:var(--orange);display:block;margin-bottom:12px}
.lg-doc h2{font-family:"Archivo",sans-serif;font-weight:800;letter-spacing:-.02em;font-size:clamp(23px,2.1vw,29px);line-height:1.12;margin:0 0 18px;color:var(--charcoal)}
.lg-doc h3{font-family:"IBM Plex Mono",monospace;font-weight:600;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--sage);margin:30px 0 12px}
.lg-doc p{font-family:"Inter",sans-serif;font-size:16px;line-height:1.68;color:var(--charcoal);margin:0 0 16px;text-wrap:pretty}
.lg-doc p b{font-weight:600}
.lg-doc ul{margin:0 0 16px;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:11px}
.lg-doc li{font-family:"Inter",sans-serif;font-size:16px;line-height:1.6;color:var(--charcoal);padding-left:22px;position:relative}
.lg-doc li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:1px;background:var(--orange)}
.lg-doc a{color:var(--orange);text-decoration:none;border-bottom:1px solid rgba(255,127,0,.34)}
.lg-doc a:hover{border-bottom-color:var(--orange)}
/* data table */
.lg-table{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line-light);margin:0 0 18px}
.lg-table>div{padding:15px 18px;border-bottom:1px solid var(--line-light)}
.lg-table>div:nth-child(odd){border-right:1px solid var(--line-light);font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--sage);background:rgba(110,147,143,.05)}
.lg-table>div:nth-child(even){font-family:"Inter",sans-serif;font-size:15px;line-height:1.55;color:var(--charcoal)}
.lg-table>div:nth-last-child(-n+2){border-bottom:0}
/* callout */
.lg-note{border-left:2px solid var(--orange);padding:4px 0 4px 20px;margin:0 0 18px}
.lg-note p{font-size:15px;color:rgba(50,47,47,.82);margin:0}
/* contact block at foot of doc */
.lg-contact{background:var(--deep);color:var(--paper);padding:34px 36px;margin-top:8px}
.lg-contact .h{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--sage-dim);margin:0 0 14px}
.lg-contact p{font-family:"Inter",sans-serif;font-size:15px;line-height:1.62;color:rgba(246,244,240,.84);margin:0 0 6px}
.lg-contact a{color:var(--orange);border-bottom:0}
@media (max-width:900px){
  .lg-wrap{grid-template-columns:1fr;gap:0}
  .lg-toc{display:none}
  .lg-doc{max-width:none}
  .lg-doc .lg-meta{margin-bottom:34px}
  .lg-table{grid-template-columns:1fr}
  .lg-table>div:nth-child(odd){border-right:0}
  .lg-table>div:nth-last-child(2){border-bottom:1px solid var(--line-light)}
  .lg-contact{padding:28px 22px}
}

/* privacy links inside form notes (loaded on every page via pol.css? no — scoped here) */
.rf-formnote a,.ap-foot a{color:var(--orange);text-decoration:none;border-bottom:1px solid rgba(255,127,0,.34)}
.rf-formnote a:hover,.ap-foot a:hover{border-bottom-color:var(--orange)}