/* shared styles for the audit tools */
  .hero { padding:56px 0 40px; }
  .hero .wrap { max-width:820px; }
  .err { color:var(--bad); font-weight:600; margin-top:12px; display:none; }
  #loading { display:none; margin:32px 0; text-align:center; color:var(--muted); }
  .spin { width:44px; height:44px; border:4px solid var(--line); border-top-color:var(--blue); border-radius:50%; margin:0 auto 14px; animation:sp 1s linear infinite; }
  @keyframes sp { to { transform:rotate(360deg); } }
  #result { display:none; padding-bottom:20px; }
  #result .wrap { max-width:820px; }
  .score { display:grid; grid-template-columns:190px 1fr; gap:28px; align-items:center; }
  .gauge { width:176px; height:176px; border-radius:50%; display:grid; place-items:center; }
  .gauge div { width:140px; height:140px; border-radius:50%; background:#fff; display:grid; place-items:center; text-align:center; }
  .gauge b { font-size:50px; line-height:1; font-weight:800; color:var(--ink); }
  .gauge span { display:block; font-size:13px; color:var(--muted); }
  .grade { font-family:"Plus Jakarta Sans", Inter, sans-serif; font-weight:800; font-size:26px; color:var(--ink); margin:0 0 2px; }
  .site { color:var(--muted); font-size:14px; word-break:break-all; }
  .bars { margin-top:14px; display:grid; gap:9px; }
  .bar { display:grid; grid-template-columns:160px 1fr 36px; gap:10px; align-items:center; font-size:14px; }
  .bar i { display:block; height:8px; border-radius:6px; background:var(--soft); overflow:hidden; }
  .bar i em { display:block; height:100%; border-radius:6px; }
  .bar b { color:var(--ink); text-align:right; }
  h2.sec { font-size:24px; margin:36px 0 14px; }
  .fix { background:#fff; border:1px solid var(--line); border-left:5px solid var(--bad); border-radius:14px; padding:16px 18px; margin-bottom:12px; }
  .fix.warn { border-left-color:var(--warn); }
  .fix b { display:block; color:var(--ink); }
  .fix p { margin:6px 0 4px; }
  .fix small { color:var(--muted); }
  details { background:#fff; border:1px solid var(--line); border-radius:14px; padding:12px 18px; }
  summary { cursor:pointer; font-weight:700; color:var(--ink); }
  .row { display:grid; grid-template-columns:26px 1fr; gap:8px; padding:9px 0; border-top:1px solid var(--line); font-size:14px; }
  .row small { color:var(--muted); display:block; }
  .rcta { margin:36px 0; background:linear-gradient(120deg, #0f1f45, #183a8a); color:#fff; border-radius:22px; padding:30px; }
  .rcta h2 { color:#fff; margin:0 0 6px; font-size:28px; }
  .rcta p { color:#c9d6f5; margin:0 0 16px; }
  .rcta .f { display:grid; grid-template-columns:1fr 1fr auto; gap:10px; }
  .rcta .field { border-color:transparent; }
  .rcta .ok { display:none; margin-top:12px; font-weight:600; color:#a7f3c0; }
  .rcta .walink { display:inline-block; margin-top:14px; color:#a7f3c0; font-weight:700; }
  @media (max-width: 640px) {
    .score { grid-template-columns:1fr; justify-items:center; text-align:center; }
    .bar { grid-template-columns:120px 1fr 32px; text-align:left; }
    .rcta .f { grid-template-columns:1fr; }
  }

  .biz { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-top:4px; font-size:14px; color:var(--muted); }
  .picks { display:grid; gap:10px; margin-top:16px; }
  .pick { text-align:left; background:#fff; border:1.5px solid var(--line); border-radius:14px; padding:14px 16px; cursor:pointer; font:inherit; color:var(--text); }
  .pick:hover { border-color:var(--blue); }
  .pick b { display:block; color:var(--ink); }
  .pick small { color:var(--muted); }
  .soon { display:none; margin-top:18px; background:var(--blue-l); border-radius:16px; padding:20px; }
  .soon b { color:var(--ink); display:block; margin-bottom:6px; }
  .soon .btn { margin:10px 10px 0 0; }
  table.comp { width:100%; border-collapse:collapse; background:#fff; border:1px solid var(--line); border-radius:14px; overflow:hidden; font-size:14px; }
  table.comp th, table.comp td { padding:10px 14px; text-align:left; border-top:1px solid var(--line); }
  table.comp th { background:var(--soft); color:var(--ink); border-top:0; }
  table.comp tr.you td { background:#f3f7ff; font-weight:700; color:var(--ink); }