/* ══════════════════════════════════════════════════════════════
   auth.css — Login con Google + control de cuenta (Tanda 1)
   Estética pestaña Cartas: system-ui, superficies oscuras neutras,
   controles blancos translúcidos. NO Nunito, NO acento azul.
══════════════════════════════════════════════════════════════ */

/* ── Control en la barra superior ── */
#auth-control { display:flex; align-items:center; font-family:system-ui,-apple-system,sans-serif; }
.auth-sep { width:1px; height:18px; background:rgba(255,255,255,0.12); margin:0 10px; }

.auth-signin-btn {
  display:inline-flex; align-items:center; gap:7px;
  height:32px; padding:0 13px;
  border:1px solid rgba(255,255,255,0.14);
  background:rgba(255,255,255,0.06);
  color:rgba(255,255,255,0.86);
  border-radius:9px;
  font:600 12.5px/1 system-ui,-apple-system,sans-serif;
  cursor:pointer;
  transition:background .15s, border-color .15s, transform .1s;
}
.auth-signin-btn:hover { background:rgba(255,255,255,0.11); border-color:rgba(255,255,255,0.22); }
.auth-signin-btn:active { transform:scale(0.97); }
.auth-signin-btn svg { width:14px; height:14px; }

/* chip con sesión iniciada */
.auth-chip-wrap { position:relative; }
.auth-chip {
  display:inline-flex; align-items:center; gap:8px;
  height:32px; padding:0 9px 0 6px;
  border:1px solid rgba(255,255,255,0.12);
  background:rgba(255,255,255,0.05);
  border-radius:18px;
  cursor:pointer; color:rgba(255,255,255,0.86);
  transition:background .15s, border-color .15s;
}
.auth-chip:hover { background:rgba(255,255,255,0.10); }
.auth-chip-name { font:600 12.5px/1 system-ui,sans-serif; max-width:120px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.auth-chip-chev { display:inline-flex; opacity:.5; transition:transform .15s; }
.auth-chip-chev svg { width:11px; height:11px; }
.auth-chip[aria-expanded="true"] .auth-chip-chev { transform:rotate(180deg); }

.auth-avatar { width:24px; height:24px; border-radius:50%; object-fit:cover; flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; }
.auth-avatar--letter { background:linear-gradient(135deg,#4dabff,#7b5ea7); color:#fff; font:700 12px/1 system-ui,sans-serif; }

/* desplegable de cuenta */
.auth-menu {
  position:absolute; top:calc(100% + 8px); right:0;
  min-width:222px;
  background:rgba(22,22,30,0.97);
  -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,0.1);
  border-radius:12px;
  box-shadow:0 18px 48px rgba(0,0,0,0.55);
  padding:6px;
  opacity:0; transform:translateY(-6px) scale(0.98); pointer-events:none;
  transition:opacity .14s, transform .14s;
  z-index:50;
}
.auth-menu.open { opacity:1; transform:none; pointer-events:auto; }
.auth-menu-head { display:flex; align-items:center; gap:10px; padding:8px 9px 10px; border-bottom:1px solid rgba(255,255,255,0.08); margin-bottom:5px; }
.auth-menu-head .auth-avatar { width:34px; height:34px; }
.auth-menu-head .auth-avatar--letter { font-size:15px; }
.auth-menu-id { display:flex; flex-direction:column; gap:2px; min-width:0; }
.auth-menu-name { font:700 13px/1.1 system-ui,sans-serif; color:rgba(255,255,255,0.92); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:170px; }
.auth-menu-email { font:500 11px/1.1 system-ui,sans-serif; color:rgba(255,255,255,0.42); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:170px; }
.auth-menu-item {
  display:flex; align-items:center; gap:9px; width:100%;
  padding:8px 9px; border:none; background:transparent;
  border-radius:8px; cursor:pointer;
  color:rgba(255,255,255,0.8);
  font:600 12.5px/1 system-ui,sans-serif; text-align:left;
  transition:background .12s;
}
.auth-menu-item:hover { background:rgba(255,255,255,0.07); }
.auth-menu-item svg { width:15px; height:15px; opacity:.7; flex:0 0 auto; }
.auth-menu-item--danger { color:#ff8a8a; }
.auth-menu-item--danger:hover { background:rgba(239,68,68,0.12); }

/* ── Pantalla de login (overlay propio) ── */
#auth-overlay {
  position:fixed; inset:0; z-index:12000;
  display:none; align-items:center; justify-content:center;
  font-family:system-ui,-apple-system,sans-serif;
}
#auth-overlay-backdrop {
  position:absolute; inset:0;
  background:rgba(8,8,12,0.72);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  opacity:0; transition:opacity .22s;
}
#auth-overlay.open #auth-overlay-backdrop { opacity:1; }
#auth-card {
  position:relative;
  width:min(380px, calc(100vw - 36px));
  background:#15151c;
  border:1px solid rgba(255,255,255,0.1);
  border-radius:18px;
  box-shadow:0 30px 80px rgba(0,0,0,0.6);
  padding:30px 28px 24px;
  display:flex; flex-direction:column; align-items:center; text-align:center;
  transform:translateY(14px) scale(0.97); opacity:0;
  transition:transform .24s cubic-bezier(.2,.8,.2,1), opacity .2s;
}
#auth-overlay.open #auth-card { transform:none; opacity:1; }
#auth-close {
  position:absolute; top:12px; right:12px;
  width:30px; height:30px; display:flex; align-items:center; justify-content:center;
  border:none; background:transparent; color:rgba(255,255,255,0.4);
  border-radius:8px; cursor:pointer; transition:background .12s, color .12s;
}
#auth-close:hover { background:rgba(255,255,255,0.07); color:rgba(255,255,255,0.8); }
#auth-close svg { width:15px; height:15px; }
#auth-brand { display:flex; align-items:center; gap:9px; margin-bottom:18px; }
#auth-brand svg { width:30px; height:30px; }
#auth-brand span { font:800 15px/1 system-ui,sans-serif; color:rgba(255,255,255,0.92); letter-spacing:.01em; }
#auth-title { margin:0 0 8px; font:800 21px/1.15 system-ui,sans-serif; color:#fff; }
#auth-sub { margin:0 0 22px; font:500 13px/1.5 system-ui,sans-serif; color:rgba(255,255,255,0.5); max-width:300px; }
#auth-google-btn {
  display:inline-flex; align-items:center; justify-content:center; gap:11px;
  width:100%; height:46px;
  background:#fff; color:#1f1f1f;
  border:none; border-radius:11px;
  font:600 14px/1 system-ui,sans-serif; cursor:pointer;
  transition:transform .1s, box-shadow .15s, opacity .15s;
  box-shadow:0 2px 10px rgba(0,0,0,0.25);
}
#auth-google-btn:hover { box-shadow:0 4px 16px rgba(0,0,0,0.35); }
#auth-google-btn:active { transform:scale(0.985); }
#auth-google-btn.busy { opacity:.7; cursor:default; }
.auth-g-icon, .auth-g-icon svg { width:18px; height:18px; display:inline-flex; flex:0 0 auto; }
#auth-consent { margin:16px 0 0; font:500 11px/1.5 system-ui,sans-serif; color:rgba(255,255,255,0.38); max-width:280px; }
#auth-privacy-link {
  margin-top:7px; background:none; border:none; cursor:pointer;
  color:rgba(255,255,255,0.55); font:600 11.5px/1 system-ui,sans-serif;
  text-decoration:underline; text-underline-offset:2px; padding:4px;
}
#auth-privacy-link:hover { color:rgba(255,255,255,0.85); }

/* ── Sección de cuenta en el drawer móvil ── */
#drawer-account { display:flex; flex-direction:column; gap:8px; }
.drawer-account-signin {
  display:flex; align-items:center; gap:11px; width:100%;
  padding:13px 14px; border:1px solid rgba(255,255,255,0.13);
  background:rgba(255,255,255,0.05); color:rgba(255,255,255,0.9);
  border-radius:12px; cursor:pointer;
  font:700 14px/1 system-ui,sans-serif;
}
.drawer-account-signin svg { width:18px; height:18px; flex:0 0 auto; }
.drawer-account-card { display:flex; align-items:center; gap:11px; padding:6px 4px 10px; }
.drawer-account-card .auth-avatar { width:38px; height:38px; }
.drawer-account-card .auth-avatar--letter { font-size:16px; }
.drawer-account-id { display:flex; flex-direction:column; gap:2px; min-width:0; }
.drawer-account-name { font:700 14px/1.15 system-ui,sans-serif; color:rgba(255,255,255,0.92); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.drawer-account-email { font:500 12px/1.15 system-ui,sans-serif; color:rgba(255,255,255,0.42); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.drawer-account-signout { color:#ff8a8a !important; }
.drawer-account-signout svg { width:16px; height:16px; }

/* ── Botón único de la barra con FOTO cuando hay sesión (#app-gear-btn) ── */
#app-gear-btn .auth-gear-photo {
  width:22px; height:22px; border-radius:50%; object-fit:cover;
  display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto;
}
#app-gear-btn .auth-gear-photo--letter {
  background:linear-gradient(135deg,#4dabff,#7b5ea7); color:#fff;
  font:700 11px/1 system-ui,-apple-system,sans-serif;
}
#app-gear-btn.has-account { color:rgba(255,255,255,0.75); }

/* ── Sección de Cuenta dentro del popup de Ajustes ── */
#auth-account-section .auth-acct {
  display:flex; flex-direction:column; gap:6px;
  border-bottom:1px solid rgba(255,255,255,0.08); padding-bottom:11px; margin-bottom:3px;
}
.auth-acct-head { display:flex; align-items:center; gap:10px; padding:2px 2px 6px; }
.auth-acct-head .auth-avatar { width:34px; height:34px; }
.auth-acct-head .auth-avatar--letter { font-size:15px; }
.auth-acct-id { display:flex; flex-direction:column; gap:2px; min-width:0; }
.auth-acct-name { font:700 13px/1.15 system-ui,sans-serif; color:rgba(255,255,255,0.92); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:188px; }
.auth-acct-email { font:500 11px/1.15 system-ui,sans-serif; color:rgba(255,255,255,0.42); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:188px; }
.auth-acct-item, .auth-acct-signin {
  display:flex; align-items:center; gap:9px; width:100%;
  padding:9px 10px; border:1px solid rgba(255,255,255,0.1); border-radius:10px;
  background:rgba(255,255,255,0.04); color:rgba(255,255,255,0.72);
  font:600 12.5px/1 system-ui,sans-serif; cursor:pointer; text-align:left;
  transition:background .12s, color .12s;
}
.auth-acct-item svg, .auth-acct-signin svg { width:15px; height:15px; opacity:.8; flex:0 0 auto; }
.auth-acct-item:hover, .auth-acct-signin:hover { background:rgba(255,255,255,0.09); color:#fff; }
.auth-acct-item--danger { color:#ff8a8a; }
.auth-acct-item--danger:hover { background:rgba(239,68,68,0.12); color:#ff8a8a; }

/* ── Grupo Info del popup (Acerca de / Enviar opinión) ── */
.sbs-info { display:flex; flex-direction:column; gap:4px; }
.sbs-link-btn {
  display:block; width:100%; text-align:left; box-sizing:border-box;
  padding:9px 10px; border:none; background:transparent; border-radius:9px;
  color:rgba(255,255,255,0.5); font:600 12px/1 system-ui,-apple-system,sans-serif;
  cursor:pointer; text-decoration:none; transition:background .12s, color .12s;
}
.sbs-link-btn:hover { background:rgba(255,255,255,0.06); color:rgba(255,255,255,0.82); }
/* Enlace de apoyo (Ko-fi): icono de café con tinte cálido, hover ámbar */
.sbs-support { display:flex; align-items:center; gap:9px; }
.sbs-support .sbs-support-ico { width:16px; height:16px; flex:0 0 auto; color:#e3a765; transition:transform .18s, color .14s; }
.sbs-support:hover { background:rgba(227,167,101,0.13); color:#f0c489; }
.sbs-support:hover .sbs-support-ico { color:#f0c489; transform:translateY(-1px) rotate(-4deg); }

/* ── Acerca de (overlay) ── */
#about-overlay { position:fixed; inset:0; z-index:12000; display:none; align-items:center; justify-content:center; font-family:system-ui,-apple-system,sans-serif; }
#about-backdrop { position:absolute; inset:0; background:rgba(8,8,12,0.72); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); opacity:0; transition:opacity .22s; }
#about-overlay.open #about-backdrop { opacity:1; }
#about-card {
  position:relative; width:min(420px, calc(100vw - 36px));
  background:#15151c; border:1px solid rgba(255,255,255,0.1); border-radius:18px;
  box-shadow:0 30px 80px rgba(0,0,0,0.6); padding:30px 28px 24px;
  display:flex; flex-direction:column; align-items:center; text-align:center;
  transform:translateY(14px) scale(0.97); opacity:0;
  transition:transform .24s cubic-bezier(.2,.8,.2,1), opacity .2s;
}
#about-overlay.open #about-card { transform:none; opacity:1; }
#about-close { position:absolute; top:12px; right:12px; width:30px; height:30px; display:flex; align-items:center; justify-content:center; border:none; background:transparent; color:rgba(255,255,255,0.4); border-radius:8px; cursor:pointer; transition:background .12s, color .12s; }
#about-close:hover { background:rgba(255,255,255,0.07); color:rgba(255,255,255,0.8); }
#about-close svg { width:15px; height:15px; }
#about-brand { display:flex; align-items:center; gap:9px; margin-bottom:16px; }
#about-brand svg { width:28px; height:28px; }
#about-brand span { font:800 15px/1 system-ui,sans-serif; color:rgba(255,255,255,0.92); }
#about-title { margin:0 0 14px; font:800 19px/1.15 system-ui,sans-serif; color:#fff; }
#about-disclaimer { margin:0 0 12px; font:500 12.5px/1.6 system-ui,sans-serif; color:rgba(255,255,255,0.6); max-width:340px; }
#about-credits { margin:0; font:500 12px/1.5 system-ui,sans-serif; color:rgba(255,255,255,0.45); }
#about-privacy { margin-top:16px; background:none; border:none; cursor:pointer; color:rgba(255,255,255,0.55); font:600 12px/1 system-ui,sans-serif; text-decoration:underline; text-underline-offset:2px; padding:4px; }
#about-privacy:hover { color:rgba(255,255,255,0.85); }

/* ── Móvil: la cuenta NO se duplica en el drawer (ya hay #drawer-account aparte) ── */
#app-drawer-settings-host #auth-account-section { display:none; }

/* ── Mi perfil (overlay con formulario) ── */
#profile-overlay { position:fixed; inset:0; z-index:12000; display:none; align-items:center; justify-content:center; font-family:system-ui,-apple-system,sans-serif; }
#profile-backdrop { position:absolute; inset:0; background:rgba(8,8,12,0.72); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); opacity:0; transition:opacity .22s; }
#profile-overlay.open #profile-backdrop { opacity:1; }
#profile-card {
  position:relative; width:min(380px, calc(100vw - 36px));
  background:#15151c; border:1px solid rgba(255,255,255,0.1); border-radius:18px;
  box-shadow:0 30px 80px rgba(0,0,0,0.6); padding:28px 26px 24px;
  display:flex; flex-direction:column;
  transform:translateY(14px) scale(0.97); opacity:0;
  transition:transform .24s cubic-bezier(.2,.8,.2,1), opacity .2s;
}
#profile-overlay.open #profile-card { transform:none; opacity:1; }
#profile-close { position:absolute; top:12px; right:12px; width:30px; height:30px; display:flex; align-items:center; justify-content:center; border:none; background:transparent; color:rgba(255,255,255,0.4); border-radius:8px; cursor:pointer; transition:background .12s, color .12s; }
#profile-close:hover { background:rgba(255,255,255,0.07); color:rgba(255,255,255,0.8); }
#profile-close svg { width:15px; height:15px; }
#profile-title { margin:0 0 14px; font:800 19px/1.15 system-ui,sans-serif; color:#fff; }

/* ── Cabecera: avatar grande (+ botón cambiar) + nombre editable + email ── */
#prof-head { display:flex; flex-direction:column; align-items:center; gap:4px; margin-bottom:6px; }
#prof-pfp-btn {
  position:relative; width:92px; height:92px; padding:0; border:none; border-radius:50%;
  background:transparent; cursor:pointer; overflow:visible; transition:transform .12s;
}
#prof-pfp-btn:hover { transform:scale(1.03); }
#prof-pfp { display:block; width:92px; height:92px; border-radius:50%; overflow:hidden; background:rgba(255,255,255,0.05); }
#prof-pfp img { width:100%; height:100%; object-fit:cover; display:block; }
.prof-pfp-letter { width:100%; height:100%; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,#4dabff,#7b5ea7); color:#fff; font:700 38px/1 system-ui,sans-serif; }
.prof-pfp-edit {
  position:absolute; right:-1px; bottom:-1px; width:28px; height:28px; border-radius:50%;
  background:#4dabff; color:#fff; display:flex; align-items:center; justify-content:center;
  border:3px solid #15151c; box-shadow:0 2px 6px rgba(0,0,0,0.45);
}
.prof-pfp-edit svg { width:14px; height:14px; }
.prof-name-display {
  display:inline-flex; align-items:center; gap:6px; max-width:100%; margin-top:6px; padding:4px 9px;
  border:none; background:transparent; border-radius:9px; cursor:pointer; color:#fff;
  font:800 18px/1.2 system-ui,sans-serif; transition:background .12s;
}
.prof-name-display:hover { background:rgba(255,255,255,0.06); }
.prof-name-text { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:240px; }
.prof-email { font:500 12px/1 system-ui,sans-serif; color:rgba(255,255,255,0.45); }
.prof-pencil { width:13px; height:13px; flex:0 0 auto; color:rgba(255,255,255,0.38); transition:color .12s; }
.prof-name-display:hover .prof-pencil, .prof-inline-row:hover .prof-pencil { color:rgba(255,255,255,0.85); }

/* ── Rejilla de avatares (OCULTA hasta pulsar la foto) ── */
#prof-avatars {
  display:grid; grid-template-columns:repeat(auto-fill, minmax(46px, 1fr)); gap:8px;
  max-height:204px; overflow-y:auto; padding:10px 4px; margin:4px 0 2px;
  border-top:1px solid rgba(255,255,255,0.08); border-bottom:1px solid rgba(255,255,255,0.08);
}
#prof-avatars.prof-collapsed { display:none; }
.prof-av {
  position:relative; aspect-ratio:1/1; padding:0; border:2px solid transparent;
  border-radius:50%; background:rgba(255,255,255,0.05); cursor:pointer; overflow:hidden;
  display:flex; align-items:center; justify-content:center;
  transition:transform .1s, border-color .12s, background .12s;
}
.prof-av:hover { background:rgba(255,255,255,0.1); transform:scale(1.06); }
.prof-av img { width:100%; height:100%; object-fit:cover; display:block; }
.prof-av.selected { border-color:#4dabff; box-shadow:0 0 0 2px rgba(77,171,255,0.35); }
.prof-av--default { background:linear-gradient(135deg,#4dabff,#7b5ea7); }
.prof-av-letter { color:#fff; font:700 16px/1 system-ui,-apple-system,sans-serif; }

/* ── Sección «Código de amigo» (editable inline) ── */
.prof-section { margin-top:14px; }
.prof-section-label { display:block; font:600 12px/1 system-ui,sans-serif; color:rgba(255,255,255,0.55); margin-bottom:6px; }
.prof-inline-row {
  width:100%; box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; gap:8px;
  padding:10px 12px; border:1px solid rgba(255,255,255,0.12); border-radius:10px;
  background:rgba(255,255,255,0.04); color:#fff; cursor:pointer; text-align:left;
  font:500 13.5px/1.2 system-ui,sans-serif; transition:border-color .12s, background .12s;
}
.prof-inline-row:hover { background:rgba(255,255,255,0.07); border-color:rgba(255,255,255,0.22); }
.prof-fc-row { display:flex; gap:8px; align-items:stretch; }
.prof-fc-row .prof-inline-row { flex:1 1 auto; min-width:0; }
.prof-icon-btn {
  flex:0 0 auto; width:42px; border:1px solid rgba(255,255,255,0.12); border-radius:10px;
  background:rgba(255,255,255,0.04); color:rgba(255,255,255,0.6); cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  transition:background .12s, color .12s, border-color .12s, transform .08s;
}
.prof-icon-btn:hover { background:rgba(255,255,255,0.08); color:#fff; border-color:rgba(255,255,255,0.22); }
.prof-icon-btn:active { transform:scale(0.94); }
.prof-icon-btn svg { width:16px; height:16px; }
.prof-fc-text { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.prof-empty { color:rgba(255,255,255,0.3); }

/* ── Input de edición inline (nombre / código) ── */
.prof-inline-input {
  width:100%; box-sizing:border-box; padding:2px 6px; border:none; border-radius:6px;
  background:rgba(255,255,255,0.12); color:#fff; outline:none; font:inherit;
}
.prof-inline-input--name { width:auto; min-width:150px; max-width:240px; text-align:center; }
.prof-inline-input::placeholder { color:rgba(255,255,255,0.3); }
/* Acciones de cuenta dentro de Mi perfil (descargar / borrar) */
.prof-actions { display:flex; flex-direction:column; gap:2px; margin-top:16px; padding-top:12px; border-top:1px solid rgba(255,255,255,0.08); }
.prof-link { width:100%; text-align:left; padding:9px 10px; border:none; background:transparent; border-radius:9px; color:rgba(255,255,255,0.6); font:600 12.5px/1 system-ui,-apple-system,sans-serif; cursor:pointer; transition:background .12s, color .12s; }
.prof-link:hover { background:rgba(255,255,255,0.06); color:rgba(255,255,255,0.85); }
.prof-link--danger { color:#ff8a8a; }
.prof-link--danger:hover { background:rgba(239,68,68,0.12); color:#ff8a8a; }

/* ── Política de privacidad (overlay con texto) ── */
#privacy-overlay { position:fixed; inset:0; z-index:12000; display:none; align-items:center; justify-content:center; font-family:system-ui,-apple-system,sans-serif; }
#privacy-backdrop { position:absolute; inset:0; background:rgba(8,8,12,0.72); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); opacity:0; transition:opacity .22s; }
#privacy-overlay.open #privacy-backdrop { opacity:1; }
#privacy-card {
  position:relative; width:min(460px, calc(100vw - 36px)); max-height:80vh; overflow:auto;
  background:#15151c; border:1px solid rgba(255,255,255,0.1); border-radius:18px;
  box-shadow:0 30px 80px rgba(0,0,0,0.6); padding:28px 28px 24px;
  transform:translateY(14px) scale(0.97); opacity:0;
  transition:transform .24s cubic-bezier(.2,.8,.2,1), opacity .2s;
}
#privacy-overlay.open #privacy-card { transform:none; opacity:1; }
#privacy-close { position:absolute; top:12px; right:12px; width:30px; height:30px; display:flex; align-items:center; justify-content:center; border:none; background:transparent; color:rgba(255,255,255,0.4); border-radius:8px; cursor:pointer; transition:background .12s, color .12s; }
#privacy-close:hover { background:rgba(255,255,255,0.07); color:rgba(255,255,255,0.8); }
#privacy-close svg { width:15px; height:15px; }
#privacy-title { margin:0 0 14px; font:800 19px/1.15 system-ui,sans-serif; color:#fff; }
#privacy-body { font:400 13px/1.65 system-ui,-apple-system,sans-serif; color:rgba(255,255,255,0.62); }
#privacy-body p { margin:0 0 11px; }
#privacy-body strong { color:rgba(255,255,255,0.86); font-weight:700; }
#privacy-body a { color:rgba(255,255,255,0.86); text-decoration:underline; text-underline-offset:2px; }