/* ArenaPlus Milestones – front end. Scoped to .apm. */
.apm{--apm-acc:#fd6017;--apm-acc2:#fd9019;--apm-link:#C2410C;--apm-head:#111111;--apm-tx:#2E2E2E;--apm-mu:#6B6B6B;--apm-line:#E8E5E2;--apm-soft:#F6F5F4;--apm-tint:#FFF0E6;--apm-tline:#FFD9BF;--apm-hero:#FFE3CF;
  --apm-fh:'Hubot Sans',Poppins,ui-sans-serif,system-ui,sans-serif;--apm-fb:Poppins,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  font-family:var(--apm-fb);color:var(--apm-tx);font-size:16px;line-height:1.6;width:100%;-webkit-font-smoothing:antialiased}
.apm *,.apm *::before,.apm *::after{box-sizing:border-box}
.apm-wrap{max-width:1180px;margin:0 auto;width:100%}
.apm ol,.apm ul{list-style:none;margin:0;padding:0}
.apm li{margin:0}

/* Hero (gradient reaches the screen edges even in a boxed page) */
.apm-hero{padding:56px 24px 36px;background:linear-gradient(180deg,var(--apm-hero),#fff);border-image:linear-gradient(180deg,var(--apm-hero),#fff) fill 0/0/0 100vmax}
.apm-crumb{font-size:13px;color:var(--apm-mu);margin:0 0 16px}
.apm .apm-crumb a{color:var(--apm-mu);text-decoration:none}.apm .apm-crumb a:hover{color:var(--apm-link)}
.apm .apm-eyebrow{margin:0 0 10px;font:600 14px/1.4 var(--apm-fb);color:var(--apm-link)}
.apm .apm-h1{margin:0;max-width:24ch;color:var(--apm-head);font-family:var(--apm-fh);font-size:clamp(36px,5vw,56px);font-weight:800;line-height:1.04;letter-spacing:-1px;text-transform:none}
.apm .apm-lead{margin:16px 0 0;max-width:720px;font-size:19px;line-height:1.55;color:var(--apm-tx)}
.apm-main{padding:8px 24px 72px}

/* Timeline */
.apm-year{display:grid;grid-template-columns:160px minmax(0,1fr);gap:24px;padding:32px 0;border-top:1px solid var(--apm-line)}
.apm .apm-y{margin:0;font:900 44px/1 var(--apm-fh);color:var(--apm-head);letter-spacing:-1px;text-transform:none;position:sticky;top:110px;align-self:start}
.apm-items{display:flex;flex-direction:column;gap:22px}
.apm-item{display:grid;grid-template-columns:12px minmax(0,1fr);gap:18px}
.apm-mark{display:block;width:12px;border-radius:999px;border:3px solid var(--apm-acc);min-height:48px}
.apm-item--award .apm-mark{background:var(--apm-acc)}
.apm-tag{display:inline-block;font-size:12px;font-weight:600;line-height:1.5;color:var(--apm-link);background:var(--apm-tint);padding:2px 10px;border-radius:999px}
.apm .apm-item h3{margin:6px 0 0;font:600 19px/1.35 var(--apm-fb);color:var(--apm-head);text-transform:none;letter-spacing:0}
.apm-item p{margin:4px 0 0;font-size:15.5px;line-height:1.6;color:#55575E;max-width:68ch}

/* Speaking engagements */
.apm-talks{margin-top:40px}
.apm .apm-h2{margin:0 0 6px;color:var(--apm-head);font-family:var(--apm-fh);font-size:32px;font-weight:800;line-height:1.1;letter-spacing:-.5px;text-transform:none}
.apm-talks li{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;padding:20px 0;border-top:1px solid var(--apm-line)}
.apm-talks li:first-child{border-top:0}
.apm-talks b{font:900 22px/1.15 var(--apm-fh);color:var(--apm-link);letter-spacing:-.3px}
.apm-talks p{margin:0;font-size:15.5px;line-height:1.6}

/* Responsible gaming */
.apm-band{margin-top:48px;display:flex;align-items:center;gap:24px;padding:28px 32px;border-radius:20px;background:var(--apm-soft)}
.apm-band>div{flex:1;min-width:0}
.apm .apm-band h2{margin:0 0 6px;color:var(--apm-head);font-family:var(--apm-fh);font-size:30px;font-weight:800;line-height:1.1;letter-spacing:-.4px;text-transform:none}
.apm-band p{margin:0;font-size:14.5px;line-height:1.6}
.apm-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px!important}
.apm-chips a,.apm-chips span{display:inline-flex;padding:8px 16px;border-radius:999px;background:var(--apm-tint);border:1px solid var(--apm-tline);color:var(--apm-head);font:500 14px/1.3 var(--apm-fb);text-decoration:none}
.apm .apm-chips a:hover{border-color:var(--apm-acc);color:var(--apm-link)}
.apm .apm-btn{display:inline-flex;white-space:nowrap;padding:13px 22px;border-radius:999px;border:1px solid var(--apm-line);background:#fff;color:var(--apm-head);font:600 15px/1.2 var(--apm-fb);text-decoration:none;align-self:flex-start}
.apm .apm-btn:hover{border-color:var(--apm-tline);color:var(--apm-link)}

@media(max-width:767px){
  .apm-hero{padding:36px 16px 24px}.apm .apm-lead{font-size:17px}.apm-main{padding:0 16px 48px}
  .apm-year{grid-template-columns:minmax(0,1fr);gap:16px;padding:28px 0}
  .apm .apm-y{position:static;font-size:36px}
  .apm .apm-item h3{font-size:17px}.apm-item p{font-size:15px}
  .apm .apm-h2{font-size:26px}
  .apm-talks li{grid-template-columns:minmax(0,1fr);gap:6px}
  .apm-band{flex-direction:column;align-items:flex-start;padding:24px}.apm .apm-band h2{font-size:24px}
}