/* SidexSide legal pages. Same colors and fonts as the app (index.html). Follows the phone's light/dark setting. */
:root{
  --bg:#F4E6D2; --surface:#FFFCF6; --surface-2:#EBD9BE; --border:#C9B294;
  --text:#2A1F19; --text-2:#51423A; --text-3:#5F4E44;
  --accent:#C24E22; --accent-tint:#F8D4BF; --accent-ink:#8C3816;
  --warn:#8F560A; --warn-tint:#FAE6C2; --urgent:#C0413A; --urgent-tint:#F9D2CC;
  --btn-bg:#A8431C; --btn-fg:#FFFFFF;
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#1D1713; --surface:#271F1A; --surface-2:#322820; --border:#43372D;
    --text:#F7EEE5; --text-2:#D5C6B8; --text-3:#A3907F;
    --accent:#EE9068; --accent-tint:#44291D; --accent-ink:#FFC4A9;
    --warn:#F0BE6A; --warn-tint:#372A15; --urgent:#F28B82; --urgent-tint:#3E211E;
    --btn-bg:#EE9068; --btn-fg:#2A170F;
  }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:'Manrope',system-ui,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
.wrap{max-width:680px;margin:0 auto;padding:16px 16px 56px}
.back{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--accent-ink);text-decoration:none}
.back:hover,.back:focus{text-decoration:underline}
h1{font-family:'Fraunces',Georgia,serif;font-size:32px;line-height:1.15;margin:8px 0 6px;font-weight:600}
h2{font-family:'Fraunces',Georgia,serif;font-size:22px;line-height:1.25;margin:30px 0 8px;font-weight:600}
h3{font-size:17px;margin:20px 0 4px}
p,li{color:var(--text)}
p{margin:0 0 12px}
ul,ol{padding-left:22px;margin:0 0 12px}
li{margin-bottom:6px}
a{color:var(--accent-ink);font-weight:600}
.lede{color:var(--text-2);font-size:18px}
.box{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:14px 16px;margin:14px 0}
.box.urgent{background:var(--urgent-tint);border-color:var(--urgent)}
.box.owner{background:var(--warn-tint);border-color:var(--warn);color:var(--text)}
.box p:last-child,.box ul:last-child{margin-bottom:0}
.tablewrap{overflow-x:auto;margin:0 0 14px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}
table{border-collapse:collapse;width:100%;min-width:480px;font-size:15.5px;line-height:1.45}
th,td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--border)}
th{background:var(--surface-2);font-weight:700}
tr:last-child td{border-bottom:0}
.nav{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 6px}
.nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface);text-decoration:none;font-size:15px}
.nav a[aria-current="page"]{background:var(--accent-tint);border-color:var(--accent);color:var(--accent-ink)}
.small{font-size:15px;color:var(--text-2)}
footer{margin-top:36px;padding-top:14px;border-top:1px solid var(--border)}