/* Putting events page. Same visual language as game-modes.css: navy, gold, paper, Georgia headings. */
:root{color-scheme:light;--navy:#1b365d;--gold:#c8922a;--panel:#0b1729;--ink:#3d4c5e;--paper:#f5f5f0;--line:#d9dedf}
*{box-sizing:border-box}
html{scroll-padding-top:90px}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}
a{color:var(--navy);text-underline-offset:4px}
a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
img{max-width:100%;height:auto;display:block}
.guide{max-width:1120px;margin:auto;padding:28px 24px 0}
.back{font-size:13px;font-weight:700;text-decoration:none}
.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:800;color:#896017;margin:0 0 12px}
h1,h2,h3{color:var(--navy)}
h1,h2{font-family:Georgia,serif;line-height:1.1}
h1{font-size:clamp(42px,6vw,72px);letter-spacing:-.035em;margin:0 0 22px}
h2{font-size:34px;letter-spacing:-.02em;margin:0 0 23px}
h3{font-size:19px;line-height:1.3;margin:0 0 8px}
p{margin:0 0 16px}
section{padding-top:56px}
figure{margin:0}
figcaption{font-size:13px;color:#6a7686;margin-top:8px;text-align:center}
.hero{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:center;padding:50px 0 50px;border-bottom:1px solid var(--line)}
.lede{font-size:21px;line-height:1.5;color:var(--navy)}
.jump{display:inline-flex;gap:30px;align-items:center;border:1px solid var(--gold);border-radius:8px;padding:11px 20px;margin-top:6px;text-decoration:none;font-weight:700;background:#fff}
.jump:hover{background:#fbf4e5}
.hero-shot img{border-radius:14px;box-shadow:0 20px 50px rgba(11,23,41,.22)}
.grid{display:grid;gap:22px 30px}
.grid.three{grid-template-columns:repeat(3,1fr)}
.grid.two{grid-template-columns:repeat(2,1fr)}
.grid>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px}
.grid p{font-size:15px;margin:0}
.tradeshow .grid>div{border-top:4px solid var(--gold)}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:step}
.steps li{counter-increment:step;background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px}
.steps li::before{content:counter(step);display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--navy);color:#dba94d;font-weight:800;margin-bottom:12px}
.steps p{font-size:15px;margin:0}
.connection-note{font-size:14px;border-left:3px solid var(--gold);padding:12px 18px;background:#eeeee7;margin:20px 0 0}
.split{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:start}
.split img{border-radius:14px;border:1px solid var(--line)}
.next{margin-top:56px;padding:30px;border-radius:14px;background:var(--navy);color:#fff}
.next h2{color:#fff;font-size:28px}
.next p{color:#d5dce6;max-width:640px}
.next>div{display:flex;flex-wrap:wrap;gap:16px 30px}
.next a{color:#fff;font-size:14px;font-weight:700}
@media(max-width:900px){.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){
  .guide{padding:22px 18px 0}
  .hero,.split{grid-template-columns:1fr}
  .hero{padding:34px 0;gap:26px}
  .lede{font-size:19px}
  h2{font-size:29px}
  .grid.three,.grid.two,.steps{grid-template-columns:1fr}
  section{padding-top:40px}
  .next{padding:25px}
  .next>div{flex-direction:column}
}