/* Martin Backhouse footer: the edge of a blackjack table. Printed arc on the felt,
   links as casino chips on the rail, the 18+ notice on the table-limits placard */
.mb-foot{
  --m-felt-1:#0e4433; --m-felt-2:#082a20; --m-gold:#e8bd52; --m-amber:#ffb020; --m-cream:#f2ecd8; --m-soft:#cfc9b3;
  --m-burgundy:#7c2230; --m-line:rgba(232,189,82,.3);
  --m-display:-apple-system,"Segoe UI",Helvetica,Arial,sans-serif; --m-mono:Consolas,"Lucida Console",monospace;
  position:relative; text-align:center; color:var(--m-soft); font-family:Georgia,"Times New Roman",serif; line-height:1.55;
  background:
    repeating-linear-gradient(45deg, rgba(255,255,255,.012) 0 2px, transparent 2px 7px),
    radial-gradient(ellipse at 50% 0%, var(--m-felt-1), var(--m-felt-2) 72%);
  padding:56px 16px 0;
}
.mb-foot *{box-sizing:border-box;}
.mb-foot p{margin:0;}
.mb-foot p:not([class]){color:inherit; font-size:inherit; line-height:inherit;}
.mb-foot a{color:var(--m-gold);}
.mb-foot a:focus-visible,.mb-foot .kc-link:focus-visible{outline:3px solid var(--m-amber); outline-offset:3px;}
/* on the home page the footer keeps the diagonal seam of the sections above it */
.s-contact + .mb-foot{margin-top:-74px; padding-top:130px; clip-path:polygon(0 0,100% 74px,100% 100%,0 100%);}
.mb-table{max-width:820px; margin:0 auto;}
.mb-arc{display:block; width:100%; max-width:640px; height:auto; margin:0 auto 10px; color:var(--m-gold); overflow:visible;}
.mb-arc text{fill:var(--m-gold); font-family:var(--m-mono); font-size:19px; letter-spacing:5px;}
.mb-seat{font-family:var(--m-mono); font-size:.82rem; letter-spacing:1px; color:var(--m-cream); text-transform:uppercase;}

/* chips */
.mb-chips{list-style:none; display:flex; flex-wrap:wrap; justify-content:center; gap:18px 22px; margin:34px 0 36px; padding:0;}
.mb-chip{
  --c:var(--m-gold); --t:#1a1206;
  position:relative; display:grid; place-items:center; width:96px; height:96px; border-radius:50%; text-decoration:none;
  background:
    radial-gradient(circle, var(--c) 0 55%, transparent 56%),
    repeating-conic-gradient(from 8deg, var(--m-cream) 0 14deg, var(--c) 14deg 45deg);
  box-shadow:0 0 0 2px rgba(0,0,0,.35), 0 6px 0 -1px rgba(0,0,0,.35), 0 12px 18px rgba(0,0,0,.4);
  transition:transform .2s cubic-bezier(.16,1,.3,1);
}
.mb-chip::before{content:""; position:absolute; inset:17px; border-radius:50%; border:2px dashed rgba(242,236,216,.55);}
.mb-chip span{position:relative; max-width:64px; font-family:var(--m-display); font-weight:800; font-size:.8rem; line-height:1.15; letter-spacing:0; color:var(--t);}
.mb-chip--red{--c:var(--m-burgundy); --t:var(--m-cream);}
.mb-chip--blue{--c:#1d3c73; --t:var(--m-cream);}
.mb-chip--black{--c:#17140f; --t:var(--m-cream);}
.mb-chip:hover{transform:translateY(-6px);}
.mb-chip[aria-current="page"]{box-shadow:0 0 0 3px var(--m-amber), 0 6px 0 -1px rgba(0,0,0,.35), 0 12px 18px rgba(0,0,0,.4);}

/* table-limits placard */
.mb-placard{max-width:560px; margin:0 auto 34px; padding:16px 22px 18px; border:2px solid var(--m-gold); border-radius:6px;
  background:rgba(3,20,14,.55); color:var(--m-cream); font-size:.9rem;}
.mb-placard-t{font-size:.9rem;}
.mb-placard-k{font-family:var(--m-mono); font-size:.72rem; letter-spacing:3px; text-transform:uppercase; color:var(--m-amber); margin-bottom:6px !important;}

/* padded rail along the bottom */
.mb-rail{display:flex; flex-wrap:wrap; justify-content:center; gap:4px 28px; margin:0 -16px !important; padding:18px 16px 16px; text-align:center;
  background:linear-gradient(180deg, #3a2414, #24160c); border-top:3px solid #5a3a20;
  font-family:var(--m-mono); font-size:.78rem; color:#e6d9bd;}
.mb-foot .kc-foot{margin:0 -16px; padding:0 16px 16px; background:#24160c; font-family:var(--m-mono); font-size:.78rem; color:#e6d9bd;}
.mb-foot .kc-foot a,.mb-foot .kc-foot .kc-link{color:var(--m-gold);}
@media (max-width:480px){
  .mb-chips{gap:16px 22px; max-width:240px; margin-left:auto; margin-right:auto;}
  .mb-chip{width:88px; height:88px;}
  .mb-chip::before{inset:15px;}
  .mb-arc text{font-size:22px; letter-spacing:3px;}
}
@media (prefers-reduced-motion:reduce){ .mb-chip{transition:none;} .mb-chip:hover{transform:none;} }
/* the 404 page centres its content in a flex row: stack the footer under it */
body:has(> footer.mb-foot):not(:has(.hero)){flex-direction:column; align-items:stretch;}
body:has(> footer.mb-foot):not(:has(.hero)) > .wrap{margin-left:auto; margin-right:auto;}
/* a11y-contrast */.ladder-note,.tap-hint{color:#b3ad98}.contact-note{color:#b8b19c}.contact-note a,.consent-row a,form a{color:#e8d9a8}/* /a11y-contrast */