/* dpow legal pages - shared styles (brand: off-white #f5f4ef, ink #141414, sage) */
:root{
  --bg:#f5f4ef; --ink:#141414; --muted:#5b5b54; --line:rgba(22,22,22,.14);
  --sage:#dfe9df; --sage-deep:#cfdccc;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:'DM Sans','Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  line-height:1.62; font-size:16px;
}
.legal-wrap{max-width:820px; margin:0 auto; padding:28px 22px 96px}
.legal-top{display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 0 22px; border-bottom:1px solid var(--line); margin-bottom:30px; flex-wrap:wrap}
.legal-brand{display:flex; align-items:center; gap:12px; text-decoration:none; color:var(--ink)}
.legal-brand img{width:38px; height:38px; display:block}
.legal-brand b{font-family:'DM Serif Display',Georgia,serif; font-weight:400; font-size:22px}
.legal-nav{display:flex; gap:16px; flex-wrap:wrap; font-size:13px}
.legal-nav a{color:var(--muted); text-decoration:none}
.legal-nav a:hover{color:var(--ink)}
h1{font-family:'DM Serif Display',Georgia,serif; font-weight:400; font-size:clamp(30px,5vw,42px); line-height:1.08; letter-spacing:-.5px; margin:0 0 8px}
h2{font-size:20px; font-weight:600; letter-spacing:-.2px; margin:38px 0 10px}
h3{font-size:16px; font-weight:600; margin:22px 0 6px}
p,li{color:#26261f}
a{color:#1f1f1f; text-underline-offset:2px}
.updated{color:var(--muted); font-size:13px; margin:0 0 6px}
.lede{font-size:17px; color:#33332b; margin:14px 0 6px}
table{width:100%; border-collapse:collapse; margin:14px 0; font-size:14px}
th,td{text-align:left; vertical-align:top; padding:9px 10px; border:1px solid var(--line)}
th{background:var(--sage); font-weight:600}
.note{background:#fff; border:1px solid var(--line); border-left:3px solid var(--ink); padding:14px 16px; margin:18px 0; font-size:14px; border-radius:4px}
.todo{background:#fff7e6; border:1px solid #e6cf8f; border-left:3px solid #c79100; padding:12px 15px; margin:14px 0; font-size:13.5px; border-radius:4px}
code{background:#fff; border:1px solid var(--line); padding:1px 5px; border-radius:4px; font-size:13px}
.legal-foot{margin-top:54px; padding-top:20px; border-top:1px solid var(--line); font-size:13px; color:var(--muted)}
.legal-foot a{color:var(--muted)}
ul{padding-left:22px}
li{margin:4px 0}
.back{display:inline-block; margin-top:8px; font-size:13px; color:var(--muted); text-decoration:none}
@media(max-width:560px){ .legal-wrap{padding:20px 16px 80px} body{font-size:15px} }