/* gambling-websites.net — хабы главной (ЭТАП 08b). Только на «/». Скин: gwn-skin.v1.css */
.gwn-sheet .gwnh{margin:30px 0 34px;clear:both}
.gwn-sheet .gwnh-h{font-family:var(--disp);font-size:15px;letter-spacing:.09em;text-transform:uppercase;color:var(--felt);
  margin:0 0 12px;padding:0 0 8px;border-bottom:1px solid var(--rule);max-width:none}
.gwn-sheet .gwnh-l{max-width:var(--text);margin:0 0 16px}
.gwn-sheet .gwnh-g{list-style:none;margin:0;padding:0;max-width:none;display:grid;gap:14px}
.gwn-sheet .gwnh-i{margin:0;padding:0;min-width:0}
.gwn-sheet .gwnh-i::marker{content:none}
.gwn-sheet a.gwnh-c{display:flex;flex-direction:column;height:100%;color:var(--ink);text-decoration:none;
  background:#fff;border:1px solid var(--rule);border-radius:6px;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.gwn-sheet a.gwnh-c:hover{border-color:var(--wine);box-shadow:0 3px 12px rgba(23,26,24,.12)}
.gwn-sheet a.gwnh-c:focus-visible{outline:2px solid var(--wine);outline-offset:2px}
.gwn-sheet .gwnh-p{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;margin:0;border:0;border-radius:0;background:var(--sheet-2)}
.gwn-sheet .gwnh-b{display:flex;flex-direction:column;gap:4px;padding:10px 12px 12px;flex:1}
.gwn-sheet .gwnh-k{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--wine)}
.gwn-sheet .gwnh-t{font-family:var(--disp);font-size:18px;line-height:1.2;color:var(--felt-dk)}
.gwn-sheet a.gwnh-c:hover .gwnh-t{color:var(--wine)}
.gwn-sheet .gwnh-d{font-size:14px;line-height:1.45;color:var(--ink-2)}
.gwn-sheet .gwnh-m{margin:14px 0 0;max-width:none;text-align:right}
.gwn-sheet .gwnh-m a{font-weight:700;color:var(--wine);text-decoration:none;border-bottom:1px solid currentColor}
.gwn-sheet .gwnh-cred{font-size:12px;line-height:1.5;color:var(--ink-2);max-width:none;margin:8px 0 24px}
.gwn-sheet .gwnh-cred a{color:var(--ink-2)}

/* ticket — пять билетов в ряд, перфорация */
.gwnh--ticket .gwnh-g{grid-template-columns:repeat(5,1fr);gap:10px}
.gwn-sheet .gwnh--ticket a.gwnh-c{border-style:dashed;border-color:var(--felt-lt)}
.gwn-sheet .gwnh--ticket .gwnh-b{padding:8px 10px 10px;border-top:2px dotted var(--rule)}
.gwn-sheet .gwnh--ticket .gwnh-t{font-size:16px}
.gwn-sheet .gwnh--ticket .gwnh-d{font-size:13px}

/* split — критерии: кадр слева, текст справа, ряды */
.gwnh--split .gwnh-g{grid-template-columns:1fr;gap:10px}
.gwn-sheet .gwnh--split a.gwnh-c{flex-direction:row;align-items:stretch}
.gwn-sheet .gwnh--split .gwnh-p{width:180px;flex:none;aspect-ratio:3/2}
.gwn-sheet .gwnh--split .gwnh-b{justify-content:center;padding:10px 16px;border-left:4px solid var(--felt)}

/* lead — главная карточка вширь + сетка 3 */
.gwnh--lead .gwnh-g{grid-template-columns:repeat(3,1fr)}
.gwnh--lead .gwnh-i--lead{grid-column:1/-1}
.gwn-sheet .gwnh--lead .gwnh-i--lead a.gwnh-c{flex-direction:row;background:var(--felt);border-color:var(--felt)}
.gwn-sheet .gwnh--lead .gwnh-i--lead .gwnh-p{width:52%;flex:none}
.gwn-sheet .gwnh--lead .gwnh-i--lead .gwnh-b{justify-content:center;padding:18px 22px}
.gwn-sheet .gwnh--lead .gwnh-i--lead .gwnh-t{font-size:26px;color:#fff}
.gwn-sheet .gwnh--lead .gwnh-i--lead .gwnh-d{color:#E4EDE7;font-size:15px}

/* spread — разворот: крупная слева на две строки, четыре справа */
.gwnh--spread .gwnh-g{grid-template-columns:2fr 1fr 1fr}
.gwnh--spread .gwnh-i--lead{grid-row:span 2}
.gwn-sheet .gwnh--spread .gwnh-i:not(.gwnh-i--lead) .gwnh-d{display:none}
.gwn-sheet .gwnh--spread .gwnh-i--lead .gwnh-t{font-size:24px}

/* mosaic — крупная 2×2 и пять малых, фото с плашкой */
.gwnh--mosaic .gwnh-g{grid-template-columns:repeat(3,1fr)}
.gwnh--mosaic .gwnh-i--lead{grid-column:span 2;grid-row:span 2}
.gwn-sheet .gwnh--mosaic a.gwnh-c{position:relative;border:0;background:var(--felt-dk)}
.gwn-sheet .gwnh--mosaic .gwnh-p{height:100%;aspect-ratio:auto;min-height:150px;opacity:.88}
.gwn-sheet .gwnh--mosaic .gwnh-b{position:absolute;left:0;right:0;bottom:0;padding:26px 12px 10px;
  background:linear-gradient(transparent,rgba(14,36,27,.92))}
.gwn-sheet .gwnh--mosaic .gwnh-t{color:#fff}
.gwn-sheet .gwnh--mosaic .gwnh-d{color:#E4EDE7;font-size:13px}
.gwn-sheet .gwnh--mosaic .gwnh-i:not(.gwnh-i--lead) .gwnh-d{display:none}
.gwn-sheet .gwnh--mosaic .gwnh-i--lead .gwnh-t{font-size:26px}

/* ribbon — плитки игр лентой */
.gwnh--ribbon .gwnh-g{grid-template-columns:repeat(6,1fr);gap:10px}
.gwn-sheet .gwnh--ribbon a.gwnh-c{align-items:center;text-align:center;background:var(--sheet-2)}
.gwn-sheet .gwnh--ribbon .gwnh-p{width:92px;height:92px;aspect-ratio:1;object-fit:contain;margin:14px auto 0;border-radius:10px;background:none}
.gwn-sheet .gwnh--ribbon .gwnh-t{font-size:17px}
.gwn-sheet .gwnh--ribbon .gwnh-d{font-size:12.5px}

/* coupon — купоны с отрывной кромкой */
.gwnh--coupon .gwnh-g{grid-template-columns:repeat(3,1fr)}
.gwn-sheet .gwnh--coupon a.gwnh-c{flex-direction:row;background:var(--sheet);border:2px dashed var(--wine)}
.gwn-sheet .gwnh--coupon .gwnh-p{width:96px;flex:none;aspect-ratio:1}
.gwn-sheet .gwnh--coupon .gwnh-b{padding:8px 10px;border-left:2px dashed var(--rule)}
.gwn-sheet .gwnh--coupon .gwnh-t{font-size:16px;color:var(--wine)}
.gwn-sheet .gwnh--coupon .gwnh-d{font-size:13px}

/* ledger — касса строками: знак, текст, стрелка */
.gwnh--ledger .gwnh-g{grid-template-columns:1fr 1fr;gap:0 18px;border-top:2px solid var(--felt)}
.gwn-sheet .gwnh--ledger a.gwnh-c{flex-direction:row;align-items:center;border:0;border-bottom:1px solid var(--rule);border-radius:0;background:none;padding:10px 0}
.gwn-sheet .gwnh--ledger a.gwnh-c:hover{box-shadow:none;background:var(--sheet-2)}
.gwn-sheet .gwnh--ledger .gwnh-p{width:84px;height:56px;aspect-ratio:auto;object-fit:contain;flex:none;background:#fff;border:1px solid var(--rule);border-radius:4px;padding:4px}
.gwn-sheet .gwnh--ledger .gwnh-b{padding:0 10px 0 12px}
.gwn-sheet .gwnh--ledger .gwnh-t{font-size:17px}
.gwn-sheet .gwnh--ledger .gwnh-d{font-size:13px}
.gwn-sheet .gwnh--ledger .gwnh-x{margin-left:auto;padding-right:6px;font-size:20px;color:var(--wine)}

/* flags — флаги штатов: США вширь, остальные сеткой */
.gwnh--flags .gwnh-g{grid-template-columns:repeat(3,1fr)}
.gwnh--flags .gwnh-i--lead{grid-column:1/-1}
.gwn-sheet .gwnh--flags .gwnh-i--lead a.gwnh-c{flex-direction:row;align-items:center}
.gwn-sheet .gwnh--flags .gwnh-i--lead .gwnh-p{width:240px;flex:none;border-right:1px solid var(--rule)}
.gwn-sheet .gwnh--flags .gwnh-i--lead .gwnh-b{padding:14px 20px}
.gwn-sheet .gwnh--flags .gwnh-i--lead .gwnh-t{font-size:24px}
.gwn-sheet .gwnh--flags .gwnh-p{object-fit:cover;border-bottom:1px solid var(--rule)}

/* board — спорт: табло, кикер-лига */
.gwnh--board .gwnh-g{grid-template-columns:repeat(3,1fr)}
.gwnh--board .gwnh-i--lead{grid-column:span 2}
.gwn-sheet .gwnh--board a.gwnh-c{background:var(--felt-dk);border-color:var(--felt-dk)}
.gwn-sheet .gwnh--board .gwnh-t{color:#fff}
.gwn-sheet .gwnh--board .gwnh-d{color:#C9D6CE;font-size:13px}
.gwn-sheet .gwnh--board .gwnh-k{align-self:flex-start;background:var(--wine);color:#fff;padding:2px 7px;border-radius:3px}
.gwn-sheet .gwnh--board .gwnh-i--lead .gwnh-p{aspect-ratio:2/1}
.gwn-sheet .gwnh--board .gwnh-i--lead .gwnh-t{font-size:26px}

/* press — разъяснения: три крупных, остальные строками с датой */
.gwnh--press .gwnh-g{grid-template-columns:repeat(3,1fr)}
.gwnh--press .gwnh-i:nth-child(n+4){grid-column:1/-1}
.gwn-sheet .gwnh--press .gwnh-i:nth-child(n+4) a.gwnh-c{flex-direction:row;align-items:center;border-width:0 0 1px;border-radius:0;background:none}
.gwn-sheet .gwnh--press .gwnh-i:nth-child(n+4) a.gwnh-c:hover{box-shadow:none}
.gwn-sheet .gwnh--press .gwnh-i:nth-child(n+4) .gwnh-p{width:120px;flex:none;border-radius:4px}
.gwn-sheet .gwnh--press .gwnh-i:nth-child(n+4) .gwnh-b{padding:8px 0 8px 14px}
.gwn-sheet .gwnh--press .gwnh-i:nth-child(n+4) .gwnh-t{font-size:17px}
.gwnh--press .gwnh-i:nth-child(4){margin-top:6px}
.gwnh--press .gwnh-i:nth-child(n+4){border-top:0}
.gwnh--press .gwnh-g{row-gap:10px}

/* «New USA Online Casinos» — имя под логотипом вместо мёртвого «Read Review» */
.gwn-sheet .gwnh-nm{display:block;margin-top:6px;font-weight:700;color:var(--felt-dk);font-size:14px}

/* донорские картинки листа */
.gwn-sheet .media-left img,.gwn-sheet .media img{border:1px solid var(--rule);border-radius:6px;background:#fff}

@media (max-width:900px){
  .gwnh--ticket .gwnh-g{grid-template-columns:repeat(3,1fr)}
  .gwnh--ribbon .gwnh-g{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:600px){
  .gwn-sheet .gwnh{margin:24px 0 26px}
  .gwnh--ticket .gwnh-g{grid-template-columns:1fr 1fr}
  .gwnh--ticket .gwnh-i:first-child{grid-column:1/-1}
  .gwnh--lead .gwnh-g,.gwnh--coupon .gwnh-g,.gwnh--flags .gwnh-g,.gwnh--board .gwnh-g,.gwnh--press .gwnh-g{grid-template-columns:1fr 1fr}
  .gwnh--spread .gwnh-g,.gwnh--mosaic .gwnh-g{grid-template-columns:1fr 1fr}
  .gwnh--spread .gwnh-i--lead,.gwnh--mosaic .gwnh-i--lead,.gwnh--board .gwnh-i--lead{grid-column:1/-1;grid-row:auto}
  .gwnh--ledger .gwnh-g{grid-template-columns:1fr}
  .gwnh--coupon .gwnh-g{grid-template-columns:1fr}
  .gwnh--ribbon .gwnh-g{grid-template-columns:repeat(2,1fr)}
  .gwnh--press .gwnh-i:nth-child(-n+3){grid-column:1/-1}
  .gwnh--lead .gwnh-i:last-child:nth-child(even),.gwnh--ribbon .gwnh-i:last-child:nth-child(odd){grid-column:1/-1}
  .gwn-sheet .gwnh-g{gap:10px}
  .gwn-sheet .gwnh-b{padding:8px 10px 10px}
  .gwn-sheet .gwnh-t{font-size:16px}
  .gwn-sheet .gwnh-d{font-size:13px}
  .gwn-sheet .gwnh--split .gwnh-p{width:112px}
  .gwn-sheet .gwnh--split .gwnh-b{padding:8px 10px}
  .gwn-sheet .gwnh--lead .gwnh-i--lead a.gwnh-c,.gwn-sheet .gwnh--flags .gwnh-i--lead a.gwnh-c{flex-direction:column;align-items:stretch}
  .gwn-sheet .gwnh--lead .gwnh-i--lead .gwnh-p,.gwn-sheet .gwnh--flags .gwnh-i--lead .gwnh-p{width:100%;border-right:0}
  .gwn-sheet .gwnh--lead .gwnh-i--lead .gwnh-t,.gwn-sheet .gwnh--mosaic .gwnh-i--lead .gwnh-t,
  .gwn-sheet .gwnh--board .gwnh-i--lead .gwnh-t,.gwn-sheet .gwnh--spread .gwnh-i--lead .gwnh-t,
  .gwn-sheet .gwnh--flags .gwnh-i--lead .gwnh-t{font-size:21px}
  .gwn-sheet .gwnh--lead .gwnh-i:not(.gwnh-i--lead) .gwnh-d,.gwn-sheet .gwnh--flags .gwnh-i:not(.gwnh-i--lead) .gwnh-d,
  .gwn-sheet .gwnh--board .gwnh-i:not(.gwnh-i--lead) .gwnh-d,.gwn-sheet .gwnh--ticket .gwnh-d{display:none}
  .gwn-sheet .gwnh--board .gwnh-i--lead .gwnh-p{min-height:0;aspect-ratio:3/2}
  .gwn-sheet .gwnh--mosaic .gwnh-p{min-height:120px}
  .gwn-sheet .gwnh--press .gwnh-i:nth-child(n+4) .gwnh-p{width:96px}
  .gwn-sheet .gwnh--ledger .gwnh-p{width:72px;height:48px}
}
