/* European Seller Conference - GEO additions (2026-10-22, FAQ move). Load after style.css.
   1) Small GEO copy blocks (VIP answer above the footer, venue address line), palette as style.css:
      white, charcoal #2C2C2C (--c), body grey #444.
   2) Former inline style="" attributes moved to classes (identical rendering).
      Utilities use !important because they replace inline styles, which always won before. */

/* 1) GEO copy blocks
      The "What is ...?" answers live in the FAQ accordions (homepage, Barcamp) and use the existing .fq styles.
      VIP has no FAQ section, so its answer sits quietly at the end of <main>, just above the footer. */
.qa-end{padding:0 0 var(--sec-s)}
.qa-end .wrap>*{max-width:820px}
.qa-end h2{padding-top:32px;border-top:1px solid var(--line);font-size:22px;line-height:1.3;font-weight:700;letter-spacing:0;color:var(--c)}
.qa-end p{margin-top:10px;font-size:16px;line-height:1.65;color:#444}
/* homepage intro: the eyebrow label is a real <h2> ("What is European Seller Conference?") with the same small orange look */
.intro h2.intro-q{margin:0}
.venue p.addr{margin-top:14px}
.venue p.addr strong{color:var(--c)}

/* 2) former inline styles */
.nw{white-space:nowrap}
.mt8{margin-top:8px!important}
.mt14{margin-top:14px!important}
.mt20{margin-top:20px!important}
.mt22{margin-top:22px!important}
.mt24{margin-top:24px!important}
.mt28{margin-top:28px!important}
.mt36{margin-top:36px!important}
.mb20{margin-bottom:20px!important}
.c444{color:#444!important}
.pt0{padding-top:0!important}
.pt{padding-top:var(--sec)!important}
.pb{padding-bottom:var(--sec)!important}
.pt-s{padding-top:var(--sec-s)!important}
.pb-s{padding-bottom:var(--sec-s)!important}
.ai-start{align-items:start!important}
.mw-none{max-width:none!important}
.cols3{--cols:3}
.ws-img{border-radius:22px;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}