/* Shared by terms.html and privacy.html on fulfilledafbook.com.

   Uses this site's own tokens rather than the portal's, because these
   pages belong to the book funnel and should read as part of it --
   somebody clicking "Terms" from the footer should not feel they have
   been handed off to a different company. */

:root{
  --black:#090909;
  --ink:#1a1a1a;
  --gold:#be9e44;
  --gold-soft:#cbb26a;
  --gold-light:#d8c690;
  --cream:#FFFDFD;
  --muted:rgba(255,253,253,0.52);
  --line:rgba(190,158,68,0.22);
}

*{box-sizing:border-box}

body{
  margin:0;
  background:var(--black);
  color:rgba(255,253,253,0.80);
  font:400 16.5px/1.75 'Open Sans',-apple-system,BlinkMacSystemFont,sans-serif;
  -webkit-text-size-adjust:100%;
}

.wrap{max-width:46rem;margin:0 auto;padding:54px 24px 92px}

header{border-bottom:1px solid var(--line);padding-bottom:26px;margin-bottom:36px}
.brand{
  display:inline-block;margin-bottom:18px;text-decoration:none;
  font:700 12.5px/1 'Open Sans',sans-serif;letter-spacing:.2em;
  text-transform:uppercase;color:var(--gold);
}

h1{font:700 2.1rem/1.22 'Playfair Display',Georgia,serif;color:var(--cream);margin:0 0 8px}
h2{font:700 1.3rem/1.3 'Playfair Display',Georgia,serif;color:var(--gold-light);margin:40px 0 12px}
h3{font:600 1.02rem/1.4 'Open Sans',sans-serif;color:var(--gold-light);margin:26px 0 8px}

p{margin:0 0 15px}
ul{margin:0 0 15px;padding-left:1.25em}
li{margin:0 0 8px}
strong{color:var(--cream)}
a{color:var(--gold-soft)}
a:hover{color:var(--gold-light)}

.updated{color:var(--muted);font-size:.9rem;margin:0}

.callout{
  border-left:3px solid var(--gold);
  background:rgba(190,158,68,0.07);
  padding:16px 20px;margin:24px 0;
}
.callout p:last-child{margin-bottom:0}

table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:.95rem}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--gold-light);font-weight:600}

footer{
  border-top:1px solid var(--line);margin-top:54px;padding-top:22px;
  color:var(--muted);font-size:.88rem;
}
footer a{color:var(--muted)}

@media (max-width:560px){
  body{font-size:16px}
  .wrap{padding:34px 18px 70px}
  h1{font-size:1.65rem}
  table,thead,tbody,th,td,tr{display:block}
  th{border:0;padding-bottom:2px}
  td{padding-top:2px;border-bottom:0}
  tr{border-bottom:1px solid var(--line);padding:10px 0}
}