/* NL-BRAND text-justify */
article p, .content p, .article p, main p, section p, .review p,
.cv-rev__sec p, .ig-sec p, .ig-faq p, .container p, .wrap p,
.summary p, .promo__text {
  text-align: justify;
  text-justify: inter-word;
  hyphens: auto;
  -webkit-hyphens: auto;
}
@media (max-width: 768px) {
  article p, .content p, .article p, main p, section p, .review p {
    text-align: left;
    hyphens: none;
  }
}

/* NL-BRAND mobile-header */
@media (max-width: 1023px) {
  header img[class*="logo"], header [class*="brand"] img {
    max-height: 40px !important;
    max-width: 140px !important;
  }
  header a[class*="btn"], header button[class*="btn"] {
    height: 36px !important;
    padding: 0 10px !important;
    font-size: 13px !important;
  }
}
@media (max-width: 380px) {
  header img[class*="logo"], header [class*="brand"] img {
    max-height: 34px !important;
    max-width: 110px !important;
  }
  header a[class*="btn"], header button[class*="btn"] {
    height: 34px !important;
    padding: 0 8px !important;
    font-size: 12px !important;
  }
}

/* NL-BRAND official-mimicry */
header { width:100%; max-width:none; background:rgba(12,10,22,.65); backdrop-filter:blur(18px) saturate(140%); border-bottom:1px solid rgba(255,255,255,.06); }
header nav:not(.jt-pills) { display:none; }
header nav.jt-pills { display:none }
@media (min-width:1024px){ header nav.jt-pills { display:flex } }
@media (max-width:1023px) {
  header img[class*="logo"] { height:36px !important; max-width:140px !important; }
}
@media (min-width:1024px) {
  header img[class*="logo"] { height:48px !important; max-width:200px !important; }
}
h1 { text-align:center; font-size:clamp(32px,5vw,52px); font-weight:800; color:#fff; letter-spacing:-.02em; }
.hero img, [class*="hero"] img, [class*="banner"] img { width:100%; height:320px; object-fit:cover; border-radius:18px; }
@media (max-width:768px) {
  .hero img, [class*="hero"] img, [class*="banner"] img { height:240px; }
}
article p, .content p, section p, main p { color:rgba(255,255,255,.92); font-size:16px; line-height:1.7; }
article strong, .content strong, section strong { color:#fff; font-weight:700; }

.jt\-top\-right{margin-left:auto;justify-content:flex-end;text-align:right}

/* NL-BRAND width-align: no full-bleed bars — everything follows page max-width */
.jt-cats-sec{background:transparent;margin-bottom:20px}
.jt-cats-sec .jt-cats{max-width:var(--jt-max,1560px);margin:0 auto;box-sizing:border-box;padding:8px 18px}
.jt-footer > .jt-wrap{max-width:var(--jt-max,1560px);margin:0 auto}
/* game rows: ensure the horizontally-scrollable row is fully contained inside jt-wrap */
.jt-wrap > .jt-row,.jt-wrap > .jt-sec-h,.jt-wrap > .providers-list{width:100%;max-width:100%;box-sizing:border-box}
.jt-wrap{position:relative;overflow-x:hidden}
.jt-wrap > .jt-row{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* game-card title captions + compact tile sizes */
.game-card{flex:0 0 auto;width:150px;min-width:0;display:flex;flex-direction:column;text-align:center}
.game-card .gameCardImage{display:block;position:relative;overflow:hidden;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.28);aspect-ratio:1/1.4}
.game-card .gameCardImage img{width:100%;height:100%;object-fit:cover}
.game-card .gameCardImage img{display:block;width:100%;height:auto;transition:transform .3s ease}
.game-card:hover .gameCardImage img{transform:scale(1.05)}
.game-card__title{position:relative;margin:10px 4px 0;padding:0 4px 6px;font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.02em;color:rgba(255,255,255,.86);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:2.7em;transition:color .2s ease}
.game-card__title::after{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;background:linear-gradient(90deg,transparent,#fff000,transparent);border-radius:2px;transition:width .25s ease,left .25s ease}
.game-card:hover .game-card__title{color:#fff000}
.game-card:hover .game-card__title::after{width:70%;left:15%}
@media (max-width:768px){
  .game-card{width:118px}
  .game-card__title{font-size:12px;margin-top:8px;letter-spacing:.01em;min-height:2.5em}
}
@media (max-width:420px){
  .game-card{width:104px}
  .game-card__title{font-size:11px}
}
/* --- CSV content polish (index.html article) --- */
.jt-content{max-width:var(--jt-max,1560px);margin:36px auto 20px;padding:34px 32px 24px;border-top:1px solid rgba(255,255,255,.08);text-align:left;color:rgba(255,255,255,.9);font-size:16px;line-height:1.75}
.jt-content > *{max-width:none}
/* comfortable reading measure for text blocks — centered inside wide article */
.jt-content > h1,.jt-content > h2,.jt-content > h3,.jt-content > p,.jt-content > .upd,.jt-content > ul,.jt-content > ol{max-width:100%;margin-left:auto;margin-right:auto}
.jt-content > h1{font-size:34px;font-weight:900;line-height:1.15;margin:0 auto 18px;letter-spacing:-.01em;color:#fff}
.jt-content > h2{font-size:26px;font-weight:800;margin:36px auto 14px;color:#fff;padding-top:8px}
.jt-content > h2::before{content:"";display:block;width:52px;height:3px;background:linear-gradient(90deg,#fff000,rgba(255,240,0,.2));border-radius:2px;margin-bottom:14px}
.jt-content > h3{font-size:20px;font-weight:700;margin:24px auto 10px;color:#fff000}
.jt-content > p{text-align:left;margin:0 auto 14px;color:rgba(255,255,255,.92)}
.jt-content > .upd{font-size:13px;color:rgba(255,255,255,.55);margin-bottom:22px;letter-spacing:.02em;text-transform:uppercase;font-weight:600}
.jt-content > ul,.jt-content > ol{padding-left:22px}
.jt-content > ul > li,.jt-content > ol > li{margin:8px 0;color:rgba(255,255,255,.9)}
.jt-content strong{color:#fff}

/* highlight panels: cta / keys / toc */
.jt-content .jt-cta,.jt-content .jt-keys,.jt-content .jt-toc{max-width:100%;margin:22px auto;box-sizing:border-box;padding:22px 26px;border-radius:14px;font-size:15px}
.jt-content .jt-cta{background:linear-gradient(135deg,rgba(255,240,0,.16),rgba(157,43,255,.16));border:1px solid rgba(255,240,0,.38);display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.jt-content .jt-cta b{margin:0;flex:1 1 auto;font-size:18px;color:#fff}
.jt-content .jt-cta-b{display:flex;gap:10px;flex-wrap:wrap}
.jt-content .jt-keys{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);border-left:4px solid #fff000}
.jt-content .jt-keys b{display:block;font-size:17px;color:#fff;margin-bottom:12px;letter-spacing:.01em}
.jt-content .jt-keys ul{margin:0;padding-left:20px}
.jt-content .jt-keys li{margin:8px 0;line-height:1.6;color:rgba(255,255,255,.92)}
.jt-content .jt-toc{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);line-height:2}
.jt-content .jt-toc b{display:block;font-size:16px;color:#fff;margin-bottom:8px;letter-spacing:.02em;text-transform:uppercase;font-size:12px;opacity:.7}
.jt-content .jt-toc a{color:#fff000;padding:4px 12px;border-radius:8px;text-decoration:none;transition:background .15s,color .15s;display:inline-block;margin:2px 0;font-weight:600;font-size:14px}
.jt-content .jt-toc a:hover{background:rgba(255,240,0,.15);color:#fff}

/* tables inside article — scrollable on narrow screens instead of crushing */
.jt-content .jt-tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:18px 0;padding:0 0 6px;scrollbar-width:thin;scrollbar-color:rgba(255,240,0,.35) transparent;max-width:100%}
.jt-content .jt-tbl-wrap::-webkit-scrollbar{height:8px}
.jt-content .jt-tbl-wrap::-webkit-scrollbar-track{background:transparent}
.jt-content .jt-tbl-wrap::-webkit-scrollbar-thumb{background:rgba(255,240,0,.35);border-radius:4px}
.jt-content .jt-tbl-wrap::-webkit-scrollbar-thumb:hover{background:rgba(255,240,0,.6)}
.jt-content table{width:100%;min-width:640px;margin:0;background:rgba(0,0,0,.18);border-radius:10px;overflow:hidden;border-collapse:collapse}
.jt-content th,.jt-content td{padding:11px 14px;border:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:top;line-height:1.5;font-size:14px;overflow-wrap:normal;word-break:normal;hyphens:none}
.jt-content th{background:rgba(255,240,0,.14);color:#fff;font-weight:600;white-space:nowrap}
.jt-content td{color:rgba(255,255,255,.88)}

/* override brand-wide justify (looks bad at 1560px) */
.jt-content p{text-align:left;hyphens:none}

@media (max-width:768px){
  .jt-content{padding:22px 16px 16px;font-size:15px}
  .jt-content > h1{font-size:26px}
  .jt-content > h2{font-size:21px;margin:28px auto 12px}
  .jt-content > h3{font-size:18px}
  .jt-content > h1,.jt-content > h2,.jt-content > h3,.jt-content > p,.jt-content > ul,.jt-content > ol,.jt-content .jt-cta,.jt-content .jt-keys,.jt-content .jt-toc{max-width:100%}
  .jt-content .jt-cta,.jt-content .jt-keys,.jt-content .jt-toc{padding:18px 16px}
  /* tables: keep min-width, extend wrap to edge of card, enable swipe */
  .jt-content .jt-tbl-wrap{margin:14px -16px;padding:0 16px 8px}
  .jt-content table{min-width:560px;font-size:13px}
  .jt-content th,.jt-content td{padding:9px 12px;font-size:13px;line-height:1.45}
  .jt-content th{font-size:12px}
}
@media (max-width:420px){
  .jt-content table{min-width:520px;font-size:12px}
  .jt-content th,.jt-content td{padding:8px 10px}
}