/* LYTTE - privacy page styles (privacy.html). Fonts are in fonts.css. */

:root{
  --blue:#2e69ff; --orange:#DD5602; --porcelain:#fafaf6; --graphite:#2a2821;
  --soft:#6b685f; --line:rgba(42,40,33,.14); --sand:#f3eee5; --row:#f6f3ec;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{font-family:'Poppins',sans-serif;background:var(--porcelain);color:var(--graphite);
  font-size:15px;line-height:1.7;font-weight:400;}
a{color:var(--orange);text-decoration:none;}
a:hover{text-decoration:underline;text-underline-offset:3px;}
strong{font-weight:600;}
::selection{background:var(--blue);color:#fff;}

.page{max-width:860px;margin:0 auto;padding:56px 40px 40px;}

/* header: wordmark + payoff, like the PDF */
.top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.top img{height:62px;width:auto;display:block;}
.payoff{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--soft);padding-bottom:6px;}
.back{display:inline-block;margin-top:28px;font-size:13px;font-weight:500;color:var(--blue);}

h1{font-size:42px;font-weight:600;letter-spacing:-.01em;line-height:1.15;margin:22px 0 14px;}
.meta{display:flex;flex-wrap:wrap;gap:6px 28px;font-size:12.5px;color:var(--soft);
  padding-bottom:24px;border-bottom:2px solid var(--graphite);}
.meta b{color:var(--graphite);font-weight:600;}
.lead{font-size:17px;line-height:1.65;max-width:640px;margin:30px 0 8px;}

h2{display:flex;gap:18px;align-items:baseline;font-size:22px;font-weight:600;letter-spacing:-.005em;
  margin:52px 0 14px;line-height:1.3;}
h2 .n{color:var(--orange);min-width:16px;}
h3{font-size:16.5px;font-weight:600;margin:34px 0 8px;}
p{margin:0 0 12px;}

.box{background:var(--sand);border-radius:10px;padding:20px 22px;margin:16px 0;}
.facts{display:grid;grid-template-columns:110px 1fr;gap:6px 16px;font-size:14.5px;}
.facts dt{color:var(--soft);}
.facts dd{font-weight:600;}
.callout{border-left:3px solid var(--orange);padding:4px 0 4px 18px;margin:24px 0;}
.callout p{margin:0;}

ul.dots{list-style:none;margin:10px 0 16px;}
ul.dots li{position:relative;padding-left:20px;margin-bottom:8px;}
ul.dots li::before{content:"";position:absolute;left:2px;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--orange);}

/* tables: dark header row, alternating sand rows */
.table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;line-height:1.5;margin:18px 0 8px;}
.table th{background:var(--graphite);color:var(--porcelain);font-weight:500;text-align:left;
  vertical-align:bottom;padding:12px 12px;}
.table th:first-child{border-top-left-radius:8px;}
.table th:last-child{border-top-right-radius:8px;}
.table td{padding:12px 12px;vertical-align:top;border-bottom:1px solid var(--line);}
.table tr:nth-child(even) td{background:var(--row);}
.table td:first-child{font-weight:600;}

.foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;font-size:12.5px;color:var(--soft);
  border-top:1px solid var(--line);margin-top:56px;padding-top:18px;}
.foot a{color:var(--soft);}

@media(max-width:700px){
  .page{padding:32px 20px 28px;}
  .top img{height:44px;}
  .payoff{font-size:10px;letter-spacing:.26em;padding-bottom:2px;}
  h1{font-size:32px;}
  .lead{font-size:16px;}
  h2{font-size:20px;gap:12px;margin-top:42px;}
  .facts{grid-template-columns:80px 1fr;}
  /* tables turn into one card per row on phones */
  .table, .table tbody, .table tr, .table td{display:block;width:100%;}
  .table thead{display:none;}
  .table tr{background:var(--row);border-radius:10px;padding:14px 16px;margin-bottom:12px;}
  .table tr:nth-child(even) td, .table td{background:none;border:0;padding:3px 0;}
  .table td:first-child{font-size:14px;padding-bottom:8px;}
  .table td:not(:first-child)::before{content:attr(data-label);display:block;font-size:11px;
    font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--soft);margin-top:6px;}
}
@media print{ .back{display:none;} body{background:#fff;} }