/* Payotie — shared styling for the legal pages (privacy, terms).
   Deliberately its own small stylesheet rather than a copy of the marketing page's inline
   CSS: these pages outlive redesigns, get linked from App Store Connect, and must stay
   readable on a phone with no JavaScript. Same brand tokens as index.html. */
:root{
  --bg:#0e1013; --card:#1a1e23; --line:#2a2f36;
  --ink:#e9ecef; --muted:#9aa3ad; --teal:#14b8a6; --mint:#5eead4;
  --maxw:760px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);line-height:1.65;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased}
a{color:var(--mint)}
a:hover{color:var(--teal)}

.lg-top{border-bottom:1px solid var(--line);padding:18px 20px}
.lg-top .wrap{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;gap:10px}
.lg-brand{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:800;color:var(--ink);text-decoration:none}
.lg-brand img{height:26px;width:26px}
.lg-brand b{color:var(--teal)}
.lg-back{margin-left:auto;font-size:14px;font-weight:600}

main{max-width:var(--maxw);margin:0 auto;padding:34px 20px 70px}
h1{font-size:30px;line-height:1.2;margin:0 0 6px}
.lg-updated{color:var(--muted);font-size:13.5px;margin:0 0 26px}
h2{font-size:19px;margin:34px 0 10px;padding-top:18px;border-top:1px solid var(--line)}
h2:first-of-type{border-top:0;padding-top:0}
h3{font-size:15.5px;margin:20px 0 6px;color:var(--mint)}
p,li{color:#d5dae0;font-size:15px}
ul{padding-left:20px;margin:10px 0}
li{margin:6px 0}
strong{color:var(--ink)}

/* The one thing a reader most needs up front. */
.lg-summary{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--teal);
  border-radius:12px;padding:16px 18px;margin:0 0 8px}
.lg-summary p{margin:0 0 8px}
.lg-summary p:last-child{margin:0}

/* Who controls what — the distinction that matters most in a POS. */
.lg-note{background:rgba(20,184,166,.08);border:1px solid rgba(20,184,166,.28);
  border-radius:10px;padding:13px 15px;margin:14px 0}
.lg-note p{margin:0;font-size:14.5px}

table{width:100%;border-collapse:collapse;margin:14px 0;font-size:14.5px}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--muted);font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;font-weight:700}
.lg-wrap-x{overflow-x:auto}

footer{border-top:1px solid var(--line);margin-top:40px;padding:24px 20px;color:var(--muted);font-size:13px}
footer .wrap{max-width:var(--maxw);margin:0 auto;display:flex;gap:14px;flex-wrap:wrap}

@media (max-width:540px){
  h1{font-size:25px}
  main{padding:26px 18px 56px}
}