/* Renomex — legal documents: /terms, /privacy, /cookies (prefix l-). Readable documents, ~70ch. */

.l-doc{display:grid;grid-template-columns:minmax(0,220px) minmax(0,72ch);gap:clamp(24px,5vw,80px);padding-block:clamp(32px,5vw,72px) clamp(56px,7vw,96px);justify-content:center}
.l-doc>*{min-width:0}

.l-rail{position:sticky;top:calc(var(--head-h) + 24px);align-self:start;border-top:8px solid var(--yellow);border-left:1px solid var(--line);padding:14px 0 6px 16px}
.l-rail .spec{display:block}
.l-rail p{font-size:.95rem;color:var(--muted);margin:0 0 .8em}
.l-rail .mono{color:var(--ink);font-variant-numeric:tabular-nums}

.l-head{border-bottom:2px solid var(--ink);padding-bottom:1.4em;margin-bottom:.6em}
.l-h1{font-size:clamp(2.2rem,4.4vw,3.6rem);margin-bottom:.35em}
.l-lead{font-size:1.1rem;margin:0}

.l-body{font-size:1.02rem;line-height:1.68}
.l-sec{padding-top:1.6em;scroll-margin-top:calc(var(--head-h) + 16px)}
.l-sec h2{display:flex;align-items:baseline;gap:14px;font-size:clamp(1.4rem,2.2vw,1.8rem);margin-bottom:.6em;max-width:none}
.l-n{flex:none;display:inline-grid;place-items:center;min-width:2.1em;height:2.1em;padding:0 4px;background:var(--yellow);border:2px solid var(--ink);color:var(--ink);font-size:.62em;font-weight:700;transform:translateY(-.1em)}
.l-sec p{margin:0 0 1em}
.l-sec b{font-weight:600}
.l-sec:target h2{background:linear-gradient(transparent 62%,rgba(255,194,0,.45) 62%)}

.l-quote{margin:1.2em 0 1.4em;padding:16px 20px;border-left:6px solid var(--yellow);background:var(--panel);font-weight:500}
.l-form{margin:1.2em 0 1.4em;padding:16px 20px;border:1px dashed var(--line-2);background:var(--white)}
.l-form p{margin:0}
.l-form .spec{margin-bottom:.5em;color:var(--muted)}

.l-list{margin:0 0 1em;padding-left:0;list-style:none}
.l-list li{position:relative;padding-left:24px;margin-bottom:.6em}
.l-list li::before{content:"";position:absolute;left:0;top:.62em;width:10px;height:10px;background:var(--yellow);border:1px solid var(--ink)}

.l-tbl-wrap{width:100%;overflow-x:auto;margin:.4em 0 1.2em;border:1px solid var(--line);background:var(--panel)}
.l-tbl{width:100%;border-collapse:collapse;font-size:.94rem;line-height:1.5}
.l-tbl th,.l-tbl td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.l-tbl thead th{background:var(--slate);color:var(--chalk);font:700 .78rem/1.4 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.l-tbl tbody th{font-weight:600}
.l-tbl tbody tr:last-child>*{border-bottom:0}
.l-tbl .mono{font-weight:700;white-space:nowrap}

@media (max-width:900px){
  .l-doc{grid-template-columns:minmax(0,1fr)}
  .l-rail{position:static;order:2;border-left:0;border-top:4px solid var(--yellow);padding-left:0}
}
@media (max-width:640px){
  /* data tables reflow into stacked records on phones */
  .l-tbl thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .l-tbl,.l-tbl tbody,.l-tbl tr,.l-tbl th,.l-tbl td{display:block;width:100%}
  .l-tbl tr{border-bottom:2px solid var(--ink);padding:4px 0}
  .l-tbl tbody tr:last-child{border-bottom:0}
  .l-tbl th,.l-tbl td{border-bottom:0;padding:6px 14px}
  .l-tbl td[data-l]::before{content:attr(data-l);display:block;font:700 .78rem/1.4 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
  .l-tbl-wrap{overflow:visible}
}