/* 2026-11-06 X100: per-show sections (signature number, AI summary, booth plan, insider notes) and
   per-category looks for the software & cloud pages. Loaded only on pages that carry the new fields. */
.x100{--x-acc:var(--k,#6d3fd9);--x-dark:var(--sk-dark,#15121f);--x-ink:#f4f1ff;--x-line:rgba(255,255,255,.14)}
.x100 .x-sum{font-size:1.18rem;line-height:1.6;margin:14px 0 0;padding:14px 0 14px 18px;border-left:4px solid var(--x-acc);max-width:62ch}

/* signature band */
.x-sig{position:relative;overflow:hidden;background:var(--x-dark);color:var(--x-ink);padding:clamp(48px,8vw,96px) 0;isolation:isolate}
.x-sig::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.9;background-image:var(--x-pat);background-size:var(--x-pat-size,auto)}
.x-sig::after{content:"";position:absolute;right:-12vw;top:-30%;width:60vw;height:160%;z-index:-1;background:radial-gradient(closest-side,color-mix(in srgb,var(--x-acc) 55%,transparent),transparent);opacity:.55}
.x-sig .x-kick{font-family:var(--head,inherit);font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;opacity:.8;margin:0}
.x-sig .x-num{font-family:var(--serif,inherit);font-weight:700;font-size:clamp(4.2rem,15vw,11rem);line-height:.9;letter-spacing:-.04em;margin:.12em 0 .08em;color:var(--x-acc);text-shadow:0 0 40px color-mix(in srgb,var(--x-acc) 40%,transparent)}
.x-sig .x-lab{font-size:clamp(1.1rem,2.4vw,1.6rem);max-width:30ch;margin:0;line-height:1.35}
.x-sig .src{color:inherit;opacity:.7;font-size:.8rem}

/* booth plan */
.x-play .x-plan{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:26px;padding:16px;border:2px dashed color-mix(in srgb,var(--x-acc) 60%,#999);border-radius:14px;background:repeating-linear-gradient(0deg,transparent 0 23px,color-mix(in srgb,var(--x-acc) 9%,transparent) 23px 24px),repeating-linear-gradient(90deg,transparent 0 23px,color-mix(in srgb,var(--x-acc) 9%,transparent) 23px 24px)}
.x-play .x-zone{background:var(--sk-paper,#fff);border:1px solid var(--sk-line,#e5e5ef);border-radius:10px;padding:16px 16px 14px;position:relative}
.x-play .x-zn{display:inline-block;font-family:var(--head,inherit);font-size:.78rem;font-weight:700;color:#fff;background:var(--x-acc);border-radius:999px;padding:3px 10px;margin-bottom:8px}
.x-play .x-zone h3{margin:0 0 6px;font-size:1.08rem}
.x-play .x-zone p{margin:0;font-size:.96rem}
.x-play .x-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-top:24px}
.x-play .x-two h3{margin:0 0 6px}
.x-play .x-wall{margin:30px 0 0;background:var(--x-dark);color:var(--x-ink);border-radius:16px;padding:clamp(28px,5vw,52px);text-align:center}
.x-play .x-wall blockquote{margin:0;font-family:var(--serif,inherit);font-weight:700;font-size:clamp(1.7rem,4.4vw,3.2rem);line-height:1.08;letter-spacing:-.02em}
.x-play .x-wall figcaption{margin-top:12px;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;opacity:.7}

/* insider notes */
.x-ins .x-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;margin-top:22px}
.x-ins .x-tips{counter-reset:t;list-style:none;margin:0;padding:0}
.x-ins .x-tips li{counter-increment:t;position:relative;padding:14px 0 14px 58px;border-top:1px solid var(--sk-line,#e5e5ef)}
.x-ins .x-tips li::before{content:counter(t,decimal-leading-zero);position:absolute;left:0;top:10px;font-family:var(--serif,inherit);font-weight:700;font-size:1.9rem;color:var(--x-acc);line-height:1}
.x-ins .x-tips p{margin:0}
.x-ins .x-meet{background:var(--x-dark);color:var(--x-ink);border-radius:16px;padding:22px}
.x-ins .x-meet h3{margin:0 0 10px}
.x-ins .x-who{padding:12px 0;border-top:1px solid var(--x-line)}
.x-ins .x-who b{color:var(--x-acc);filter:brightness(1.35)}
.x-ins .x-who p{margin:4px 0 0;font-size:.95rem;opacity:.92}
@media (max-width:760px){.x-ins .x-grid{grid-template-columns:1fr}.x-play .x-plan{padding:10px}}

/* per-category looks: each software world gets its own pattern behind the signature band and the hero rule */
.swc-cloud-devops{--x-pat:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 28px),repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 28px)}
.swc-cybersecurity{--x-pat:repeating-linear-gradient(0deg,rgba(0,255,140,.07) 0 1px,transparent 1px 4px);--x-dark:#07110d}
.swc-fintech-payments{--x-pat:repeating-linear-gradient(0deg,rgba(255,215,140,.09) 0 1px,transparent 1px 34px),linear-gradient(90deg,transparent 0 92px,rgba(255,120,120,.18) 92px 93px,transparent 93px);--x-dark:#0f1220}
.swc-martech-commerce{--x-pat:radial-gradient(circle at 15% 30%,rgba(255,110,180,.28),transparent 40%),radial-gradient(circle at 85% 70%,rgba(110,200,255,.25),transparent 45%);--x-dark:#1b1030}
.swc-data-ai{--x-pat:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1.5px);--x-pat-size:18px 18px;--x-dark:#0b1020}
.swc-enterprise-apps{--x-pat:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 2px,transparent 2px 120px);--x-dark:#111827}
.swc-vertical-tech{--x-pat:repeating-radial-gradient(circle at 30% 120%,rgba(255,255,255,.07) 0 1px,transparent 1px 22px);--x-dark:#10201c}
.x100 .x-ins .x-meet h3,.x100 .x-play .x-wall blockquote,.x100 .x-sig .x-lab{color:var(--x-ink)}
.x100 .x-ins .x-meet h3{font-size:1.15rem;margin-bottom:6px}
/* hero: keep the cover face clear; the two Purple booth cards sit side by side along the bottom edge of the photo */
@media (min-width:761px){
  .x100 .sk-cover{position:relative}
  .x100 .sk-cover .skc-in{position:static}
  .x100 .sk-cover .skc-cards{position:absolute;right:28px;bottom:26px;z-index:4;flex-direction:row;align-items:flex-end;gap:16px;width:auto}
  .x100 .sk-cover .skc-cards>figure,.x100 .sk-cover .skc-cards>figure+figure{width:210px;margin:0}
  .x100 .sk-cover .skc-cards>figure:first-of-type{transform:rotate(-1.5deg)}
  .x100 .sk-cover .skc-cards>figure+figure{transform:rotate(1.8deg)}
  .x100 .sk-cover .skc-card figcaption{font-size:.72rem}
  .x100 .sk-cover .skc-sticker{left:auto;right:-18px;top:-74px;width:96px;height:96px}
  .x100 .skc-img img{object-position:50% 18%}
}