/* Shared compact guide directories; preserves markup, artwork and destinations. */
html:has(#cnd-clean-directories) body #main#main :is(.cnd-merged-topic ul,.cnd-rs-topic-tiles,.cnd-system-cards,.cnd-live-guide-links,.cnd-guide-directory>ul){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 22px!important;columns:auto!important;background:#f5f9fa!important;border:0!important;border-top:3px solid #168294!important;border-radius:0 0 8px 8px!important;padding:0 12px!important;margin:0 0 24px!important;list-style:none!important}
html:has(#cnd-clean-directories) body #main#main :is(.cnd-merged-topic ul,.cnd-rs-topic-tiles,.cnd-system-cards,.cnd-live-guide-links,.cnd-guide-directory>ul)>li{display:block!important;min-width:0!important;width:auto!important;float:none!important;padding:0!important;margin:0!important;border:0!important;border-bottom:1px solid #d6e5e8!important;background:none!important;box-shadow:none!important}
html:has(#cnd-clean-directories) body #main#main :is(.cnd-merged-topic ul,.cnd-rs-topic-tiles,.cnd-system-cards,.cnd-live-guide-links,.cnd-guide-directory>ul)>li:before{display:none!important}
html:has(#cnd-clean-directories) body #main#main :is(.cnd-merged-topic ul,.cnd-rs-topic-tiles,.cnd-system-cards,.cnd-live-guide-links,.cnd-guide-directory>ul) :is(p,h3){padding:0!important;margin:0!important;border:0!important;height:auto!important;font-size:15px!important;line-height:1.35!important}
html:has(#cnd-clean-directories) body #main#main :is(.cnd-merged-topic ul,.cnd-rs-topic-tiles,.cnd-system-cards,.cnd-live-guide-links,.cnd-guide-directory>ul) a{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;min-height:68px!important;height:100%!important;padding:7px 4px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-decoration:none!important;line-height:1.35!important;font-size:15px!important;font-weight:600!important;box-sizing:border-box!important;transform:none!important}
html:has(#cnd-clean-directories) body #main#main :is(.cnd-merged-topic ul,.cnd-rs-topic-tiles,.cnd-system-cards,.cnd-live-guide-links,.cnd-guide-directory>ul) a:hover{background:#e8f3f4!important;color:#00596a!important}
html:has(#cnd-clean-directories) body #main#main :is(.cnd-merged-topic ul,.cnd-rs-topic-tiles,.cnd-system-cards,.cnd-live-guide-links,.cnd-guide-directory>ul) a:focus-visible{outline:2px solid #168294!important;outline-offset:-2px}
html:has(#cnd-clean-directories) body #main#main :is(.cnd-merged-topic ul,.cnd-rs-topic-tiles,.cnd-system-cards,.cnd-live-guide-links,.cnd-guide-directory>ul) a::after{content:'\2192';margin-left:auto;font-size:22px;color:#168294;flex:0 0 auto}
html:has(#cnd-clean-directories) body #main#main :is(.cnd-merged-topic ul,.cnd-rs-topic-tiles,.cnd-system-cards,.cnd-live-guide-links,.cnd-guide-directory>ul) a>img{order:-1!important;width:52px!important;height:52px!important;max-width:52px!important;flex:0 0 52px!important;object-fit:contain!important;margin:0!important;padding:0!important;float:none!important;position:static!important;border-radius:4px!important}
html:has(#cnd-clean-directories) body #main#main :is(.cnd-merged-topic ul,.cnd-rs-topic-tiles,.cnd-system-cards,.cnd-live-guide-links,.cnd-guide-directory>ul) a>:is(span,div){min-width:0;}
html:has(#cnd-clean-directories) body #main#main .cnd-system-card-copy{padding:0!important}
html:has(#cnd-clean-directories) body #main#main .cnd-system-read{font-size:11px!important;line-height:1.2!important;margin:3px 0 0!important;display:block!important}
html:has(#cnd-clean-directories) body #main#main .cnd-live-link-arrow{display:none!important}
html:has(#cnd-clean-directories) body #main#main .cnd-live-link-icon{flex:0 0 44px!important;width:44px!important;height:44px!important}
html:has(#cnd-clean-directories) body #main#main .cnd-merged-topic{margin-bottom:24px!important}
html:has(#cnd-clean-directories) body #main#main .cnd-merged-topic summary{margin-bottom:10px!important}
@media(max-width:700px){
html:has(#cnd-clean-directories) body #main#main :is(.cnd-merged-topic ul,.cnd-rs-topic-tiles,.cnd-system-cards,.cnd-live-guide-links,.cnd-guide-directory>ul){grid-template-columns:minmax(0,1fr)!important;gap:0!important;padding:0 9px!important;margin-bottom:20px!important}
html:has(#cnd-clean-directories) body #main#main :is(.cnd-merged-topic ul,.cnd-rs-topic-tiles,.cnd-system-cards,.cnd-live-guide-links,.cnd-guide-directory>ul) a{gap:9px!important;min-height:60px!important;padding:6px 1px!important;font-size:14px!important}
html:has(#cnd-clean-directories) body #main#main :is(.cnd-merged-topic ul,.cnd-rs-topic-tiles,.cnd-system-cards,.cnd-live-guide-links,.cnd-guide-directory>ul) a>img{width:46px!important;height:46px!important;max-width:46px!important;flex-basis:46px!important}
html:has(#cnd-clean-directories) body #main#main :is(.cnd-merged-topic ul,.cnd-rs-topic-tiles,.cnd-system-cards,.cnd-live-guide-links,.cnd-guide-directory>ul) h3{font-size:14px!important;line-height:1.35!important}
}

/* Larger image cards for Widespread Casino Systems on /casino-strategies/. */
html:has(#cnd-clean-directories) body #main#main .guide-section:has(>h2#proto-section-2) ul.cnd-system-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;padding:0!important;margin:0 0 28px!important;background:transparent!important;border:0!important;border-radius:0!important}
html:has(#cnd-clean-directories) body #main#main .guide-section:has(>h2#proto-section-2) ul.cnd-system-cards>li{overflow:hidden!important;border:1px solid #d6e5e8!important;border-radius:10px!important;background:#fff!important;box-shadow:0 2px 8px rgba(18,55,62,.07)!important}
html:has(#cnd-clean-directories) body #main#main .guide-section:has(>h2#proto-section-2) ul.cnd-system-cards a.cnd-system-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;min-height:0!important;height:100%!important;padding:0!important;background:#fff!important}
html:has(#cnd-clean-directories) body #main#main .guide-section:has(>h2#proto-section-2) ul.cnd-system-cards a.cnd-system-card>img{order:0!important;display:block!important;width:100%!important;height:auto!important;max-width:none!important;aspect-ratio:480/220!important;flex:0 0 auto!important;object-fit:cover!important;border-radius:0!important;background:#f4f8f8!important}
html:has(#cnd-clean-directories) body #main#main .guide-section:has(>h2#proto-section-2) .cnd-system-card-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-height:78px!important;padding:14px 16px!important;border-top:1px solid #e5edef!important;box-sizing:border-box!important}
html:has(#cnd-clean-directories) body #main#main .guide-section:has(>h2#proto-section-2) .cnd-system-card-copy h3{font-size:16px!important;line-height:1.35!important;color:#173b42!important}
html:has(#cnd-clean-directories) body #main#main .guide-section:has(>h2#proto-section-2) .cnd-system-read{font-size:12px!important;line-height:1.3!important;margin:5px 0 0!important;color:#168294!important}
html:has(#cnd-clean-directories) body #main#main .guide-section:has(>h2#proto-section-2) ul.cnd-system-cards a.cnd-system-card::after{display:none!important}
@media(max-width:700px){html:has(#cnd-clean-directories) body #main#main .guide-section:has(>h2#proto-section-2) ul.cnd-system-cards{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}html:has(#cnd-clean-directories) body #main#main .guide-section:has(>h2#proto-section-2) .cnd-system-card-copy{min-height:70px!important;padding:12px 14px!important}}
/* Larger image cards for Betting Progressions on /casino-strategies/. */
html:has(#cnd-clean-directories) body #main#main .guide-section:has(>h2#proto-section-1) ul.cnd-system-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;padding:0!important;margin:0 0 28px!important;background:transparent!important;border:0!important;border-radius:0!important}
html:has(#cnd-clean-directories) body #main#main .guide-section:has(>h2#proto-section-1) ul.cnd-system-cards>li{overflow:hidden!important;border:1px solid #d6e5e8!important;border-radius:10px!important;background:#fff!important;box-shadow:0 2px 8px rgba(18,55,62,.07)!important}
html:has(#cnd-clean-directories) body #main#main .guide-section:has(>h2#proto-section-1) ul.cnd-system-cards a.cnd-system-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;min-height:0!important;height:100%!important;padding:0!important;background:#fff!important}
html:has(#cnd-clean-directories) body #main#main .guide-section:has(>h2#proto-section-1) ul.cnd-system-cards a.cnd-system-card>img{order:0!important;display:block!important;width:100%!important;height:auto!important;max-width:none!important;aspect-ratio:480/220!important;flex:0 0 auto!important;object-fit:cover!important;border-radius:0!important;background:#f4f8f8!important}
html:has(#cnd-clean-directories) body #main#main .guide-section:has(>h2#proto-section-1) .cnd-system-card-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-height:78px!important;padding:14px 16px!important;border-top:1px solid #e5edef!important;box-sizing:border-box!important}
html:has(#cnd-clean-directories) body #main#main .guide-section:has(>h2#proto-section-1) .cnd-system-card-copy h3{font-size:16px!important;line-height:1.35!important;color:#173b42!important}
html:has(#cnd-clean-directories) body #main#main .guide-section:has(>h2#proto-section-1) .cnd-system-read{font-size:12px!important;line-height:1.3!important;margin:5px 0 0!important;color:#168294!important}
html:has(#cnd-clean-directories) body #main#main .guide-section:has(>h2#proto-section-1) ul.cnd-system-cards a.cnd-system-card::after{display:none!important}
@media(max-width:700px){html:has(#cnd-clean-directories) body #main#main .guide-section:has(>h2#proto-section-1) ul.cnd-system-cards{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}html:has(#cnd-clean-directories) body #main#main .guide-section:has(>h2#proto-section-1) .cnd-system-card-copy{min-height:70px!important;padding:12px 14px!important}}
/* The strategy page uses the space occupied by its generated contents sidebar. */
html:has(#cnd-clean-directories) body main#main.guide-preview.cnd-listing-columns:has(#proto-section-1):has(#proto-section-2){grid-template-columns:minmax(0,1fr)!important;gap:0!important}
html:has(#cnd-clean-directories) body main#main.guide-preview.cnd-listing-columns:has(#proto-section-1):has(#proto-section-2)>aside.cnd-listing-sidebar{display:none!important}
/* Strategy cards use three columns on desktop, two on tablet. */
@media(min-width:701px) and (max-width:1100px){html:has(#cnd-clean-directories) body #main#main .guide-section:has(>h2#proto-section-1) ul.cnd-system-cards,html:has(#cnd-clean-directories) body #main#main .guide-section:has(>h2#proto-section-2) ul.cnd-system-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
