/* Affiliate "i" info icons + popover (js/aff-info.js). */
[data-info]{position:relative}
.ai-i{position:absolute;top:8px;right:8px;width:22px;height:22px;padding:0;border-radius:50%;
  border:1px solid rgba(201,168,76,.45);background:rgba(10,10,10,.6);color:#E8C97A;
  font:italic 600 12px/20px Georgia,'Times New Roman',serif;text-align:center;cursor:pointer;z-index:2;-webkit-tap-highlight-color:transparent}
.ai-i::before{content:"";position:absolute;inset:-11px}   /* 44px tap target */
.ai-i:hover,.ai-i[aria-expanded="true"]{background:#C9A84C;color:#0A0A0A;border-color:#C9A84C}
.ai-i:focus-visible{outline:2px solid #E8C97A;outline-offset:2px}
.ai-pop{position:fixed;z-index:1000;width:max-content;max-width:300px;padding:11px 13px;border-radius:10px;
  background:#151515;border:1px solid rgba(201,168,76,.45);box-shadow:0 12px 34px rgba(0,0,0,.6);
  color:#F0E8D6;font:400 13.5px/1.5 'Inter','IBM Plex Sans',system-ui,sans-serif;
  letter-spacing:0;text-transform:none;text-align:left;white-space:normal}
.ai-pop[hidden]{display:none}
/* keep card titles clear of the icon */
[data-info]>h2,[data-info]>h3,[data-info]>.k,[data-info]>.sk{padding-right:30px}
/* variants: .ai-inline = icon beside a small stat; .ai-top = icon on its own strip above a table */
.ai-inline{padding-right:30px}.ai-inline>.ai-i{top:0;right:0}
.ai-top{padding-top:32px}.ai-top>.ai-i{top:0;right:0}