/* ══════════════════════════════════════════════════════════════════════════
   /case-study/dicemasters-backgammon-platform-case-study — page-isolated stylesheet
   AISHTMLNEWDESIGN-554  (meta + schema: AISHTMLNEWDESIGN-282)

   Visual direction: "WALNUT & IVORY".

   A backgammon board is made of exactly two materials and one metal, and this
   page is built from the same three and nothing else:

     · IVORY   — the board field (#f6f1e6). The page's dominant surface, and
                 the ground under every prose section.
     · WALNUT  — the board frame (#2b1c12), deepening to EBONY (#1a1009) for
                 the results band. Used as punctuation between ivory sections,
                 never as the page's ground.
     · BRASS   — the hinge (#b07d2a). The single accent that carries an action.
                 One action hue. No gradient family, no glow, no second signal.

   BURGUNDY (#8c2f3a) exists only as an index mark — the alternating point
   colour — and appears at 26px and below. It never becomes a surface.

   Composition motif: the POINT (an upward triangle, drawn with clip-path or a
   two-gradient sawtooth — geometry, never an image), the CHECKER (a stacked
   disc carrying an ordinal) and the DOUBLING CUBE (a square plate carrying a
   figure). Sections are composed as a centred hero, a jump list, an asymmetric
   label/prose split, a vertical checker stack, a three-column mapping table, a
   cube row, a point row and an address grid — no two sections repeat a layout,
   and there is no three-up feature-card grid anywhere on the page.

   Every rule is scoped to #page-case-study-dicemasters-backgammon-platform-case-study, so this file can never touch the shared
   header/footer, which is owned by /assets/css/ais-*.css + /assets/js/ais-header.js
   and ais-footer.js. The UA body-margin reset is NOT restated here —
   /assets/css/ais-layout.css owns it (skill section 33).

   Design contract (frontend-design SKILL.md):
     · rule  1 — Inter is the primary family
     · rule  2 — nothing below 16px, anywhere, including labels and captions
     · rule 23 — no slate-gray body copy on light surfaces (#2c2419 floor)
     · rule 24 — image-free full-bleed hero, static gradient, centred ~900px column
     · rule 25 — one CTA per section, every label unique page-wide
     · rule 26 — no running animation: zero @keyframes, zero 'infinite';
                 transitions only, each a finite response to hover/focus/click
   ══════════════════════════════════════════════════════════════════════════ */

#page-case-study-dicemasters-backgammon-platform-case-study{
  /* ── palette ─────────────────────────────────────────────────────────── */
  --ivory:#f6f1e6;          /* board field — the page's ground        */
  --ivory-2:#ece3d1;        /* deeper field                           */
  --paper:#ffffff;
  --line:#ddd2ba;           /* hairline on ivory                      */
  --line-strong:#c4b596;
  --walnut:#2b1c12;         /* board frame — punctuation only         */
  --walnut-2:#3a2718;
  --ebony:#1a1009;          /* the deepest band                       */
  --body:#2c2419;           /* AA on ivory                            */
  --body-light:#e6dccb;     /* AA on walnut                           */
  --strong:#1d1509;
  --brass:#b07d2a;          /* the one signal                         */
  --brass-deep:#7d560f;     /* the signal hue that passes AA on ivory */
  --brass-soft:#e2b76a;     /* the signal on walnut                   */
  --burgundy:#8c2f3a;       /* index mark only — never a surface      */

  --wrap:1240px;
  --gut:clamp(20px,4vw,40px);
  --r:12px;

  font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  color:var(--body);
  background:var(--ivory);
  -webkit-font-smoothing:antialiased;
  font-size:17px;
  line-height:1.72;
}

#page-case-study-dicemasters-backgammon-platform-case-study *,
#page-case-study-dicemasters-backgammon-platform-case-study *::before,
#page-case-study-dicemasters-backgammon-platform-case-study *::after{box-sizing:border-box;}

#page-case-study-dicemasters-backgammon-platform-case-study p{margin:0 0 18px;font-size:17px;line-height:1.78;}
#page-case-study-dicemasters-backgammon-platform-case-study p:last-child{margin-bottom:0;}
#page-case-study-dicemasters-backgammon-platform-case-study ul,
#page-case-study-dicemasters-backgammon-platform-case-study ol{margin:0;padding:0;list-style:none;}
#page-case-study-dicemasters-backgammon-platform-case-study img{max-width:100%;height:auto;}

#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-wrap{
  max-width:var(--wrap);
  margin-inline:auto;
  padding-inline:var(--gut);
}

/* ── shared type ─────────────────────────────────────────────────────────── */
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-eyebrow{
  margin:0 0 12px;
  font-size:16px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--brass-deep);
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-eyebrow--light{color:var(--brass-soft);}

#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-h2{
  margin:0;
  font-size:clamp(31px,3.6vw,46px);
  line-height:1.16;
  letter-spacing:-.02em;
  font-weight:800;
  color:var(--strong);
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-h2--light{color:#fbf6ec;}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-h2--centre{text-align:center;}

#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-head{max-width:900px;margin:0 0 clamp(32px,4vw,52px);}

#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-link{
  color:var(--brass-deep);
  font-weight:600;
  border-bottom:1px solid rgba(125,86,15,.4);
  transition:border-color .16s ease,color .16s ease;
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-link:hover,
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-link:focus-visible{color:var(--burgundy);border-bottom-color:var(--burgundy);}

#page-case-study-dicemasters-backgammon-platform-case-study :focus-visible{
  outline:3px solid var(--brass);
  outline-offset:3px;
  border-radius:4px;
}

/* ── buttons ─────────────────────────────────────────────────────────────── */
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:52px;
  padding:14px 30px;
  border:1px solid transparent;
  border-radius:999px;
  font:inherit;
  font-size:17px;
  font-weight:700;
  letter-spacing:.01em;
  cursor:pointer;
  text-align:center;
  transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,color .16s ease;
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-btn--brass{
  background:var(--brass);
  color:#1d1509;
  box-shadow:0 8px 22px -12px rgba(0,0,0,.75);
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-btn--brass:hover{background:var(--brass-soft);transform:translateY(-2px);}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-btn--brass:active{transform:translateY(0);box-shadow:none;}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-btn--ink{
  background:var(--walnut);
  color:#fbf6ec;
  box-shadow:0 8px 22px -14px rgba(43,28,18,.9);
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-btn--ink:hover{background:var(--burgundy);transform:translateY(-2px);}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-btn--ink:active{transform:translateY(0);box-shadow:none;}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;}

#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-cta-row{margin-top:clamp(30px,3.6vw,44px);display:flex;justify-content:center;}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-cta-row--left{justify-content:flex-start;margin-top:26px;}

/* ── HERO — rule 24 ──────────────────────────────────────────────────────
   Full-bleed. The background is a STATIC linear-gradient over walnut; there is
   no image, no url(), no motion. The sawtooth at the foot is the board's point
   row, drawn with two linear-gradients — CSS geometry, not an asset. ------- */
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-hero{
  position:relative;
  width:100%;
  padding:clamp(72px,8.5vw,124px) 24px clamp(88px,9vw,140px);
  background:linear-gradient(168deg,var(--ebony) 0%,var(--walnut) 46%,var(--walnut-2) 100%);
  color:var(--body-light);
  overflow:hidden;
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-hero::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;
  height:26px;
  background-image:
    linear-gradient(45deg,var(--ivory) 50%,transparent 50%),
    linear-gradient(-45deg,var(--ivory) 50%,transparent 50%);
  background-size:38px 26px;
  background-repeat:repeat-x;
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-hero__inner{
  position:relative;
  z-index:1;
  max-width:900px;
  margin-inline:auto;
  text-align:center;
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-hero__tag{
  margin:0 0 18px;
  display:inline-block;
  padding:8px 20px;
  border:1px solid rgba(226,183,106,.5);
  border-radius:999px;
  font-size:16px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--brass-soft);
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-hero h1{
  margin:0 0 24px;
  font-size:clamp(36px,5vw,62px);
  line-height:1.08;
  letter-spacing:-.025em;
  font-weight:800;
  color:#fdfaf3;
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-hero__copy{
  margin:0 auto 34px;
  max-width:820px;
  font-size:clamp(17px,1.5vw,19px);
  line-height:1.76;
  color:var(--body-light);
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-hero__note{
  margin:38px 0 14px;
  font-size:16px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--brass-soft);
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-hero__tech{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px 12px;
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-hero__tech li{
  padding:9px 18px;
  border:1px solid rgba(230,220,203,.24);
  border-radius:8px;
  background:rgba(255,255,255,.05);
  font-size:16px;
  font-weight:600;
  color:#f0e8da;
}

/* ── breadcrumb ──────────────────────────────────────────────────────────── */
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-crumbbar{background:var(--ivory);border-bottom:1px solid var(--line);}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-crumb{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  padding:18px 0;
  font-size:16px;
  color:#4b4132;
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-crumb a{color:var(--brass-deep);font-weight:600;}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-crumb a:hover{color:var(--burgundy);}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-crumb span[aria-current]{color:var(--strong);font-weight:600;}

/* ── section shells ──────────────────────────────────────────────────────── */
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-sec{padding:clamp(56px,7vw,104px) 0;}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-sec--ivory{background:var(--ivory);}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-sec--walnut{background:var(--walnut);color:var(--body-light);}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-sec--felt{background:var(--ebony);color:var(--body-light);}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-sec--walnut p,
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-sec--felt p{color:var(--body-light);}

/* ── contents / jump list ────────────────────────────────────────────────── */
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-toc{background:var(--ivory-2);padding:clamp(40px,4.6vw,64px) 0;}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-toc__h{
  margin:0 0 24px;
  font-size:clamp(24px,2.4vw,30px);
  font-weight:800;
  letter-spacing:-.01em;
  color:var(--strong);
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-toc__list{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:10px 26px;
  counter-reset:none;
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-toc__list a{
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 16px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--paper);
  font-size:17px;
  font-weight:600;
  color:var(--strong);
  transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease;
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-toc__list a:hover,
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-toc__list a:focus-visible{
  border-color:var(--brass);
  transform:translateY(-2px);
  box-shadow:0 10px 24px -18px rgba(43,28,18,.9);
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-pip{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;height:34px;
  border-radius:50%;
  background:var(--walnut);
  color:var(--brass-soft);
  font-size:16px;
  font-weight:700;
}

/* ── About the client — asymmetric label / prose split ───────────────────── */
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-split{
  display:grid;
  grid-template-columns:minmax(220px,.62fr) minmax(0,1.38fr);
  gap:clamp(28px,4vw,64px);
  align-items:start;
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-split__label{
  padding-top:6px;
  border-top:3px solid var(--brass);
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-split__label .dmbg-eyebrow{margin-top:16px;}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-split__body p{font-size:clamp(17px,1.4vw,18px);}

/* ── Challenges — a stack of checkers on one point ───────────────────────── */
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-stack{
  display:grid;
  gap:0;
  border-top:1px solid rgba(230,220,203,.2);
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-checker{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:clamp(18px,2.4vw,34px);
  align-items:start;
  padding:clamp(22px,2.6vw,32px) 0;
  border-bottom:1px solid rgba(230,220,203,.2);
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-checker__disc{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:56px;height:56px;
  border-radius:50%;
  background:var(--ivory);
  border:3px solid var(--brass);
  color:var(--strong);
  font-size:17px;
  font-weight:800;
  letter-spacing:.02em;
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-checker:nth-child(even) .dmbg-checker__disc{
  background:var(--burgundy);
  border-color:var(--brass-soft);
  color:#fdf6ea;
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-checker h4{
  margin:0 0 8px;
  font-size:clamp(20px,2vw,25px);
  line-height:1.3;
  font-weight:700;
  color:#fbf6ec;
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-checker p{margin:0;max-width:70ch;}

/* ── Solution — three-column mapping table ───────────────────────────────── */
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-map{
  border:1px solid var(--line);
  border-radius:var(--r);
  background:var(--paper);
  overflow:hidden;
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-map__head{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  background:var(--walnut);
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-map__head span{
  padding:16px clamp(16px,1.8vw,24px);
  font-size:16px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--brass-soft);
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-map__row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid var(--line);
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-map__row:nth-child(even){background:#fbf7ef;}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-map__c{
  padding:clamp(18px,2vw,26px) clamp(16px,1.8vw,24px);
  border-left:1px solid var(--line);
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-map__c:first-child{border-left:0;}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-map__c p{margin:0;font-size:16px;line-height:1.7;}
/* Column dividers. The 1px --line hairline between cells is nearly invisible
   against the row fills (#ddd2ba on #fff / #fbf7ef), so the only divider that
   actually read was the 4px brass bar on Result — one visible rule in a
   three-column table. Both interior boundaries now carry the same brass bar,
   and the header carries it too so each line runs the full height of the table
   rather than starting below the walnut bar. (requested 2026-09-19) */
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-map__c + .dmbg-map__c{
  box-shadow:inset 4px 0 0 var(--brass);
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-map__head span + span{
  box-shadow:inset 4px 0 0 var(--brass);
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-map__c--res p{font-weight:600;color:var(--strong);}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-map__k{display:none;}

/* ── Measurable results — doubling-cube plates. Static figures (rule 26). ── */
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-cubes{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:clamp(16px,2vw,26px);
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-cube{
  padding:clamp(24px,2.6vw,34px);
  border:1px solid rgba(226,183,106,.32);
  border-radius:var(--r);
  background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-cube__n{
  display:block;
  margin-bottom:10px;
  font-size:clamp(42px,4.6vw,58px);
  line-height:1;
  font-weight:800;
  letter-spacing:-.03em;
  color:var(--brass-soft);
  font-variant-numeric:tabular-nums;
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-cube p{margin:0;font-size:17px;line-height:1.6;}

/* ── Why AIS — the point row ─────────────────────────────────────────────── */
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-points{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:0;
  border-top:3px solid var(--walnut);
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-point{
  padding:clamp(30px,3vw,44px) clamp(20px,2vw,30px) clamp(24px,2.6vw,34px);
  border-right:1px solid var(--line);
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-point:last-child{border-right:0;}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-point__tri{
  display:block;
  width:34px;height:52px;
  margin-bottom:20px;
  background:var(--burgundy);
  clip-path:polygon(50% 100%,100% 0,0 0);
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-point:nth-child(even) .dmbg-point__tri{background:var(--brass);}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-point h4{
  margin:0 0 10px;
  font-size:clamp(20px,1.9vw,23px);
  line-height:1.3;
  font-weight:700;
  color:var(--strong);
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-point p{margin:0;font-size:17px;}

/* ── Client quote ────────────────────────────────────────────────────────── */
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-quote{
  margin:clamp(26px,3vw,40px) auto 0;
  max-width:880px;
  padding:clamp(28px,3.4vw,46px) clamp(24px,3vw,48px);
  border:1px solid rgba(226,183,106,.34);
  border-left:5px solid var(--brass);
  border-radius:var(--r);
  background:rgba(255,255,255,.05);
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-quote p{
  margin:0;
  font-size:clamp(19px,2vw,25px);
  line-height:1.55;
  font-weight:600;
  color:#fbf6ec;
}

/* ── Area we serve ───────────────────────────────────────────────────────── */
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-regions{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:clamp(18px,2.2vw,28px);
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-region{
  padding:clamp(22px,2.4vw,30px);
  border:1px solid var(--line);
  border-radius:var(--r);
  background:var(--paper);
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-region h3{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 12px;
  font-size:17px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--strong);
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-tel{
  display:inline-block;
  margin-bottom:10px;
  font-size:18px;
  font-weight:700;
  color:var(--brass-deep);
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-tel:hover{color:var(--burgundy);}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-region p{margin:0;font-size:16px;line-height:1.66;color:#4b4132;}

/* ── CTA modal ───────────────────────────────────────────────────────────── */
/* The OVERLAY scrolls, never the box. A scrolling box draws its scrollbar in a
   square track pinned to its right edge, so the panel renders rounded on the
   left and squared on the right the moment the form is taller than the
   viewport. align-items:flex-start + margin:auto on the box centres it when
   there is room and lets it scroll when there is not, without clipping the top.
   This is the pattern the rest of the repo already uses (see
   /card-game-development, /craps-software, /bingo-game-development). */
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  align-items:flex-start;
  justify-content:center;
  padding: 100px 20px 20px 20px;
  overflow-y:auto;
  background:rgba(20,13,7,.72);
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-modal.is-open{display:flex;}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-modal__box{
  position:relative;
  width:100%;
  max-width:620px;
  margin:auto;
  border-radius:16px;
  background:var(--paper);
  box-shadow:0 30px 80px -30px rgba(0,0,0,.7);
  /* hidden, not auto: this clips the embedded form's square-cornered white
     document to the panel radius, so all FOUR corners stay rounded. */
  overflow:hidden;
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-modal__x{
  position:absolute;
  top:12px;right:12px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;height:44px;
  border:1px solid var(--line);
  border-radius:50%;
  background:var(--paper);
  color:var(--strong);
  cursor:pointer;
  transition:background-color .16s ease,color .16s ease;
}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-modal__x:hover{background:var(--walnut);color:#fbf6ec;}
#page-case-study-dicemasters-backgammon-platform-case-study .dmbg-modal iframe{
  display:block;
  width:100%;
  min-height:860px;
  border:0;
}

/* ── responsive ──────────────────────────────────────────────────────────── */
@media (max-width:1024px){
  #page-case-study-dicemasters-backgammon-platform-case-study .dmbg-split{grid-template-columns:1fr;}
  #page-case-study-dicemasters-backgammon-platform-case-study .dmbg-split__label{border-top-width:3px;}
  #page-case-study-dicemasters-backgammon-platform-case-study .dmbg-points{grid-template-columns:repeat(2,minmax(0,1fr));}
  #page-case-study-dicemasters-backgammon-platform-case-study .dmbg-point{border-bottom:1px solid var(--line);}
  #page-case-study-dicemasters-backgammon-platform-case-study .dmbg-point:nth-child(2n){border-right:0;}
}

@media (max-width:820px){
  /* The mapping table re-composes into one labelled card per row rather than
     scrolling sideways — the record's three cells stay legible on a phone. */
  #page-case-study-dicemasters-backgammon-platform-case-study .dmbg-map{border:0;background:transparent;overflow:visible;}
  #page-case-study-dicemasters-backgammon-platform-case-study .dmbg-map__head{display:none;}
  #page-case-study-dicemasters-backgammon-platform-case-study .dmbg-map__row{
    display:block;
    margin-bottom:16px;
    border:1px solid var(--line);
    border-radius:var(--r);
    background:var(--paper);
    overflow:hidden;
  }
  #page-case-study-dicemasters-backgammon-platform-case-study .dmbg-map__row:last-child{margin-bottom:0;}
  #page-case-study-dicemasters-backgammon-platform-case-study .dmbg-map__row:nth-child(even){background:var(--paper);}
  #page-case-study-dicemasters-backgammon-platform-case-study .dmbg-map__c{border-left:0;border-top:1px solid var(--line);}
  #page-case-study-dicemasters-backgammon-platform-case-study .dmbg-map__c:first-of-type{border-top:0;}
  /* Stacked, the dividers must run along the TOP edge, not the left. The
     desktop rule is .dmbg-map__c + .dmbg-map__c (two classes), so it outranks a
     single-class .dmbg-map__c--res and would keep painting a left bar here;
     both selectors below are matched to that specificity so source order
     decides, as intended. */
  #page-case-study-dicemasters-backgammon-platform-case-study .dmbg-map__c + .dmbg-map__c{box-shadow:none;}
  #page-case-study-dicemasters-backgammon-platform-case-study .dmbg-map__c + .dmbg-map__c--res{box-shadow:inset 0 4px 0 var(--brass);}
  #page-case-study-dicemasters-backgammon-platform-case-study .dmbg-map__k{
    display:block;
    margin-bottom:6px;
    font-size:16px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:var(--brass-deep);
  }
}

@media (max-width:640px){
  #page-case-study-dicemasters-backgammon-platform-case-study{font-size:16px;}
  #page-case-study-dicemasters-backgammon-platform-case-study p{font-size:16px;}
  #page-case-study-dicemasters-backgammon-platform-case-study .dmbg-hero{padding-inline:20px;}
  #page-case-study-dicemasters-backgammon-platform-case-study .dmbg-hero__tech{justify-content:flex-start;}
  #page-case-study-dicemasters-backgammon-platform-case-study .dmbg-hero__inner{text-align:left;}
  #page-case-study-dicemasters-backgammon-platform-case-study .dmbg-hero__copy{margin-inline:0;}
  #page-case-study-dicemasters-backgammon-platform-case-study .dmbg-btn{width:100%;}
  #page-case-study-dicemasters-backgammon-platform-case-study .dmbg-cta-row{justify-content:stretch;}
  #page-case-study-dicemasters-backgammon-platform-case-study .dmbg-checker{grid-template-columns:1fr;gap:14px;}
  #page-case-study-dicemasters-backgammon-platform-case-study .dmbg-points{grid-template-columns:1fr;}
  #page-case-study-dicemasters-backgammon-platform-case-study .dmbg-point{border-right:0;}
  /* Keep the radius on phones too — the panel is a card at every width. */
  #page-case-study-dicemasters-backgammon-platform-case-study .dmbg-modal{padding: 100px 12px 12px 12px;}
  #page-case-study-dicemasters-backgammon-platform-case-study .dmbg-modal__box{max-width:none;border-radius:14px;}
}

@media (prefers-reduced-motion:reduce){
  #page-case-study-dicemasters-backgammon-platform-case-study *,
  #page-case-study-dicemasters-backgammon-platform-case-study *::before,
  #page-case-study-dicemasters-backgammon-platform-case-study *::after{animation:none !important;transition-duration:.01ms !important;}
}