/* Same-site refinement: Casino Kings green, gold and genuine branded casino imagery. */
body { background: #101613; color: #edf2ee; }
.header { margin-bottom: 0; border-bottom: 1px solid #344537; }
.screen.page-section { padding: 0 0 24px; }
body.banner-background .screen .screen-content { position: relative; display: block; min-height: 620px; padding: 36px; background: #070b09 url('/uploads/2026/08/casino-kings-uk-social.jpg') center bottom / cover no-repeat; border-radius: 0; overflow: hidden; }
.screen .offer { position: static !important; max-width: 100%; margin: 0; text-align: left; }
.screen .offer > div:first-child:not(.offer-title) { display: none !important; }
.screen .offer-title { font-size: 46px !important; line-height: 1.12 !important; color: #fff !important; margin: 0 0 18px; }
.screen .offer-desc, .screen .offer-title + div { max-width: 950px; font-size: 17px !important; line-height: 1.65 !important; color: #edf2ee !important; }
.screen .screen-image { display: none !important; }
.screen .btn-row { gap: 12px; margin-top: 24px; justify-content: flex-start !important; }
.screen .btn-row .btn { min-height: 48px; padding: 13px 20px !important; border-radius: 6px !important; box-shadow: none !important; background: #20b961 !important; color: #041c0d !important; font-size: 15px; text-transform: none !important; }
.screen .btn-row .btn + .btn { background: #edcc70 !important; color: #211c0d !important; }
.screen .btn-row .btn:hover { filter: brightness(1.08); }
.screen .btn-row svg { display: none; }
.screen .offer > div:last-child:not(.btn-row):not(.offer-desc) { color: #e4eae5 !important; position: absolute; bottom: 22px; left: 36px; padding: 8px; background: #070b09; }
.screen .offer *, .page-text *, .ckb-story *, .ck-article *, .ckr-content * { letter-spacing: 0 !important; }
.page-content, #page-text { padding: 48px 0; }
.page-content > .container, #page-text > .container { max-width: 1160px; }
.page-text, .page-text-content, .contact-depth { font-size: 17px; line-height: 1.78; color: #e0e8e1; }
.page-text p, .contact-depth p { margin: 0 0 22px; }
.page-text > h2, .page-text-content > h2, .contact-depth > h2 { margin: 44px 0 18px; padding-bottom: 14px; border-bottom: 1px solid #485d43; font-size: 28px; line-height: 1.28; text-align: left; color: #edcc70; }
.page-text h3 { font-size: 21px; line-height: 1.4; margin-top: 28px; color: #fff; }
#page-text > .container > .section-title { max-width: 1000px; margin: 0 0 22px; text-align: left; font-size: 32px; line-height: 1.3; color: #fff; }
.page-content > .container > h1, .rework-page-title { max-width: 1050px; text-align: left; color: #fff; font-size: 32px; line-height: 1.3; font-weight: 750; margin: 0 0 24px; }
.page-text a:not(.btn), .ckb-story a:not(.ckb-button) { text-decoration: underline; text-underline-offset: 4px; }
body .page-text table { display: block !important; width: 100%; max-width: 100%; overflow-x: auto; border-collapse: collapse; background: #19251e !important; color: #e0e8e1 !important; margin: 28px 0; font-size: 15px; line-height: 1.55; scrollbar-color: #b59b50 #19251e; font-variant-numeric: tabular-nums; }
body .page-text table thead { display: table-header-group !important; }
body .page-text table tbody { display: table-row-group !important; }
body .page-text table tr { display: table-row !important; background: #19251e !important; color: #e0e8e1 !important; }
body .page-text table th, body .page-text table td { display: table-cell !important; padding: 14px 16px !important; text-align: left !important; vertical-align: top; min-width: 140px; width: auto !important; border: 1px solid #3a4b3e !important; color: inherit !important; background: transparent !important; overflow-wrap: normal; }
body .page-text table td::before { display: none !important; }
body .page-text table thead tr { background: #253e2e !important; color: #f3d991 !important; font-weight: 750; }
body .page-text table tbody tr:nth-child(even) { background: #1d2c23 !important; }
.page-text ul, .page-text ol { padding-left: 24px; }
.page-text li { margin-bottom: 9px; }
.ckb-hero, .ck-hero { border-radius: 0 !important; box-shadow: none !important; }
.ckb-story, .ck-shell { font-size: 17px; line-height: 1.75; }
.ckb-chapter, .ck-chapter { background: transparent !important; border-radius: 0 !important; box-shadow: none !important; }
.ckb-chapter h2, .ck-chapter h2 { color: #edcc70; }
.ckb-table-wrap, .ck-table-wrap { scrollbar-color: #b59b50 #19251e; }
.ckb-table, .ck-table-wrap table { font-variant-numeric: tabular-nums; }
.ckb-table th, .ck-table-wrap th { background: #253e2e; color: #f3d991; }
.ckb-lead, .ck-lead, .ck-login-lead { line-height: 1.7; }
.bonus-experiment { --ck-ink: #e0e8e1; --ck-cream: #101613; --ck-paper: #19251e; --ck-wine: #edcc70; --ck-wine-2: #edcc70; --ck-violet: #153b28; --ck-line: #3a4b3e; background: #101613; }
.bonus-experiment .ckb-hero { padding: 48px 0; background: #08150f url('/uploads/2026/01/casino-kings-table-games-hero.webp') center / cover no-repeat; }
.bonus-experiment .ckb-hero::before { inset: 0; width: auto; height: auto; border: 0; border-radius: 0; background: rgba(4, 17, 10, .82); }
.bonus-experiment .ckb-hero::after { display: none; }
.bonus-experiment .ckb-hero h1 { font-size: 46px; line-height: 1.16; letter-spacing: 0; }
.bonus-experiment .ckb-lead { font-size: 17px; }
.bonus-experiment .ckb-offer-board { border-radius: 8px; background: #15251b; box-shadow: none; backdrop-filter: none; }
.bonus-experiment .ckb-board-card { border-radius: 0; background: transparent; border: 0; padding: 12px 0; }
.bonus-experiment .ckb-board-fact { border-radius: 0; background: transparent; padding: 8px 0; }
.bonus-experiment .ckb-code { border-radius: 6px; }
.bonus-experiment .ckb-button { border-radius: 6px; box-shadow: none; }
.bonus-experiment .ckb-button-primary { background: #edcc70; color: #211c0d; }
.bonus-experiment .ckb-jump-wrap { background: #19251e; }
.bonus-experiment .ckb-jump a { border-radius: 6px; background: #253e2e; color: #f3d991; }
.bonus-experiment .ckb-chapter h2 { font-size: 30px; line-height: 1.28; letter-spacing: 0; }
.bonus-experiment .ckb-chapter > p, .bonus-experiment .ckb-chapter > ul, .bonus-experiment .ckb-chapter > ol, .bonus-experiment .ckb-step p { color: #e0e8e1; }
.bonus-experiment .ckb-source-note { color: #c8d3ca !important; }
.bonus-experiment .ckb-note { color: #e0e8e1; background: #25372b; border-radius: 0; }
.bonus-experiment .ckb-scene, .bonus-experiment .ckb-math, .bonus-experiment .ckb-steps, .bonus-experiment .ckb-checklist { padding: 22px 0; border: 0; border-top: 1px solid #3a4b3e; border-bottom: 1px solid #3a4b3e; border-radius: 0; background: transparent; box-shadow: none; }
.bonus-experiment .ckb-fact, .bonus-experiment .ckb-math div, .bonus-experiment .ckb-step, .bonus-experiment .ckb-check { border-radius: 0; background: transparent; color: #e0e8e1; }
.bonus-experiment .ckb-fact span, .bonus-experiment .ckb-math span { color: #c8d3ca; }
.bonus-experiment .ckb-table-wrap { border-radius: 6px; background: #19251e; box-shadow: none; }
.bonus-experiment .ckb-table { color: #e0e8e1; }
.bonus-experiment .ckb-table th { background: #253e2e; color: #f3d991; }
.bonus-experiment .ckb-table td { border-color: #3a4b3e; }
.bonus-experiment .ckb-faq details { border-radius: 6px; background: #19251e; }
.bonus-experiment .ckb-faq details p { color: #e0e8e1; }
.bonus-experiment .ckb-cta-band { border-radius: 0; background: #153b28; box-shadow: none; }
.bonus-experiment .ckb-cta-band h3 { font-size: 28px; }
.bonus-experiment .ckb-eyebrow, .bonus-experiment .ckb-kicker { letter-spacing: 0; }
#kings-winners { padding: 16px 0 !important; }
.page-text a:focus-visible, .screen .btn:focus-visible { outline: 3px solid #edcc70; outline-offset: 4px; }
::selection { background: #edcc70; color: #101613; }
@media (max-width: 1000px) {
  body.banner-background .screen .screen-content { min-height: 590px; padding: 32px; }
  .screen .offer { max-width: 100%; margin-bottom: 0; }
}
@media (max-width: 700px) {
  body.banner-background .screen .screen-content { min-height: 630px; padding: 28px 20px 230px; background-size: 100% auto; }
  .screen .offer-title { font-size: 36px !important; }
  .screen .offer-desc, .screen .offer-title + div { font-size: 16px !important; }
  .screen .btn-row { flex-wrap: wrap; }
  .screen .btn-row .btn { flex: 1 1 130px; justify-content: center; text-align: center; }
  .page-content, #page-text { padding: 32px 0; }
  .page-text > h2, .page-text-content > h2, .contact-depth > h2 { font-size: 24px; }
  .page-content > .container > h1, .rework-page-title, #page-text > .container > .section-title { font-size: 28px; }
  .page-text table { font-size: 14px; }
  .bonus-experiment .ckb-hero h1 { font-size: 34px; }
  .bonus-experiment .ckb-chapter h2 { font-size: 25px; }
}
