/* Category introduction: scoped to the approved second section. */
.page-live #live-types{padding:76px 0 48px;background:linear-gradient(180deg,#fff 0%,#f7fbff 100%)}
#live-types .types-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;margin-bottom:0}
#live-types .types-heading h2{font-size:36px;line-height:1.4;letter-spacing:-.025em}
#live-types .types-heading>p{margin:0;padding-top:4px;font-size:16px;line-height:1.8;color:#566c80}
#live-types .live-types{gap:0;margin-top:44px}
#live-types .live-types article{display:flex;flex-direction:column;min-width:0;border-top:0;padding:0 32px;border-left:1px solid #d7e3ed}
#live-types .live-types article:first-child{padding-left:0;border-left:0}
#live-types .live-types article:last-child{padding-right:0}
#live-types .type-number{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:600;letter-spacing:.1em;color:#526f88}
#live-types .type-number>span{color:#a8bfd1;font-weight:400}
#live-types .live-types h3{margin:16px 0 10px;font-size:30px;line-height:1.3;letter-spacing:-.025em;color:#103254}
#live-types .live-types .type-focus{margin:0 0 13px;font-size:17px;line-height:1.6;font-weight:600;color:#1558a5}
#live-types .live-types .type-description{margin:0 0 25px;font-size:15px;line-height:1.9;color:#52677a}
#live-types .type-example{display:flex;gap:12px;align-items:center;margin-top:auto;padding:15px 0;min-height:82px;border-top:1px solid #d7e3ed;color:#143655;transition:color .2s}
#live-types .type-example img{flex:none;width:52px;height:52px;object-fit:cover;border-radius:4px}
#live-types .type-example>span:not(.type-arrow){min-width:0}
#live-types .type-example small{display:block;font-size:11px;line-height:1.5;font-weight:400;color:#687d8f;margin-bottom:4px}
#live-types .type-example strong{display:block;font-size:14px;line-height:1.5;font-weight:600}
#live-types .type-arrow{margin-left:auto;padding-left:4px;font-size:22px;color:#206ab6;transition:transform .2s}
#live-types .type-example:focus-visible{outline:2px solid #0969df;outline-offset:5px;border-radius:3px}
#live-types .types-note{margin:25px 0 0;padding-top:18px;border-top:1px solid #d7e3ed;font-size:12px;line-height:1.8;color:#667c8f}
#live-baccarat,#live-blackjack,#live-sicbo{scroll-margin-top:18px}
@media(hover:hover) and (pointer:fine){
 #live-types .type-example:hover{color:#0064d9}
 #live-types .type-example:hover .type-arrow{transform:translateY(3px)}
}
@media(max-width:1000px) and (min-width:781px){
 #live-types .live-types article{padding:0 20px}
 #live-types .type-example{gap:9px}
 #live-types .type-example img{width:44px;height:44px}
 #live-types .type-example strong{font-size:13px}
}
@media(max-width:780px){
 .page-live #live-types{padding:44px 0 32px}
 #live-types .types-heading{display:block}
 #live-types .types-heading h2{font-size:27px;letter-spacing:-.04em}
 #live-types .types-heading>p{font-size:14px;margin-top:18px;padding:0}
 #live-types .types-heading>p br{display:none}
 #live-types .live-types{margin-top:29px;gap:0}
 #live-types .live-types article,#live-types .live-types article:first-child,#live-types .live-types article:last-child{padding:25px 0 17px;border:0;border-top:1px solid #cbdde9}
 #live-types .type-number{font-size:10px}
 #live-types .live-types h3{font-size:27px;margin:10px 0 5px}
 #live-types .live-types .type-focus{font-size:16px;margin-bottom:9px}
 #live-types .live-types .type-description{font-size:14px;line-height:1.85;margin-bottom:15px}
 #live-types .type-example{padding:10px 0;min-height:64px;border:0}
 #live-types .type-example img{width:44px;height:44px}
 #live-types .types-note{margin-top:4px;font-size:11px;padding-top:16px}
}
@media(prefers-reduced-motion:reduce){#live-types .type-example,#live-types .type-arrow{transition:none}#live-types .type-example:hover .type-arrow{transform:none}}

/* Pale photographic backdrops stay behind the copy and clear of the links. */
#live-types .live-types article{position:relative;isolation:isolate}
#live-types .live-types article::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:-18px 12px 48px;background-image:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.76) 42%,rgba(255,255,255,.12) 100%),var(--type-backdrop);background-size:cover;background-position:right center;opacity:.65;mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 68%,transparent 100%)}
#live-types .live-types article:nth-child(1){--type-backdrop:url('../assets/live-types-bg/baccarat.jpg')}
#live-types .live-types article:nth-child(2){--type-backdrop:url('../assets/live-types-bg/blackjack.jpg')}
#live-types .live-types article:nth-child(3){--type-backdrop:url('../assets/live-types-bg/sicbo.jpg')}
#live-types .live-types article:first-child::before{left:-12px}
#live-types .live-types article:last-child::before{right:-12px}
@media(max-width:780px){
 #live-types .live-types article::before,#live-types .live-types article:first-child::before,#live-types .live-types article:last-child::before{inset:8px -8px 46px;background-size:auto 100%;background-repeat:no-repeat;background-position:right center;opacity:.58}
}