/* Shared styling for Re:Build policy pages (terms / privacy / code of respect).
   Tokens mirror index.html's --forest/--peach/--cream palette. */
:root{
  font-size:16.5px;
  --forest:#003F35; --forest-deep:#002B24; --ink:#062E29;
  --peach:#FF9878;  --peach-deep:#DF6038;
  --cream:#FFF5E6;  --panel:#FBF0DC; --line:#E3D6BD;
  --muted:#5B6960;
  --disp:"Archivo",system-ui,-apple-system,sans-serif;
  --sans:"IBM Plex Sans",system-ui,-apple-system,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --maxw:900px;
  --pad:clamp(20px,4vw,40px);
  --r:12px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:16.5px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--peach-deep)}
a:hover{color:var(--forest)}
.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--pad)}

.draft-bar{background:var(--peach-deep);color:#fff;font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;padding:.5rem var(--pad);text-align:center}
.draft-bar b{color:#fff;text-decoration:underline}

header.simple{padding:2rem 0 0}
header.simple .brand{font-family:var(--disp);font-weight:800;font-size:1.3rem;color:var(--forest);text-decoration:none}
header.simple .brand .cn{color:var(--peach-deep)}
header.simple .back{display:inline-block;margin-top:1.25rem;font-family:var(--mono);font-size:.85rem;color:var(--muted);text-decoration:none}
header.simple .back:hover{color:var(--forest)}

main{padding-block:2rem 4rem}
main h1{font-family:var(--disp);font-weight:800;font-size:clamp(1.7rem,4vw,2.3rem);color:var(--forest);letter-spacing:-.02em;margin:0 0 .5rem}
main .updated{font-family:var(--mono);font-size:.8rem;color:var(--muted);margin:0 0 2rem}
main h2{font-family:var(--disp);font-weight:700;font-size:1.15rem;color:var(--forest);margin:2rem 0 .6rem}
main h3{font-family:var(--disp);font-weight:700;font-size:1rem;color:var(--peach-deep);margin:1.4rem 0 .5rem}
main p{margin:0 0 1rem;max-width:78ch}
main ul{margin:0 0 1rem;padding-left:1.2rem;max-width:78ch}
main li{margin-bottom:.4rem}
main table{width:100%;border-collapse:collapse;margin:0 0 1.5rem;font-size:.92rem}
main th,main td{text-align:left;padding:.5rem .75rem;border-bottom:1px solid var(--line);vertical-align:top}
main th{font-family:var(--disp);color:var(--forest);font-weight:700}
main code{font-family:var(--mono);font-size:.85em;background:var(--panel);padding:.1em .35em;border-radius:4px}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:1.25rem 1.5rem;margin-bottom:2rem}
.panel p{margin:0}

footer.simple{border-top:1px solid var(--line);padding:1.5rem 0;font-family:var(--mono);font-size:.8rem;color:var(--muted)}
footer.simple a{color:var(--muted);text-decoration:underline}
footer.simple a:hover{color:var(--forest)}