/* Self-hosted fonts for the public pages (landing, sign-in, legal): nothing is
   loaded from Google or any other third party, so visitors' IP addresses stay
   with us (Kenya Data Protection Act; Swiss/EU data-protection law). */
@font-face{font-family:"Clash Display";src:url("../fonts/ClashDisplay-Semibold.3ac748889874.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Clash Display";src:url("../fonts/ClashDisplay-Bold.ea80c2358066.woff2") format("woff2");font-weight:700 900;font-display:swap}
@font-face{font-family:"Inter";src:url("../fonts/Inter-latin-var.65850a373e25.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{--archivo:"Clash Display","Inter",system-ui,sans-serif;--sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}

/* sign-up consent rows */
.consent-row{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--espresso);cursor:pointer}
.consent-row input{width:22px;height:22px;flex:none;margin-top:1px;accent-color:var(--red)}
.consent-row a{color:var(--red);font-weight:600}
.consent-row.bad span{color:var(--red-700)}
/* legal pages: data table */
.legal-table{width:100%;border-collapse:collapse;margin:12px 0 4px;font-size:14px;line-height:1.45}
.legal-table th,.legal-table td{text-align:left;vertical-align:top;padding:10px 10px 10px 0;border-bottom:1px solid var(--line)}
.legal-table th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
@media (max-width:600px){.legal-table,.legal-table tbody,.legal-table tr,.legal-table td,.legal-table th{display:block}
  .legal-table tr:first-child{display:none}.legal-table tr{padding:10px 0;border-bottom:1px solid var(--line)}
  .legal-table td{border:0;padding:2px 0}.legal-table td:first-child{font-weight:700}}
/* your devices */
.dev-list{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.dev{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid var(--line)}
.dev.ev{padding:10px 14px}
.dev-ic{font-size:22px;width:32px;text-align:center;flex:none}
.dev-t{flex:1;min-width:0}
.dev-t b{display:block;font-size:15px}
.dev-t small{display:block;margin-top:2px;font-size:12.5px;color:var(--muted)}
.dev-here{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;background:#E7F3EB;color:#1E7B34;font-size:11.5px;font-weight:700}
.dev .btn{width:auto;flex:none}
