/* Openbook — /offer and /privacy. Reading layout only; tokens and header/footer come from styles.css. */

.legal-page{background:var(--bg)}
.legal{max-width:46rem;margin:0 auto;padding:clamp(2rem,6vw,4rem) 0 4rem}
.legal-draft{
  margin:0 0 1.75rem;padding:.8rem 1rem;border:1px solid rgba(255,206,18,.5);border-radius:var(--r-sm);
  background:rgba(255,206,18,.1);color:#ffe27a;font-weight:600;font-size:.9375rem;
}
.legal-text h1{font-size:clamp(1.9rem,5vw,2.6rem);line-height:1.12;letter-spacing:-.03em;margin:0 0 .5rem}
.legal-meta{color:var(--muted);font-size:.875rem;margin:0 0 2rem}
.legal-text section{margin-top:2.25rem}
.legal-text h2{font-size:1.2rem;line-height:1.3;letter-spacing:-.015em;margin:0 0 .85rem}
.legal-text p{margin:0 0 .75rem;color:var(--text-soft);line-height:1.65;overflow-wrap:anywhere}
.legal-text .n{color:var(--muted);margin-right:.15rem;font-variant-numeric:tabular-nums}
.legal-text ul{margin:.25rem 0 .9rem;padding-left:1.25rem;display:grid;gap:.4rem;color:var(--text-soft);line-height:1.6}
.legal-text a{color:var(--accent-bright);text-decoration:underline;text-underline-offset:.2em}
.legal-text strong{color:var(--text)}
.legal-table-wrap{overflow-x:auto;margin:.5rem 0 1rem;-webkit-overflow-scrolling:touch}
.legal-text table{width:100%;min-width:34rem;border-collapse:collapse;font-size:.9rem}
.legal-text th,.legal-text td{text-align:left;vertical-align:top;padding:.65rem .75rem;border:1px solid var(--line)}
.legal-text th{background:rgba(255,255,255,.04);font-weight:600}
@media (max-width:640px){
  .legal-text .n{display:block;margin:0}
}

/* /odata: numbered steps, code blocks and a small table inside the same reading column. */
.legal-text h3{font-size:1.02rem;line-height:1.35;margin:1.4rem 0 .6rem}
.legal-text ol{margin:.25rem 0 .9rem;padding-left:1.4rem;display:grid;gap:.5rem;color:var(--text-soft);line-height:1.6}
.legal-text ol li::marker{color:var(--accent-bright);font-variant-numeric:tabular-nums}
.legal-text code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875em;color:var(--text);overflow-wrap:anywhere}
.legal-text pre{
  margin:.5rem 0 1rem;padding:.85rem 1rem;overflow-x:auto;-webkit-overflow-scrolling:touch;
  border:1px solid var(--line);border-radius:var(--r-sm);background:rgba(255,255,255,.035);
}
.legal-text pre code{font-size:.8125rem;line-height:1.6;color:var(--text-soft);overflow-wrap:normal;white-space:pre}
.legal-text thead th{white-space:nowrap}
.legal-text .legal-table-wrap table{min-width:30rem}