/* ============================================================
   bet365link.click — interface stylesheet
   File: css/bet365-link-interface-77eb1a.css
   Prefix contract: every class and custom property uses c77eb1-
   Canvas: 320–430px mobile-first; wide screens get a centered
   phone canvas. Palette: #B8860B / #0F0F23 / #00CED1 / #008B8B /
   #48D1CC. Visual language: monospace accents, stroke-dominant
   restrained corners, compact square game catalog, scene-branch
   rhythm, state-color-only motion, full-width primary CTAs.
   ============================================================ */

:root{
  --c77eb1-ink:#0F0F23;
  --c77eb1-ink2:#14142d;
  --c77eb1-ink3:#1b1b3a;
  --c77eb1-gold:#B8860B;
  --c77eb1-goldhi:#e0a92c;
  --c77eb1-cyan:#00CED1;
  --c77eb1-teal:#008B8B;
  --c77eb1-mist:#48D1CC;
  --c77eb1-paper:#ECF5F5;
  --c77eb1-muted:#a4b6ba;
  --c77eb1-line:rgba(184,134,11,.42);
  --c77eb1-line2:rgba(72,209,204,.28);
  --c77eb1-shade:rgba(0,205,209,.07);
  --c77eb1-font:"Noto Sans Bengali","Hind Siliguri","SolaimanLipi",system-ui,-apple-system,"Segoe UI",sans-serif;
  --c77eb1-mono:ui-monospace,"Cascadia Mono","JetBrains Mono",Consolas,"Courier New",monospace;
  --c77eb1-rad:8px;
  --c77eb1-topbar:58px;
  --c77eb1-bnav:64px;
}

*,*::before,*::after{box-sizing:border-box;}

html{-webkit-text-size-adjust:100%;}

body{
  margin:0;
  background:var(--c77eb1-ink);
  color:var(--c77eb1-paper);
  font-family:var(--c77eb1-font);
  font-size:15px;
  line-height:1.75;
  overflow-x:hidden;
}

/* Phone canvas shell: stays narrow and centered on desktop */
.c77eb1-shell{
  position:relative;
  width:100%;
  max-width:480px;
  margin:0 auto;
  min-height:100vh;
  background:
    radial-gradient(120% 46% at 50% -8%, rgba(0,205,209,.10), transparent 62%),
    linear-gradient(180deg,#101026 0%, var(--c77eb1-ink) 34%, #0c0c1d 100%);
}

@media (min-width:521px){
  .c77eb1-shell{
    border-left:1px solid var(--c77eb1-line);
    border-right:1px solid var(--c77eb1-line);
    box-shadow:0 0 44px rgba(0,0,0,.55);
  }
}

img{max-width:100%;display:block;}
a{color:var(--c77eb1-cyan);text-decoration:none;}
a:hover,a:focus-visible{color:var(--c77eb1-mist);}
p{margin:0 0 12px;}
p:last-child{margin-bottom:0;}
ul,ol,dl{margin:0;padding:0;}

:focus-visible{
  outline:2px solid var(--c77eb1-cyan);
  outline-offset:2px;
  border-radius:4px;
}

::selection{background:var(--c77eb1-teal);color:#fff;}

/* ------------------------------------------------------------
   Top action band (minimal title + action strip)
   ------------------------------------------------------------ */
.c77eb1-topbar{
  position:fixed;
  top:0;left:50%;
  transform:translateX(-50%);
  width:100%;
  max-width:480px;
  height:var(--c77eb1-topbar);
  z-index:60;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 10px;
  background:rgba(15,15,35,.92);
  -webkit-backdrop-filter:blur(9px);
  backdrop-filter:blur(9px);
  border-bottom:1px solid var(--c77eb1-line);
}

.c77eb1-brand{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  flex:1 1 auto;
}

.c77eb1-brandimg{
  width:36px;height:36px;
  flex:0 0 36px;
  object-fit:cover;
  border:1px solid var(--c77eb1-gold);
  border-radius:var(--c77eb1-rad);
  background:var(--c77eb1-ink2);
}

.c77eb1-brandname{
  font-size:16px;
  font-weight:700;
  letter-spacing:.2px;
  color:var(--c77eb1-paper);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.c77eb1-topacts{
  display:flex;
  align-items:center;
  gap:6px;
  flex:0 0 auto;
}

/* Register = full-tone gold slab; Login = stroked ghost */
.c77eb1-btnreg{
  font-family:var(--c77eb1-font);
  font-size:12.5px;
  font-weight:700;
  min-height:38px;
  padding:7px 13px;
  border:1px solid var(--c77eb1-goldhi);
  border-radius:var(--c77eb1-rad);
  background:linear-gradient(180deg,var(--c77eb1-goldhi),var(--c77eb1-gold));
  color:#1c1204;
  cursor:pointer;
  white-space:nowrap;
}
.c77eb1-btnreg:hover{background:linear-gradient(180deg,#f0bb45,var(--c77eb1-goldhi));color:#160e02;}

.c77eb1-btnlogin{
  font-family:var(--c77eb1-font);
  font-size:12.5px;
  font-weight:600;
  min-height:38px;
  padding:7px 11px;
  border:1px solid var(--c77eb1-line2);
  border-radius:var(--c77eb1-rad);
  background:rgba(0,205,209,.06);
  color:var(--c77eb1-mist);
  cursor:pointer;
  white-space:nowrap;
}
.c77eb1-btnlogin:hover{border-color:var(--c77eb1-cyan);color:var(--c77eb1-cyan);}

.c77eb1-burger{
  width:42px;height:42px;
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  border:1px solid var(--c77eb1-line2);
  border-radius:var(--c77eb1-rad);
  background:transparent;
  cursor:pointer;
  padding:0;
}
.c77eb1-burger span{
  display:block;
  width:18px;height:2px;
  background:var(--c77eb1-cyan);
  border-radius:1px;
  transition:background-color .15s ease,transform .15s ease;
}
.c77eb1-burger:hover span{background:var(--c77eb1-mist);}

/* ------------------------------------------------------------
   Stacked overlay menu
   ------------------------------------------------------------ */
.c77eb1-menu{
  position:fixed;
  top:0;left:50%;
  transform:translateX(-50%);
  width:100%;
  max-width:480px;
  height:100%;
  z-index:80;
  background:rgba(10,10,24,.97);
  display:flex;
  flex-direction:column;
  padding:14px 16px calc(var(--c77eb1-bnav) + 18px);
  overflow-y:auto;
  opacity:0;
  visibility:hidden;
  transition:opacity .18s ease,visibility .18s ease;
}
.c77eb1-menu.c77eb1-open{opacity:1;visibility:visible;}

.c77eb1-menuhead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid var(--c77eb1-line);
  padding-bottom:12px;
  margin-bottom:14px;
}

.c77eb1-menubrand{
  display:flex;
  align-items:center;
  gap:9px;
  font-weight:700;
  font-size:15px;
}
.c77eb1-menubrand img{
  width:30px;height:30px;
  border:1px solid var(--c77eb1-gold);
  border-radius:6px;
}

.c77eb1-menuclose{
  width:42px;height:42px;
  border:1px solid var(--c77eb1-line2);
  border-radius:var(--c77eb1-rad);
  background:transparent;
  color:var(--c77eb1-cyan);
  font-size:20px;
  line-height:1;
  cursor:pointer;
}
.c77eb1-menuclose:hover{color:var(--c77eb1-mist);border-color:var(--c77eb1-cyan);}

.c77eb1-menulist{list-style:none;display:flex;flex-direction:column;}

.c77eb1-menulist a{
  display:flex;
  align-items:baseline;
  gap:10px;
  min-height:48px;
  padding:11px 6px;
  border-bottom:1px solid rgba(72,209,204,.14);
  color:var(--c77eb1-paper);
  font-size:15px;
  font-weight:600;
}
.c77eb1-menulist a:hover{color:var(--c77eb1-cyan);}
.c77eb1-menulist a b{
  font-family:var(--c77eb1-mono);
  font-size:11px;
  font-weight:600;
  color:var(--c77eb1-gold);
}
.c77eb1-menulist a i{
  font-style:normal;
  font-size:11.5px;
  color:var(--c77eb1-muted);
  margin-left:auto;
  text-align:right;
}

.c77eb1-menucta{
  margin-top:16px;
}

/* ------------------------------------------------------------
   Layout rhythm for main content
   ------------------------------------------------------------ */
.c77eb1-main{
  padding:calc(var(--c77eb1-topbar) + 14px) 12px calc(var(--c77eb1-bnav) + 30px);
}

.c77eb1-sec{margin:0 0 22px;}

.c77eb1-kicker{
  font-family:var(--c77eb1-mono);
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--c77eb1-cyan);
  margin:0 0 6px;
}

h1.c77eb1-h1{
  font-size:23px;
  line-height:1.4;
  margin:0 0 10px;
  color:#fff;
}

h2.c77eb1-h2{
  font-size:18.5px;
  line-height:1.5;
  margin:0 0 8px;
  color:#fff;
}

h3.c77eb1-h3{
  font-size:15.5px;
  line-height:1.55;
  margin:16px 0 6px;
  color:var(--c77eb1-mist);
}

.c77eb1-lede{
  color:var(--c77eb1-paper);
  font-size:14.5px;
}

.c77eb1-note{
  color:var(--c77eb1-muted);
  font-size:13px;
}

/* Full-width primary CTA */
.c77eb1-cta{
  display:block;
  width:100%;
  min-height:50px;
  margin:12px 0 4px;
  border:1px solid var(--c77eb1-goldhi);
  border-radius:var(--c77eb1-rad);
  background:linear-gradient(180deg,var(--c77eb1-goldhi),var(--c77eb1-gold));
  color:#1a1103;
  font-family:var(--c77eb1-font);
  font-size:15.5px;
  font-weight:700;
  letter-spacing:.02em;
  cursor:pointer;
}
.c77eb1-cta:hover{background:linear-gradient(180deg,#f2c14e,var(--c77eb1-goldhi));color:#150d02;}

/* ------------------------------------------------------------
   Hero panel
   ------------------------------------------------------------ */
.c77eb1-hero{
  border:1px solid var(--c77eb1-line);
  border-radius:12px;
  padding:16px 14px 14px;
  background:
    linear-gradient(158deg,rgba(184,134,11,.14),transparent 46%),
    linear-gradient(0deg,var(--c77eb1-shade),var(--c77eb1-shade)),
    var(--c77eb1-ink2);
  margin-bottom:16px;
}

.c77eb1-herometa{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:10px 0 2px;
}

.c77eb1-tag{
  font-family:var(--c77eb1-mono);
  font-size:10.5px;
  letter-spacing:.06em;
  color:var(--c77eb1-mist);
  border:1px solid var(--c77eb1-line2);
  border-radius:5px;
  padding:3px 8px;
  white-space:nowrap;
}

/* ------------------------------------------------------------
   Quick access strip (real internal routes)
   ------------------------------------------------------------ */
.c77eb1-quick{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding:2px 2px 8px;
  scrollbar-width:none;
  margin-bottom:14px;
}
.c77eb1-quick::-webkit-scrollbar{display:none;}

.c77eb1-quick a{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:44px;
  padding:8px 13px;
  border:1px solid var(--c77eb1-line2);
  border-radius:var(--c77eb1-rad);
  background:rgba(0,139,139,.12);
  color:var(--c77eb1-paper);
  font-size:13px;
  font-weight:600;
  white-space:nowrap;
}
.c77eb1-quick a:hover{border-color:var(--c77eb1-cyan);color:var(--c77eb1-cyan);}
.c77eb1-quick a svg{width:15px;height:15px;flex:0 0 15px;}

/* ------------------------------------------------------------
   Banner reel (3 local promo slides)
   ------------------------------------------------------------ */
.c77eb1-reelwrap{
  border:1px solid var(--c77eb1-line);
  border-radius:12px;
  overflow:hidden;
  background:var(--c77eb1-ink2);
  margin-bottom:18px;
}

.c77eb1-reel{
  display:flex;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
}
.c77eb1-reel::-webkit-scrollbar{display:none;}

.c77eb1-slide{
  position:relative;
  flex:0 0 100%;
  scroll-snap-align:center;
  border:0;
  padding:0;
  margin:0;
  background:var(--c77eb1-ink2);
  cursor:pointer;
  text-align:left;
  font-family:var(--c77eb1-font);
  display:block;
}

.c77eb1-slide img{
  width:100%;
  aspect-ratio:16/7;
  object-fit:cover;
}

.c77eb1-slidecap{
  display:flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border-top:1px solid var(--c77eb1-line);
  background:linear-gradient(0deg,rgba(15,15,35,.94),rgba(15,15,35,.86));
}
.c77eb1-slidecap strong{
  color:#fff;
  font-size:14px;
  line-height:1.35;
}
.c77eb1-slidecap span{
  font-size:11.5px;
  color:var(--c77eb1-muted);
  line-height:1.4;
}
.c77eb1-slidecap em{
  font-style:normal;
  font-family:var(--c77eb1-mono);
  font-size:10px;
  letter-spacing:.1em;
  color:var(--c77eb1-goldhi);
  border:1px solid var(--c77eb1-line);
  border-radius:4px;
  padding:2px 6px;
  margin-left:auto;
  white-space:nowrap;
}

.c77eb1-reeldots{
  display:flex;
  justify-content:center;
  gap:8px;
  padding:9px 0 11px;
}

.c77eb1-reeldot{
  width:26px;height:6px;
  border-radius:3px;
  border:1px solid var(--c77eb1-line);
  background:transparent;
  padding:0;
  cursor:pointer;
}
.c77eb1-reeldot.c77eb1-on{background:var(--c77eb1-goldhi);border-color:var(--c77eb1-goldhi);}

/* ------------------------------------------------------------
   Game catalog: compact square directory cards
   ------------------------------------------------------------ */
.c77eb1-sechead{
  display:flex;
  align-items:baseline;
  gap:9px;
  border-left:3px solid var(--c77eb1-gold);
  padding-left:10px;
  margin-bottom:4px;
}

.c77eb1-count{
  font-family:var(--c77eb1-mono);
  font-size:11px;
  color:var(--c77eb1-goldhi);
  white-space:nowrap;
}

.c77eb1-secintro{
  font-size:13.5px;
  color:var(--c77eb1-muted);
  margin:6px 0 12px;
}

.c77eb1-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}

@media (min-width:400px){
  .c77eb1-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;}
}

.c77eb1-gcard{
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:5px;
  border:1px solid rgba(72,209,204,.18);
  border-radius:9px;
  background:var(--c77eb1-ink2);
  cursor:pointer;
  font-family:var(--c77eb1-font);
  text-align:center;
  min-width:0;
}
.c77eb1-gcard:hover{border-color:var(--c77eb1-cyan);}
.c77eb1-gcard:active{border-color:var(--c77eb1-goldhi);}

.c77eb1-gcard img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:6px;
  background:var(--c77eb1-ink3);
}

.c77eb1-gname{
  font-size:11px;
  line-height:1.35;
  color:var(--c77eb1-paper);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:2.7em;
  word-break:break-word;
}

.c77eb1-secfoot{
  display:flex;
  flex-wrap:wrap;
  gap:6px 14px;
  margin-top:11px;
  padding-top:9px;
  border-top:1px dashed rgba(72,209,204,.18);
}
.c77eb1-secfoot span{
  font-family:var(--c77eb1-mono);
  font-size:10px;
  letter-spacing:.08em;
  color:var(--c77eb1-muted);
}
.c77eb1-secfoot a{
  font-size:12.5px;
  font-weight:600;
}

/* ------------------------------------------------------------
   Prose panels (RTP, reviews, guides, glossary, takeaways)
   ------------------------------------------------------------ */
.c77eb1-panel{
  border:1px solid var(--c77eb1-line);
  border-radius:12px;
  background:linear-gradient(0deg,rgba(20,20,45,.9),rgba(20,20,45,.9));
  padding:15px 14px;
  margin-bottom:16px;
}

.c77eb1-panel h2{margin-top:0;}

.c77eb1-answer{
  border:1px solid var(--c77eb1-line2);
  border-left:3px solid var(--c77eb1-cyan);
  border-radius:8px;
  background:var(--c77eb1-shade);
  padding:9px 12px;
  font-size:13.5px;
  margin:0 0 12px;
}

.c77eb1-quote{
  border:1px solid rgba(184,134,11,.3);
  border-radius:9px;
  padding:10px 12px;
  margin:0 0 9px;
  background:rgba(184,134,11,.06);
}
.c77eb1-quote p{font-size:13.5px;margin:0 0 6px;}
.c77eb1-quote footer{
  font-family:var(--c77eb1-mono);
  font-size:11px;
  color:var(--c77eb1-goldhi);
}

.c77eb1-steps{
  list-style:none;
  counter-reset:c77eb1-step;
  margin:4px 0 8px;
}
.c77eb1-steps li{
  counter-increment:c77eb1-step;
  position:relative;
  padding:6px 0 6px 36px;
  font-size:13.5px;
  border-bottom:1px dotted rgba(72,209,204,.16);
}
.c77eb1-steps li:last-child{border-bottom:0;}
.c77eb1-steps li::before{
  content:counter(c77eb1-step,decimal-leading-zero);
  position:absolute;
  left:0;top:8px;
  font-family:var(--c77eb1-mono);
  font-size:11px;
  color:var(--c77eb1-goldhi);
  border:1px solid var(--c77eb1-line);
  border-radius:4px;
  padding:1px 4px;
}

.c77eb1-checks{
  list-style:none;
  margin:4px 0 8px;
}
.c77eb1-checks li{
  position:relative;
  padding:5px 0 5px 26px;
  font-size:13.5px;
}
.c77eb1-checks li::before{
  content:"+";
  position:absolute;
  left:2px;top:4px;
  font-family:var(--c77eb1-mono);
  font-size:14px;
  color:var(--c77eb1-cyan);
}

.c77eb1-gloss{border-top:1px solid rgba(72,209,204,.16);}
.c77eb1-gloss dt{
  font-family:var(--c77eb1-mono);
  font-size:12.5px;
  font-weight:700;
  color:var(--c77eb1-mist);
  padding-top:9px;
}
.c77eb1-gloss dd{
  margin:2px 0 9px;
  font-size:13.5px;
  color:var(--c77eb1-paper);
  border-bottom:1px dotted rgba(72,209,204,.16);
  padding-bottom:9px;
}
.c77eb1-gloss dd:last-of-type{border-bottom:0;margin-bottom:0;}

/* ------------------------------------------------------------
   Extended footer band (directory > brand > promotions > note)
   ------------------------------------------------------------ */
.c77eb1-ext{
  margin-top:22px;
  border:1px solid var(--c77eb1-line);
  border-radius:12px 12px 0 0;
  background:linear-gradient(180deg,rgba(0,139,139,.1),rgba(12,12,29,.96));
  padding:16px 13px 18px;
}

.c77eb1-flabel{
  font-family:var(--c77eb1-mono);
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--c77eb1-goldhi);
  margin:0 0 9px;
}

.c77eb1-dir{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-bottom:16px;
}
.c77eb1-dir a{
  font-size:12.5px;
  font-weight:600;
  border:1px solid var(--c77eb1-line2);
  border-radius:7px;
  padding:6px 10px;
  background:rgba(15,15,35,.6);
  color:var(--c77eb1-paper);
}
.c77eb1-dir a:hover{border-color:var(--c77eb1-cyan);color:var(--c77eb1-cyan);}

.c77eb1-brandblurb{
  font-size:13px;
  color:var(--c77eb1-muted);
  border-left:3px solid var(--c77eb1-teal);
  padding-left:10px;
  margin-bottom:16px;
}

.c77eb1-promos{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-bottom:16px;
}
.c77eb1-promos button{
  min-height:48px;
  padding:8px 9px;
  border:1px solid var(--c77eb1-gold);
  border-radius:9px;
  background:linear-gradient(180deg,rgba(184,134,11,.2),rgba(184,134,11,.07));
  color:var(--c77eb1-paper);
  font-family:var(--c77eb1-font);
  font-size:12.5px;
  font-weight:700;
  line-height:1.35;
  cursor:pointer;
  text-align:center;
}
.c77eb1-promos button:hover{border-color:var(--c77eb1-goldhi);color:#fff;}

.c77eb1-promowide{
  display:block;
  width:100%;
  min-height:48px;
  margin-bottom:8px;
}

.c77eb1-disc{
  font-size:11.5px;
  line-height:1.7;
  color:#7d9096;
  border-top:1px dashed rgba(72,209,204,.2);
  padding-top:10px;
}

/* ------------------------------------------------------------
   Common footer (copyright only) + fixed bottom icon rack
   ------------------------------------------------------------ */
.c77eb1-foot{
  border-top:1px solid var(--c77eb1-line);
  padding:12px 10px 6px;
  text-align:center;
}
.c77eb1-foot p{
  font-family:var(--c77eb1-mono);
  font-size:11px;
  letter-spacing:.06em;
  color:var(--c77eb1-muted);
  margin:0;
}

.c77eb1-bnav{
  position:fixed;
  bottom:0;left:50%;
  transform:translateX(-50%);
  width:100%;
  max-width:480px;
  height:var(--c77eb1-bnav);
  z-index:70;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  background:rgba(12,12,29,.96);
  -webkit-backdrop-filter:blur(9px);
  backdrop-filter:blur(9px);
  border-top:1px solid var(--c77eb1-line);
  padding-bottom:env(safe-area-inset-bottom,0px);
}

.c77eb1-bnav a,.c77eb1-bnav button{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  min-height:44px;
  border:0;
  background:transparent;
  color:var(--c77eb1-muted);
  font-family:var(--c77eb1-font);
  font-size:10.5px;
  font-weight:600;
  cursor:pointer;
  padding:6px 2px 4px;
  transition:transform .15s ease,color .15s ease;
}
.c77eb1-bnav svg{width:20px;height:20px;}
.c77eb1-bnav a:hover,.c77eb1-bnav button:hover{color:var(--c77eb1-mist);}
.c77eb1-bnav .c77eb1-on{
  color:var(--c77eb1-goldhi);
  transform:translateY(-2px);
}
.c77eb1-bnav .c77eb1-on svg{filter:drop-shadow(0 2px 5px rgba(184,134,11,.55));}

/* ------------------------------------------------------------
   Small-canvas tuning (320–430 sweet spot)
   ------------------------------------------------------------ */
@media (max-width: 430px){
  .c77eb1-brandname{font-size:15px;}
  .c77eb1-btnreg{padding:7px 10px;font-size:12px;}
  .c77eb1-btnlogin{padding:7px 9px;font-size:12px;}
  h1.c77eb1-h1{font-size:21.5px;}
  h2.c77eb1-h2{font-size:17.5px;}
  .c77eb1-promos{grid-template-columns:1fr 1fr;}
  .c77eb1-hero{padding:14px 12px 12px;}
  .c77eb1-main{padding-left:10px;padding-right:10px;}
}

@media (max-width: 359px){
  .c77eb1-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;}
  .c77eb1-gname{font-size:10.5px;}
  .c77eb1-brandname{font-size:14px;}
  .c77eb1-slidecap{flex-wrap:wrap;}
  .c77eb1-slidecap em{margin-left:0;}
}

@media (min-width: 431px){
  .c77eb1-grid{gap:10px;}
  .c77eb1-main{padding-left:16px;padding-right:16px;}
}

/* Motion budget: color/state shifts only */
@media (prefers-reduced-motion: reduce){
  *{transition:none !important;scroll-behavior:auto !important;}
}