/* Round 20: light silver header plates on every home content box (replaces /assets/steel.jpg).
   Plate art: /assets/ui/panel-header-light.png drawn with border-image slice 60 70 fill (bevel never squashed).
   Drawn on ::before so box sizes, padding and layout stay exactly as before. No CSS shadows on the plates or buttons. */
html body.club-site .home .box > h3:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o):not(#_p),
html body.club-site .home .box > .arrow-bar:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o):not(#_p),
html body.club-site .home .box > .box-foot:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o):not(#_p) {
  background: none !important; box-shadow: none !important; border-top-color: transparent !important; border-bottom-color: transparent !important;
  isolation: isolate;
}
html body.club-site .home .box > h3:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o):not(#_p)::before,
html body.club-site .home .box > .arrow-bar:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o):not(#_p)::before,
html body.club-site .home .box > .box-foot:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o):not(#_p)::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; box-sizing: border-box;
  border-style: solid; border-width: 15px 17px; border-color: transparent;
  border-image: var(--home-plate, url("/assets/ui/panel-header-light.png")) 60 70 fill / 15px 17px stretch;
}
/* Box footers sit below the box edge by 1px borders: keep that geometry, just paint the plate. */
html body.club-site .home .box > .box-foot:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o):not(#_p)::before { inset: -1px 0; }
/* Dark stamped title text */
html body.club-site .home .box > h3:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o):not(#_p),
html body.club-site .home .box > .arrow-bar:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o):not(#_p) .arrow-title,
html body.club-site .home .pm-label:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o):not(#_p),
html body.club-site .home .box > .box-foot:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o):not(#_p) a.more {
  color: #2c343a !important; text-shadow: 0 1px 0 rgba(255,255,255,.8) !important;
}
/* Round knob arrows -> green bubble buttons (raised; pressed while held). Same size and position; no shadow. */
html body.club-site .home :is(#prev, #tops-prev):not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o):not(#_p),
html body.club-site .home :is(#next, #tops-next):not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o):not(#_p) {
  background: url("/assets/ui/btn-arrow-left-raised-light.png") center / 100% 100% no-repeat !important;
  box-shadow: none !important; filter: none !important; border: 0 !important; color: transparent !important; font-size: 0 !important; text-shadow: none !important;
  -webkit-tap-highlight-color: transparent; transition: background-image 90ms ease !important;
}
html body.club-site .home :is(#next, #tops-next):not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o):not(#_p) { background-image: url("/assets/ui/btn-arrow-right-raised-light.png") !important; }
html body.club-site .home :is(#prev, #tops-prev):not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o):not(#_p):hover,
html body.club-site .home :is(#next, #tops-next):not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o):not(#_p):hover { box-shadow: none !important; filter: none !important; transform: none !important; }
html body.club-site .home :is(#prev, #tops-prev):not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o):not(#_p):active,
html body.club-site .home :is(#prev, #tops-prev):not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o):not(#_p).is-pressed { background-image: url("/assets/ui/btn-arrow-left-pressed-light.png") !important; box-shadow: none !important; filter: none !important; transform: none !important; }
html body.club-site .home :is(#next, #tops-next):not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o):not(#_p):active,
html body.club-site .home :is(#next, #tops-next):not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o):not(#_p).is-pressed { background-image: url("/assets/ui/btn-arrow-right-pressed-light.png") !important; box-shadow: none !important; filter: none !important; transform: none !important; }

/* Practice Mode box and Top 7 headers: three-piece plate (left / mid / right) stretched to the full height without
   squashing. Left and right caps keep their 80:200 shape (width = 0.4 x height); the middle piece fills the gap between
   them (--plate-h is the element's live height, set by the small script in index.html). Sockets, balls and their CSS are untouched. */
html body.club-site .home .box > .box-foot.pm-foot:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o):not(#_p),
html body.club-site .home .tops .box > h3:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o):not(#_p) {
  background: url("/assets/ui/panel-header-light-mid.png") center / calc(100% - 0.8 * var(--plate-h, 150px) + 2px) 100% no-repeat !important;
}
html body.club-site .home .box > .box-foot.pm-foot:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o):not(#_p)::before,
html body.club-site .home .tops .box > h3:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o):not(#_p)::before,
html body.club-site .home .box > .box-foot.pm-foot:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o):not(#_p)::after,
html body.club-site .home .tops .box > h3:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o):not(#_p)::after {
  content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: auto; inset-inline: auto; width: auto; height: auto; aspect-ratio: 80 / 200;
  z-index: -1; pointer-events: none; border: 0 !important; border-image: none !important;
  background: url("/assets/ui/panel-header-light-left.png") left center / 100% 100% no-repeat;
}
html body.club-site .home .box > .box-foot.pm-foot:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o):not(#_p)::before, html body.club-site .home .tops .box > h3:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o):not(#_p)::before { left: 0; }
html body.club-site .home .box > .box-foot.pm-foot:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o):not(#_p)::after,
html body.club-site .home .tops .box > h3:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o):not(#_p)::after { left: auto; right: 0; background-image: url("/assets/ui/panel-header-light-right.png"); }