/* Privacy and Terms.

   Plain documents rather than a designed page. Carriers read these during A2P
   10DLC review, and so does anyone who clicks the link before handing over a
   phone number - both want to find a clause quickly, not admire a layout. The
   palette is the site's so it does not read as somebody else's website. */

:root{
  --ground:#FFFFFF; --ground-2:#FFF7FA;
  --surface:#FFFFFF; --surface-2:#FFFBFD;
  --ink:#43222F; --ink-2:#7A5C68; --ink-3:#836572;
  --line:#F9E7EF; --line-2:#F1D2E0;
  --accent:#F187B4; --accent-soft:#FFF2F7; --accent-text:#B23A6C;
  --r-sm:12px; --r-md:20px;
}

*{box-sizing:border-box}

body{
  margin:0; background:var(--ground-2); color:var(--ink);
  font-family:'Fredoka',ui-sans-serif,system-ui,'Segoe UI',sans-serif;
  font-size:16.5px; line-height:1.65; font-weight:600;
  -webkit-font-smoothing:antialiased;
}

.wrap{max-width:47rem; margin:0 auto; padding:2.5rem 1.15rem 5rem}
@media(max-width:600px){ .wrap{padding:1.8rem 1.05rem 4rem} }

.mark{
  font-family:'Bagel Fat One',cursive; font-weight:400;
  font-size:1.6rem; color:var(--accent-text); text-decoration:none;
  display:inline-block; margin-bottom:.3rem;
}
.back{
  display:inline-block; font-size:.85rem; color:var(--ink-3);
  text-decoration:none; margin-bottom:2rem;
}
.back:hover{color:var(--accent-text)}

h1{font-size:1.85rem; line-height:1.2; margin:.4rem 0 .3rem; font-weight:700}
.updated{color:var(--ink-3); font-size:.86rem; margin:0 0 2rem}

h2{
  font-size:1.05rem; font-weight:700; margin:2.2rem 0 .6rem;
  padding-top:1.4rem; border-top:1px solid var(--line-2);
}
h2:first-of-type{border-top:none; padding-top:0}

p, li{color:var(--ink-2); font-weight:500}
p{margin:0 0 .9rem}
ul{margin:0 0 .9rem; padding-left:1.15rem}
li{margin-bottom:.35rem}
b, strong{color:var(--ink); font-weight:700}
a{color:var(--accent-text)}

/* The clauses a carrier looks for. Set apart so a reviewer skimming for them
   does not have to read the paragraph around them. */
.key{
  background:var(--accent-soft); border:1px solid var(--line-2);
  border-left:4px solid var(--accent); border-radius:var(--r-sm);
  padding:.85rem 1rem; margin:0 0 1.1rem;
}
.key p:last-child{margin-bottom:0}

.contact{
  background:var(--surface); border:1px solid var(--line-2);
  border-radius:var(--r-md); padding:1.1rem 1.2rem; margin-top:2rem;
}
.contact p:last-child{margin-bottom:0}
