/* Blocks the editor's AI assistant puts inside a report (the article page, the editor and its preview all load this):
   .h360-info   — an in-article infographic: a title, 2–4 numbers, optional steps, the source (the brand's night card)
   .h360-figure — a picture placed in the text, with its caption */
.h360-info { margin: 2em 0; padding: 1.4rem 1.4rem 1.1rem; border-radius: 1.25rem; color: #ECE9FA; font-family: 'IBM Plex Sans Arabic', sans-serif; line-height: 1.7;
  background: radial-gradient(120% 140% at 85% 0%, #2A1A6E 0%, #120B36 55%, #0A0624 100%); box-shadow: 0 10px 30px rgba(18, 11, 54, .18); }
.h360-info .h360-info-title { margin: 0 0 1rem; font-weight: 800; font-size: 1.25em; color: #fff; }
.h360-info .h360-info-title::before { content: ""; display: inline-block; width: 1.6em; height: .35em; margin-left: .55em; vertical-align: middle; border-radius: 2px;
  background: linear-gradient(90deg, #7AD6E3, #BA73DE); transform: skewX(-24deg); }
.h360-info .h360-info-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: .75rem; }
.h360-info .h360-info-stat { padding: .9rem 1rem; border-radius: 1rem; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .08); }
.h360-info .h360-info-stat:first-child { background: linear-gradient(225deg, #BA73DE, #1B4DA8); border: 0; }
.h360-info .h360-info-stat strong { display: block; font-size: 1.9em; line-height: 1.15; font-weight: 800; color: #7AD6E3; direction: ltr; text-align: right; unicode-bidi: plaintext; }
.h360-info .h360-info-stat:first-child strong { color: #fff; }
.h360-info .h360-info-stat span { display: block; margin-top: .25rem; font-size: .9em; color: #C9C3EA; }
.h360-info .h360-info-stat:first-child span { color: #fff; }
.h360-info .h360-info-steps { list-style: none; counter-reset: s; margin: 1rem 0 0; padding: 0; display: grid; gap: .5rem; }
.h360-info .h360-info-steps li { counter-increment: s; position: relative; padding: .55rem 2.6rem .55rem .8rem; border-radius: .8rem; background: rgba(255, 255, 255, .05); font-size: .95em; }
.h360-info .h360-info-steps li::before { content: counter(s); position: absolute; right: .7rem; top: .55rem; width: 1.5rem; height: 1.5rem; border-radius: .45rem;
  background: rgba(122, 214, 227, .15); color: #7AD6E3; font-weight: 800; display: flex; align-items: center; justify-content: center; font-size: .85em; }
.h360-info .h360-info-steps strong { color: #fff; margin-left: .3em; }
.h360-info .h360-info-source { margin: .9rem 0 0; font-size: .78em; color: #918BB8; }
.h360-figure { margin: 2em 0; }
.h360-figure img { width: 100%; height: auto; border-radius: 1rem; display: block; }
.h360-figure figcaption { margin-top: .5rem; font-size: .8em; color: #94a3b8; font-family: 'IBM Plex Sans Arabic', sans-serif; }