/* Shared style for every extension's policy page: /extensions/<name>/privacy/ */
:root{--bg:#06060b;--fg:#e4e4ee;--dim:#8a8aa0;--a:#7c5cff;--b:#00e5c3;--c:#ff4fd8}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.7 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  background-image:radial-gradient(60vmax 40vmax at 0% -10%,rgba(124,92,255,.28),transparent 60%),
    radial-gradient(50vmax 35vmax at 110% 0%,rgba(0,229,195,.14),transparent 60%);background-attachment:fixed}
header{max-width:760px;margin:0 auto;padding:28px 16px 0;font-family:"JetBrains Mono",ui-monospace,Consolas,monospace;font-size:13px;color:var(--dim);
  display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.logo{font-weight:800;font-size:20px;text-decoration:none;background:linear-gradient(100deg,var(--a),var(--c) 50%,var(--b));
  -webkit-background-clip:text;background-clip:text;color:transparent}
article{max-width:760px;margin:24px auto 64px;padding:clamp(24px,5vw,44px);border:1px solid rgba(255,255,255,.1);border-radius:16px;
  background:rgba(14,14,24,.6);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
@media (max-width:800px){article{margin:20px 16px 48px}}
h1{font-family:"JetBrains Mono",ui-monospace,Consolas,monospace;font-size:clamp(26px,5vw,34px);line-height:1.2;margin:0 0 6px;letter-spacing:-.02em}
h2{font-size:18px;margin:32px 0 6px;color:#fff}
.meta{color:var(--dim);margin-top:0}
p{margin:0 0 14px}
a{color:var(--b)}

/* extension list: icon + name cards */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-top:20px}
.card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:14px;text-decoration:none;color:var(--fg);
  border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);transition:transform .2s,border-color .2s}
.card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.3)}
.card img{width:48px;height:48px;border-radius:12px}
.card b{display:block;font-size:16px}
.card small{color:var(--dim);font-size:13px}

/* extension product page */
.hero{display:flex;align-items:center;gap:18px;margin-bottom:8px}
.hero img{width:72px;height:72px;border-radius:18px;box-shadow:0 10px 40px rgba(124,92,255,.35)}
.hero h1{margin:0}
.lede{font-size:18px;color:#fff}
.badge{display:inline-block;margin:6px 0 4px;padding:8px 14px;border-radius:999px;font-size:13px;color:var(--fg);
  border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05)}
.shot{display:block;width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.1);margin:14px 0}
.steps{padding-left:22px;margin:0 0 14px}
.steps li{margin-bottom:6px}
.foot{margin-top:36px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);font-size:14px;color:var(--dim)}