/* cgn · главная 08b — хабы разделов донора (префикс cgx-, токены скина TURF) */
.tf-sheet .cgx{margin:34px 0;clear:both}
.tf-sheet .cgx a{text-decoration:none;color:inherit}
.tf-sheet .cgx ul,.tf-sheet .cgx ol{list-style:none;margin:0;padding:0}
.tf-sheet .cgx li{margin:0;padding:0}
.tf-sheet .cgx li::before,.tf-sheet .cgx li::marker{content:none}
.tf-sheet .cgx img{display:block;max-width:100%;height:auto}
.tf-sheet .cgx-start-big img,.tf-sheet .cgx-sp img{height:100%}
.cgx-hd{margin:0 0 16px}
.tf-sheet .cgx-hd h3{font:700 22px/1.25 var(--t-disp);color:var(--t-coal);margin:0 0 6px;padding:0}
.tf-sheet .cgx-hd p{margin:0;color:var(--t-slate);font-size:15px;line-height:1.5}
.tf-sheet .cgx-more{margin:14px 0 0;text-align:right;font-size:15px}
.tf-sheet .cgx-more a{color:var(--t-grass);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.cgx b{display:block;font-weight:700}
.cgx small{display:block;font-size:13.5px;line-height:1.45;color:var(--t-slate)}

/* плитка-токен (вместо фото, где фото нет) */
.cgx-tile{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:8px;
  width:104px;min-height:84px;padding:12px;border-radius:12px;background:var(--t-grass-soft);color:var(--t-grass);flex:none}
.cgx-tile svg{width:22px;height:22px}
.cgx-tile b{font:800 17px/1.1 var(--t-disp);color:var(--t-coal)}
.cgx-tile--navy{background:var(--t-navy);color:var(--t-gold)}
.cgx-tile--navy b{color:#fff}
.cgx-tile--gold{background:#fff6d6;color:#9a7300}
.cgx-tile--flag{background:#fbe7e3;color:var(--t-flag)}
.cgx-tile--grass{background:var(--t-grass-soft)}

/* A · разворот: большое фото + три строки */
.cgx-start-g{display:grid;grid-template-columns:1.15fr 1fr;gap:14px}
.cgx-start-big{position:relative;display:block;border-radius:var(--t-r);overflow:hidden;min-height:300px;background:var(--t-navy)}
.cgx-start-big img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cgx-start-big>span{position:absolute;left:0;right:0;bottom:0;padding:60px 18px 16px;
  background:linear-gradient(transparent,rgba(14,34,51,.92));color:#fff}
.cgx-start-big em{font:700 12px/1 var(--t-body);letter-spacing:.08em;text-transform:uppercase;color:var(--t-gold);font-style:normal}
.cgx-start-big b{font:700 21px/1.2 var(--t-disp);margin:6px 0 4px}
.cgx-start-big small{color:#dfe6ec}
.cgx-start ul{display:flex;flex-direction:column;gap:10px}
.cgx-start li a{display:flex;gap:12px;align-items:stretch;padding:10px;border:1px solid var(--t-line);border-radius:14px;background:var(--t-chalk);height:100%}
.cgx-start li a:hover{border-color:var(--t-grass)}
.cgx-start li .cgx-tile{width:100px;min-height:76px}
.cgx-start li .cgx-tile b{white-space:nowrap}
.cgx-start li b{font:700 16px/1.25 var(--t-disp);color:var(--t-coal);margin:2px 0 3px}

/* B1 · правовые гайды: тёмная панель, токен слева */
.cgx-law{background:var(--t-navy);border-radius:var(--t-r);padding:24px 24px 14px;color:#fff}
.tf-sheet .cgx-law .cgx-hd h3{color:#fff}
.tf-sheet .cgx-law .cgx-hd p{color:#b8c6d2}
.cgx-law ol a{display:grid;grid-template-columns:120px 1fr 20px;gap:16px;align-items:center;padding:14px 0;border-top:1px solid var(--t-navy-2)}
.cgx-law ol a:hover b{color:var(--t-gold)}
.cgx-law-k{display:flex;align-items:center;gap:8px;color:var(--t-gold)}
.cgx-law-k b{font:800 17px/1.1 var(--t-disp);color:var(--t-gold)}
.cgx-law-t b{font:700 16px/1.3 var(--t-disp);color:#fff;margin-bottom:3px}
.cgx-law-t small{color:#b8c6d2}
.cgx-law i{font-style:normal;color:var(--t-gold);font-size:18px}

/* B2 · штаты: плиточная карта + флаги */
.cgx-st-map{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(8,auto);gap:4px;
  max-width:560px;margin:0 auto 18px}
.cgx-st-map span{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:6px;
  background:var(--t-fog);color:#8a96a1;font:700 11px/1 var(--t-body)}
.cgx-st-map span.on{background:var(--t-grass);color:#fff}
.cgx-st-g{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.cgx-st-g a{display:flex;flex-direction:column;height:100%;border:1px solid var(--t-line);border-radius:14px;overflow:hidden;background:var(--t-chalk)}
.cgx-st-g a:hover{border-color:var(--t-grass)}
.cgx-st-g img{width:100%;aspect-ratio:25/16;object-fit:cover;border-bottom:1px solid var(--t-line)}
.cgx-st-g span{padding:10px 12px 12px}
.cgx-st-g b{font:700 15px/1.25 var(--t-disp);color:var(--t-coal);margin-bottom:3px}
.cgx-st-g small{font-size:12.5px}

/* C · типы ставок: вкладки на CSS */
.cgx-bt>input{position:absolute;opacity:0;pointer-events:none}
.cgx-bt-tabs{display:flex;gap:6px;border-bottom:2px solid var(--t-line);margin-bottom:14px}
.cgx-bt-tabs label{display:flex;align-items:center;gap:8px;padding:10px 16px;cursor:pointer;font:700 15px/1 var(--t-disp);
  color:var(--t-slate);border-bottom:3px solid transparent;margin-bottom:-2px}
.cgx-bt-tabs em{font-style:normal;font-size:12px;background:var(--t-fog);border-radius:10px;padding:3px 7px}
#cgx-bt-1:checked~.cgx-bt-tabs label[for=cgx-bt-1],#cgx-bt-2:checked~.cgx-bt-tabs label[for=cgx-bt-2]{color:var(--t-coal);border-color:var(--t-grass)}
#cgx-bt-1:focus-visible~.cgx-bt-tabs label[for=cgx-bt-1],#cgx-bt-2:focus-visible~.cgx-bt-tabs label[for=cgx-bt-2]{outline:2px solid var(--t-grass)}
.cgx-bt-p{display:none}
#cgx-bt-1:checked~.cgx-bt-p1,#cgx-bt-2:checked~.cgx-bt-p2{display:block}
.cgx-bt-g{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.cgx-bt-g a{display:grid;grid-template-columns:104px 1fr;grid-template-rows:auto 1fr;column-gap:12px;padding:10px;
  border:1px solid var(--t-line);border-radius:14px;background:var(--t-paper);height:100%}
.cgx-bt-g a:hover{border-color:var(--t-grass)}
.cgx-bt-g .cgx-tile{grid-row:1/3}
.cgx-bt-g a>b{font:700 15px/1.3 var(--t-disp);color:var(--t-coal);margin:2px 0 3px}

/* D · касса: строки с логотипами */
.cgx-cash ul{border:1px solid var(--t-line);border-radius:var(--t-r);overflow:hidden}
.cgx-cash li+li{border-top:1px solid var(--t-line)}
.cgx-cash ul a{display:grid;grid-template-columns:150px 1fr 130px;gap:18px;align-items:center;padding:14px 18px;background:var(--t-chalk)}
.cgx-cash ul a:hover{background:var(--t-paper)}
.cgx-cash-l{display:flex;align-items:center;gap:8px;justify-content:center;height:72px;background:var(--t-paper);border-radius:12px;padding:8px}
.tf-sheet .cgx-cash-l img{width:auto;max-height:40px}
.tf-sheet .cgx-cash-l img[src$="paypal.webp"]{max-height:56px}
.cgx-cash-l .cgx-tile{width:100%;min-height:56px;flex-direction:row;align-items:center;justify-content:center}
.cgx-cash-t b{font:700 16px/1.3 var(--t-disp);color:var(--t-coal);margin-bottom:3px}
.cgx-cash-n{text-align:right}
.cgx-cash-n b{font:800 22px/1.1 var(--t-disp);color:var(--t-grass)}

/* E · виды спорта: мозаика фото */
.cgx-sp ul{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:150px;gap:10px}
.cgx-sp li{position:relative}
.cgx-sp li.cgx-sp-big{grid-column:span 2;grid-row:span 2}
.cgx-sp li.cgx-sp-wide{grid-column:span 2}
/* только карточки ul>li>a: «All … →» под сеткой тоже <a>, с inset:0 он ложится слоем на весь экран */
.cgx-sp ul a{position:absolute;inset:0;border-radius:14px;overflow:hidden;background:var(--t-navy)}
.cgx-sp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.cgx-sp ul a:hover img{transform:scale(1.04)}
.cgx-sp ul a>span{position:absolute;left:0;right:0;bottom:0;padding:34px 12px 10px;background:linear-gradient(transparent,rgba(14,34,51,.9));color:#fff}
.cgx-sp ul a>span svg{width:18px;height:18px;color:var(--t-gold)}
.cgx-sp b{font:700 15px/1.2 var(--t-disp);margin:4px 0 2px}
.cgx-sp-big b{font-size:20px}
.cgx-sp small{color:#dfe6ec;font-size:12.5px}

/* F · превью и материалы: горизонтальная лента */
.cgx-rd>ul{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;overscroll-behavior-x:contain}
.cgx-rd>ul>li{flex:0 0 236px;scroll-snap-align:start}
.cgx-rd>ul a{display:flex;flex-direction:column;height:100%;border:1px solid var(--t-line);border-radius:14px;overflow:hidden;background:var(--t-chalk)}
.cgx-rd>ul a:hover{border-color:var(--t-grass)}
.cgx-rd>ul img,.cgx-rd-art{width:100%;aspect-ratio:15/7;object-fit:cover}
.cgx-rd-art{display:flex;background:var(--t-navy)}
.cgx-rd-art .cgx-tile{width:100%;min-height:0;border-radius:0}
.cgx-rd em{font:700 11px/1 var(--t-body);letter-spacing:.06em;text-transform:uppercase;color:var(--t-grass);font-style:normal;padding:12px 12px 0}
.cgx-rd>ul b{font:700 15px/1.3 var(--t-disp);color:var(--t-coal);padding:6px 12px 4px}
.cgx-rd>ul small{padding:0 12px 12px;font-size:12.5px}
.cgx-cr{margin-top:10px;font-size:12.5px;color:var(--t-slate)}
.cgx-cr summary{cursor:pointer}
.tf-sheet .cgx-cr ul{margin:6px 0}
.tf-sheet .cgx-cr p{margin:4px 0 0;font-size:12.5px}

@media (max-width:760px){
  .cgx-start-g{grid-template-columns:1fr}
  .cgx-start-big{min-height:240px}
  .cgx-law{padding:18px 16px 8px}
  .cgx-law ol a{grid-template-columns:1fr;gap:6px}
  .cgx-law i{display:none}
  .cgx-st-g{grid-template-columns:repeat(2,1fr);gap:8px}
  .cgx-st-map{gap:2px}
  .cgx-st-map span{font-size:8px;border-radius:3px}
  .cgx-bt-g{grid-template-columns:1fr}
  .cgx-bt-g a{grid-template-columns:88px 1fr}
  .cgx-bt-g .cgx-tile{width:88px}
  .cgx-bt-tabs label{padding:10px 8px;font-size:14px}
  .cgx-cash ul a{grid-template-columns:96px 1fr;gap:12px;padding:12px}
  .cgx-cash-n{grid-column:2;text-align:left}
  .cgx-cash-l{height:60px;gap:4px;padding:6px}
  .tf-sheet .cgx-cash-l img{max-width:46%;max-height:30px}
  .tf-sheet .cgx-cash-l img[src$="paypal.webp"]{max-width:100%;max-height:48px}
  .cgx-sp ul{grid-template-columns:1fr 1fr;grid-auto-rows:120px}
  .cgx-rd>ul>li{flex-basis:78%}
}