/* Shared styling for the Terms of Service and Privacy Policy pages.
   Plain reading layout - one column, generous line height, nothing that
   competes with the text. */

:root{
  --amber-500:#F2994A; --blue-500:#3B82F6; --blue-700:#1D4ED8; --blue-100:#E4EEFB;
  --ink:#1F2430; --ink-soft:#5B6270;
}
*{box-sizing:border-box; margin:0; padding:0;}
body{
  font-family:'Inter',system-ui,sans-serif; color:var(--ink); background:#FFFDFA;
  -webkit-text-size-adjust:100%; text-size-adjust:100%;
}
a{color:var(--blue-700); text-decoration:none;}
a:hover{text-decoration:underline;}
.wrap{max-width:780px; margin:0 auto; padding:0 24px;}

.doc-head{
  background:linear-gradient(90deg,#FDE7C0,#FBCF8F);
  border-bottom:2px solid rgba(29,78,216,0.16); padding:14px 0; margin-bottom:34px;
}
.doc-head .wrap{display:flex; align-items:center; justify-content:space-between; gap:14px;}
.doc-head .brand{
  display:flex; align-items:center; gap:10px; color:var(--ink);
  font-family:'Poppins',sans-serif; font-weight:700; font-size:17px; letter-spacing:.3px;
}
.doc-head .brand img{width:38px; height:38px; border-radius:50%;}
.doc-head .back{font-size:13px; font-weight:600; color:var(--ink); display:flex; align-items:center; gap:6px;}

.doc{padding-bottom:70px;}
.doc h1{font-family:'Poppins',sans-serif; font-size:28px; font-weight:800; margin-bottom:6px;}
.doc .updated{font-size:12.5px; color:var(--ink-soft); margin-bottom:26px;}
.doc h2{
  font-family:'Poppins',sans-serif; font-size:17px; font-weight:700;
  margin:30px 0 10px; padding-top:18px; border-top:1px solid #F0EBE3;
}
.doc p{font-size:14.5px; line-height:1.72; color:#333A47; margin-bottom:12px;}
.doc ul{margin:0 0 12px 20px;}
.doc li{font-size:14.5px; line-height:1.7; color:#333A47; margin-bottom:7px;}

.callout{
  display:flex; gap:12px; background:#FFF5F3; border:1px solid #F6D6CE;
  border-radius:13px; padding:15px 17px; margin-bottom:8px;
  font-size:14px; line-height:1.65; color:#333A47;
}
.callout i{font-size:20px; color:#B8402F; flex-shrink:0;}
.callout strong{color:#B8402F;}

.data-table{width:100%; border-collapse:collapse; margin:6px 0 14px; font-size:13.8px;}
.data-table th{
  text-align:left; font-size:11.5px; letter-spacing:.6px; text-transform:uppercase;
  color:var(--ink-soft); padding:9px 12px; border-bottom:1px solid #EFEAE2;
}
.data-table td{padding:11px 12px; border-bottom:1px solid #F5F2ED; line-height:1.6; vertical-align:top;}
.data-table tr td:first-child{font-weight:600; width:38%;}

.see-also{
  margin-top:30px; padding-top:18px; border-top:1px solid #F0EBE3;
  font-size:13.5px; color:var(--ink-soft);
}

@media (max-width:560px){
  .doc h1{font-size:23px;}
  .doc-head .brand{font-size:15px;}
  .data-table tr td:first-child{width:auto;}
  /* The two columns cannot both fit on a phone: stack them. */
  .data-table thead{display:none;}
  .data-table tr{display:block; border-bottom:1px solid #F0EBE3; padding:10px 0;}
  .data-table td{display:block; border:none; padding:2px 0;}
  .data-table tr td:first-child{font-weight:700;}
}