/* Mobile-first guide cards. Independent of game thumbnail chips and reward grids. */
.guide-card-grid{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 align-items:stretch;
 gap:18px;
 width:100%;
 min-width:0;
 margin:26px 0 28px;
}
.guide-card{
 display:flex;
 flex-direction:column;
 align-items:flex-start;
 gap:12px;
 width:100%;
 min-width:0;
 min-height:194px;
 padding:23px;
 border:1px solid #d6eadd;
 border-radius:18px;
 background:#fff;
 box-shadow:0 8px 25px rgba(15,74,43,.06);
 color:#17392a;
 text-decoration:none;
 box-sizing:border-box;
 white-space:normal;
 overflow-wrap:break-word;
 overflow:hidden;
 transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;
}
.guide-card:hover,.guide-card:focus-visible{
 border-color:#42ad75;
 box-shadow:0 11px 27px rgba(15,74,43,.13);
 transform:translateY(-2px);
}
.guide-card:focus-visible{outline:3px solid #2fa365;outline-offset:3px}
.guide-card-eyebrow{
 display:inline-block;
 padding:5px 9px;
 border-radius:999px;
 background:#eaf8ef;
 color:#0c7642;
 font-size:11px;
 font-weight:800;
 line-height:1.3;
 letter-spacing:.5px;
 text-transform:uppercase;
}
.guide-card-title{
 display:block;
 min-width:0;
 font-size:20px;
 font-weight:850;
 line-height:1.3;
 color:#183a29;
 overflow-wrap:break-word;
}
.guide-card-description{
 display:block;
 min-width:0;
 flex:1 1 auto;
 font-size:14px;
 font-weight:400;
 line-height:1.6;
 color:#547362;
 overflow-wrap:break-word;
}
.guide-card-cta{
 display:block;
 margin-top:6px;
 color:#087842;
 font-size:13px;
 font-weight:800;
 line-height:1.3;
}

/* Language settings remain available on mobile, inside the hamburger menu.
   This stops the site name being pushed out of a 320-390px viewport. */
.desktop-language-switch{display:flex;align-items:center;min-width:0}
.mobile-language-switch{display:none}
.language-switch details{position:relative;min-width:0}
.language-switch summary{
 list-style:none;
 cursor:pointer;
 padding:6px 7px;
 color:#dbefe2;
 border-radius:7px;
 font-size:11px;
 font-weight:750;
 white-space:nowrap;
}
.language-switch summary::-webkit-details-marker{display:none}
.language-switch summary:hover,.language-switch details[open] summary{background:#295449}
.language-switch .language-options{
 display:none;
 position:absolute;
 top:calc(100% + 8px);
 right:0;
 z-index:70;
 width:200px;
 max-width:min(260px,calc(100vw - 40px));
 max-height:280px;
 overflow:auto;
 box-sizing:border-box;
 padding:9px;
 border:1px solid #40665a;
 border-radius:12px;
 background:#173731;
 box-shadow:0 10px 28px #071b1480;
}
.language-switch details[open] .language-options{display:grid;grid-template-columns:1fr;gap:4px}
.language-switch .language-options a{
 display:block;
 width:100%;
 min-width:0;
 height:auto;
 padding:9px 10px;
 box-sizing:border-box;
 border-radius:7px;
 text-align:left;
 line-height:1.4;
 color:#e0f4e8;
}
.language-switch .language-options small{color:#b3d5c2;font-size:11px;line-height:1.4;padding:6px}

@media(max-width:760px){
 .guide-card-grid{grid-template-columns:minmax(0,1fr);gap:12px;margin:21px 0 22px}
 .guide-card{min-height:0;padding:19px 18px;gap:10px}
 .guide-card-title{font-size:19px;line-height:1.35}
 .guide-card-description{font-size:14px;line-height:1.55}
 .desktop-language-switch{display:none}
 .mobile-language-switch{display:block;width:100%;min-width:0;border-top:1px solid #35564b;margin-top:10px;padding-top:12px}
 .nav-wrap{min-width:0;justify-content:space-between;gap:10px}
 .nav-wrap>.brand{min-width:0;max-width:calc(100% - 66px);flex:0 1 auto;white-space:nowrap;overflow:hidden;font-size:clamp(18px,5.2vw,22px)}
 .nav-actions{flex:0 0 auto;margin-left:auto}
 .mobile-toggle{flex:0 0 auto;min-width:42px;min-height:42px}
 .mobile-language-switch .language-switch{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-start;
  gap:7px;
  width:100%;
  margin:0;
  padding:9px;
  box-sizing:border-box;
 }
 .mobile-language-switch .language-switch>a{min-width:58px;height:38px;padding:0 12px;font-size:13px}
 .mobile-language-switch .language-switch details{flex:1 0 100%;width:100%}
 .mobile-language-switch .language-switch summary{font-size:13px;white-space:normal;padding:10px}
 .mobile-language-switch .language-options{
  position:static;
  width:100%;
  max-width:100%;
  max-height:250px;
  margin-top:7px;
  box-shadow:none;
  grid-template-columns:repeat(2,minmax(0,1fr));
 }
 .mobile-language-switch .language-switch details[open] .language-options{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mobile-language-switch .language-options small{grid-column:1/-1}
}
@media(max-width:360px){
 .guide-card{padding:17px 16px}
 .guide-card-title{font-size:18px}
 .nav-wrap>.brand{font-size:17px}
}
@media(prefers-reduced-motion:reduce){
 .guide-card{transition:none}
 .guide-card:hover{transform:none}
}