/* Shared styling for privacy.html and terms.html. */
@font-face{font-family:'Baloo 2';font-style:normal;font-weight:500 800;font-display:swap;
  src:url(/assets/fonts/baloo2-latin.woff2) format('woff2')}
@font-face{font-family:'Karla';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(/assets/fonts/karla-latin.woff2) format('woff2')}

*{box-sizing:border-box}
body{margin:0;background:#F2ECE4;color:#2B211B;font-family:'Karla',sans-serif;
  font-size:16.5px;line-height:1.65}
a{color:#F2705B}
a:hover{color:#D95542}

.wrap{max-width:760px;margin:0 auto;padding:clamp(28px,6vw,56px) clamp(20px,5vw,32px) 80px}

.brand{display:flex;align-items:center;gap:12px;margin-bottom:clamp(32px,6vw,56px)}
.brand img{width:40px;height:40px;border-radius:12px}
.brand span{font-family:'Baloo 2';font-weight:800;font-size:20px;color:#2B211B}
.brand a{text-decoration:none;display:flex;align-items:center;gap:12px}

h1{font-family:'Baloo 2';font-weight:800;font-size:clamp(32px,5vw,46px);line-height:1.08;margin:0}
h2{font-family:'Baloo 2';font-weight:700;font-size:clamp(21px,3vw,26px);margin:44px 0 12px}
h3{font-family:'Baloo 2';font-weight:700;font-size:18px;margin:26px 0 8px}
p,li{color:#4A3A2E;text-wrap:pretty}
p{margin:0 0 14px}
ul{margin:0 0 14px;padding-left:22px}
li{margin-bottom:7px}
strong{color:#2B211B}

.updated{color:#8A7365;font-size:14.5px;font-weight:600;margin:14px 0 0}

/* Delete this block, and every <p class="todo"> below, once the text is final. */
.draft{background:#FFF3D6;border:2px solid #F5B940;border-radius:16px;
  padding:16px 20px;margin:30px 0 0;font-size:15px;color:#5C4A3E}
.draft b{color:#2B211B}
.todo{background:#FBF6EE;border-left:3px solid #F2705B;border-radius:0 10px 10px 0;
  padding:10px 14px;font-size:14.5px;color:#8A7365}

footer{border-top:2px solid #E4D8C6;margin-top:64px;padding-top:24px;
  display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;
  color:#8A7365;font-size:14px}
footer nav{display:flex;flex-wrap:wrap;gap:20px}