/* Minimal shared styles for privacy.html and terms.html */
:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-card:#1e293b;--bg-elevated:#334155;--border:#334155;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#b6c3d4;--accent:#22c55e;--accent-light:#4ade80;--radius:12px;--radius-sm:8px}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}
.container{max-width:1200px;margin:0 auto;padding:0 1.25rem}
.site-header{position:sticky;top:0;z-index:50;background:rgba(15,23,42,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;gap:1rem}
.logo{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:800;color:var(--text-primary);text-decoration:none}
.logo-emoji{font-size:1.75rem}
.logo .accent{color:var(--accent-light)}
.prose{max-width:800px;margin:0 auto;color:var(--text-secondary)}
.prose h1{color:var(--text-primary);font-size:2rem;margin-bottom:1rem}
.prose h3{color:var(--accent-light);margin:1.5rem 0 .75rem;font-size:1.2rem}
.prose p{margin-bottom:1rem}
.prose ul,.prose ol{margin:0 0 1rem 1.5rem}
.prose li{margin-bottom:.4rem}
.prose a{color:var(--accent-light);text-decoration:underline}
.prose code{background:var(--bg-elevated);padding:.15rem .4rem;border-radius:4px;font-family:monospace;font-size:.9em;color:var(--accent-light)}
section{padding:2rem 0}
.site-footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:1.5rem 0;margin-top:3rem;text-align:center;color:var(--text-muted);font-size:.85rem}


/* Item icons for tables — source art comes in wildly inconsistent aspect
   ratios (e.g. a 64x23 wide-and-short crop next to a 39x64 tall one), so a
   plain object-fit:contain box makes some icons look tiny and others fill
   the row. Giving every icon a fixed square "chip" (background + padding)
   normalizes the visual footprint regardless of the source image's shape. */
.item-icon {
  width: 28px;
  height: 28px;
  object-fit: contain;
  vertical-align: middle;
  margin-right: 8px;
  padding: 3px;
  box-sizing: border-box;
  background: rgba(255,255,255,.06);
  border-radius: 6px;
  flex-shrink: 0;
}