/* ============================================================
   07-booth.css
   工業会ブースと会場図
   読み込み順は index.html の <link> の並びが正。順番を変えると見た目が変わる。
   ============================================================ */
#booth{background:var(--navy);color:var(--white);overflow:hidden}
#booth::before{
  content:'';position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:24px 24px;pointer-events:none;
}
#booth .section-inner{position:relative;z-index:2}
#booth .mp-tag{color:#a4b0e0}
#booth .mp-tag::before{
  background:
    linear-gradient(90deg,var(--yellow) 1.5px,transparent 1.5px) 0 0/11px 8px repeat-x,
    linear-gradient(var(--yellow),var(--yellow)) 0 100%/100% 1.5px no-repeat;
}
#booth .section-title{color:var(--white)}
#booth .section-title em{color:var(--yellow)}
#booth .section-lead{color:#b7c0e8}

.booth-grid{margin-top:40px;display:grid;grid-template-columns:.95fr 1.05fr;gap:34px;align-items:stretch}
.booth-no-big{
  background:var(--white);color:var(--navy);border-radius:var(--radius);
  padding:28px 30px;box-shadow:0 24px 50px rgba(0,0,0,.3);
  display:flex;flex-direction:column;justify-content:center;
}
.booth-no-big .k{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.2em;color:var(--ink-soft)}
.booth-no-big .hall{font-weight:900;font-size:1.3rem;margin-top:6px}
.booth-no-big .no{
  font-family:var(--font-mono);font-weight:700;font-size:clamp(2.8rem,8vw,4rem);
  line-height:1.05;letter-spacing:.01em;margin-top:2px;
}
.booth-no-big .no span{color:var(--red)}
.booth-no-big .note{
  font-size:.88rem;color:var(--ink-soft);margin:14px 0 0;
  border-top:1px dashed var(--line-strong);padding-top:14px;line-height:1.9;
}
.booth-no-big .note>span{display:inline-block}
.booth-map{
  margin:0;background:var(--white);border-radius:26px;
  padding:22px 20px;box-shadow:0 24px 50px rgba(0,0,0,.3);
}
.poster-map{width:100%;height:auto;display:block}