/* Shared interior-page surfaces. Original brand/provider artwork is never filtered. */
.k9-depth-interior{--depth-dark:#152c65;--depth-mid:#2c50b6;--depth-tint:#edf2ff;--depth-line:#ccd8f4}
.k9-depth-teal{--depth-dark:#103e47;--depth-mid:#146b70;--depth-tint:#eaf6f5;--depth-line:#bbdbd8}
.k9-depth-plum{--depth-dark:#3c225e;--depth-mid:#79426f;--depth-tint:#f6edf7;--depth-line:#dfcce3}
body.k9-depth-interior main .k9-page-hero{
 position:relative;isolation:isolate;overflow:hidden;min-height:180px;padding:28px 30px;margin-bottom:20px;
 border:1px solid var(--depth-mid);border-radius:20px;background:radial-gradient(ellipse at 100% 0,#ffffff16,transparent 60%),linear-gradient(115deg,var(--depth-dark),var(--depth-mid));color:#fff;
 box-shadow:0 8px 24px #172a5412;
}
body.k9-depth-interior main .k9-page-hero::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:260px;height:260px;right:-80px;top:-110px;border:40px solid #ffffff0d;border-radius:50%}
body.k9-depth-interior main .k9-page-hero>div:first-child{position:relative;min-width:0;flex:1}
body.k9-depth-interior main .k9-page-hero :is(h1,.section-eyebrow,.catalog-intro,p,.k9-reading-meta){color:#fff}
body.k9-depth-interior main .k9-page-hero .section-eyebrow{font-size:12px;letter-spacing:1.7px}
body.k9-depth-interior main .k9-page-hero p{font-size:16px;line-height:1.7;max-width:70ch}
body.k9-depth-interior main .k9-page-hero .catalog-intro a{color:#fff;text-decoration:underline;text-underline-offset:3px}
body.k9-depth-interior main .k9-page-hero .section-eyebrow a{color:inherit;text-decoration:underline;text-underline-offset:3px}
body.k9-depth-interior main .k9-hero-accent{flex:0 0 174px;max-width:174px;width:174px;height:174px;align-self:center;margin:0}
body.k9-depth-interior main .k9-hero-accent img{display:block;width:100%;height:100%;max-height:none;object-fit:contain}
body.k9-depth-interior main .k9-page-hero .k9-signup-cta{background:#fff;color:var(--depth-dark);border:1px solid #fff;box-shadow:0 3px 12px #0002}
body.k9-depth-interior main .k9-page-hero .k9-signup-cta:hover{background:var(--depth-tint)}
/* Articles already have individual illustrated covers. Keep their title area quiet. */
body.k9-depth-interior.single-post main .k9-page-hero{background:#fff;color:#172b49;border:0;border-top:5px solid var(--depth-mid);border-radius:0;box-shadow:none;padding:24px 0 18px;min-height:0}
body.k9-depth-interior.single-post main .k9-page-hero::after{display:none}
body.k9-depth-interior.single-post main .k9-page-hero :is(h1,.section-eyebrow,.catalog-intro,p,.k9-reading-meta){color:#263e60}
/* White content panels and purposeful colour between long reading sections. */
body.k9-depth-interior .catalog-collection{border-top:3px solid var(--depth-mid);box-shadow:0 4px 18px #142a5508}
body.k9-depth-interior .archive-widget{margin-top:20px;border-radius:16px}
body.k9-depth-interior [data-archive-section="content"]>h2,
body.k9-depth-interior .homepage-content-block>.home-block-heading h2{border-left:4px solid var(--depth-mid);padding-left:14px}
body.k9-depth-interior [data-archive-section="content"] .archive-prose{max-width:90ch;font-size:16px;line-height:1.85;color:#435570}
body.k9-depth-interior :is([data-archive-section="blogs"],[data-game-section="blogs"],.k9-related-articles){padding:24px;border:1px solid var(--depth-line);border-radius:16px;background:var(--depth-tint)}
body.k9-depth-interior :is([data-archive-section="blogs"],[data-game-section="blogs"],.k9-related-articles)>h2{border-left-color:var(--depth-mid);color:#203653}
body.k9-depth-interior .k9-related-grid article{background:#fff;border:1px solid #dce4ef;padding:12px;border-radius:12px}
body.k9-depth-interior [data-archive-section="browse"]{background:linear-gradient(120deg,var(--depth-dark),var(--depth-mid));border-color:var(--depth-mid)}
body.k9-depth-interior [data-archive-section="browse"]>h2{color:#fff;border-left-color:#a6e9ef}
body.k9-depth-interior .archive-browse-links a{background:#fff;border-color:#fff;color:#244375;min-height:64px}
body.k9-depth-interior .archive-browse-links a:hover{background:#edf2ff}
body.k9-depth-interior :is([data-archive-section="faq"],[data-game-section="faq"]){border:1px solid #bfd7dd;border-radius:16px;padding:24px;background:#fff}
body.k9-depth-interior :is([data-archive-section="faq"],[data-game-section="faq"])>h2{position:relative;display:flex;align-items:center;min-height:100px;padding:22px 118px 22px 24px;margin:-24px -24px 22px;background:linear-gradient(115deg,#103e47,#146b70);border:0;border-radius:15px 15px 0 0;color:#fff;box-sizing:border-box}
body.k9-depth-interior :is([data-archive-section="faq"],[data-game-section="faq"])>h2::after{content:"";position:absolute;right:20px;bottom:0;width:80px;height:100px;background:url('../../themes/k9-bp/assets/characters/kixo9-owl-mascot-glasses-coffee-football-betting-tablet.webp') center bottom/contain no-repeat;pointer-events:none}
body.k9-depth-interior :is([data-archive-section="responsible"],[data-game-section="responsible"]){background:#e4f2f1;border:1px solid #a4ccc8;border-left:5px solid #18656a;border-radius:16px;padding:24px}
body.k9-depth-interior :is([data-archive-section="responsible"],[data-game-section="responsible"]) :is(h2,p,li){color:#284e50}
body.k9-depth-interior .archive-age{border-color:#18656a;color:#18656a;background:#fff}
body.k9-depth-interior .archive-responsible-links :is(a,button){color:#18575d;font-size:14px;min-height:32px;display:inline-flex;align-items:center}
/* Games: a compact stage for existing game art, with clearly readable statistics. */
body.k9-depth-interior .game-overview{background:linear-gradient(125deg,#132653,#25478e);border-color:#284a8e;border-radius:20px}
body.k9-depth-interior .game-overview :is(h1,.overview-description,.overview-footnote,.game-facts span,.game-facts small){color:#fff}
body.k9-depth-interior .game-overview :is(.overview-description,.overview-footnote) a{color:#fff;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
body.k9-depth-interior .game-overview :is(.overview-description,.overview-footnote) a:hover{color:#cfe9ff;text-decoration-thickness:2px}
body.k9-depth-interior .game-overview :is(.overview-description,.overview-footnote) a:focus-visible{color:#fff;outline:2px solid #fff;outline-offset:3px;border-radius:2px}
body.k9-depth-interior .game-overview .game-facts strong{color:#b9ddff}
body.k9-depth-interior .game-overview .game-facts,body.k9-depth-interior .game-overview .game-facts>div{border-color:#ffffff30}
body.k9-depth-interior .game-overview .overview-visual{background:radial-gradient(ellipse at center,#809de7,#5273bd);border:1px solid #9bb3ee;box-shadow:inset 0 1px 0 #ffffff40}
body.k9-depth-interior .game-overview .real-cta{background:#fff;color:#17346e;border-color:#fff}
body.k9-depth-interior .game-overview .demo-cta{background:#254fc3;border:1px solid #89a7f3;color:#fff}
body.k9-depth-interior .game-overview .overview-footnote span{color:#e5edff}
body.k9-depth-interior .game-overview .overview-labels>.k9-term-link:not(.category-chip){color:#fff}
body.k9-depth-interior .game-overview .overview-labels>.k9-term-link:not(.category-chip) .k9-term-mark{background:#fff;border-radius:5px;padding:3px}
body.k9-depth-interior .how-to-steps>li{border:1px solid var(--depth-line);border-top:3px solid var(--depth-mid);background:linear-gradient(150deg,#fff,var(--depth-tint));border-radius:14px}
body.k9-depth-interior .how-to-steps .step-number{background:var(--depth-dark);color:#fff}
body.k9-depth-interior [data-game-section="provider"]{padding:24px;background:var(--depth-tint);border:1px solid var(--depth-line);border-radius:16px}
body.k9-depth-interior .landing-promo{background:linear-gradient(120deg,#eee6ff,#f9eaf0);border:1px solid #d8c5e7;border-radius:14px}
body.k9-depth-interior .landing-promo>span{background:#583680;color:#fff;border-radius:12px}
body.k9-depth-interior .landing-promo a{color:#4b2876}
/* Sports, policy directories and other navigation cards. */
body.k9-depth-interior .k9-site-links{padding:24px;background:var(--depth-tint);border:1px solid var(--depth-line);border-radius:16px;margin-top:24px}
body.k9-depth-interior .destination-card{background:#fff;border:1px solid var(--depth-line);border-radius:14px;box-shadow:0 5px 14px #1326540a;overflow:hidden}
body.k9-depth-interior .legal-policy-card{background:#fff;box-shadow:0 4px 14px #16265408;border-radius:12px}
body.k9-depth-interior .legal-policy-card strong{color:#294db4}
body.k9-depth-interior main .legal-company{border:1px solid #cbd8ef;border-top:4px solid #365795;border-radius:14px;background:#f0f4fc;padding:24px}
body.k9-depth-interior main .legal-company a{color:#2448ad;text-decoration:underline;text-underline-offset:3px}
body.k9-depth-interior main .k9-topic-toc{border-color:var(--depth-line);background:var(--depth-tint)}
body.k9-depth-interior main .k9-policy-topics details[open] .k9-topic-number{color:#fff;background:var(--depth-dark)}
body.k9-depth-interior main .legal-checklist label{background:#edf5f5;border-color:#bbd5d5;border-radius:8px}
/* Loyalty cards retain their distinct tier colours. */
body.k9-depth-interior .loyalty-detail-card{background:linear-gradient(145deg,var(--tier-line),var(--tier-surface));border-color:var(--tier-line)}
body.k9-depth-interior .loyalty-detail-art{background:radial-gradient(ellipse,#ffffffb3,#ffffff0d);border:1px solid #ffffff88}
body.k9-depth-interior .loyalty-detail-art .designed-art strong{background:#fff;color:#253c60;text-shadow:none;border-radius:8px;padding:7px 12px;max-width:calc(100% - 24px)}
body.k9-depth-interior .loyalty-tier-links a{border:1px solid #b9c9e8;background:#fff;color:#294984;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
body.k9-depth-interior .loyalty-availability{background:linear-gradient(115deg,#152c65,#2c50b6);border:0;border-radius:16px;padding:26px}
body.k9-depth-interior .loyalty-availability :is(h2,p){color:#fff}
body.k9-depth-interior .loyalty-availability button{background:#fff;color:#17346e;border-radius:8px;padding:12px 16px}
/* App screenshots sit on a blue stage; the original app icon stays untouched. */
body.k9-depth-interior .k9-app-gallery{padding:20px;background:linear-gradient(140deg,#e0eaff,#f0e8fa);border:1px solid #c4d3ef;border-radius:14px}
body.k9-depth-interior .k9-app-install li{padding:16px;border:1px solid #cbd8ef;border-radius:12px;background:#f1f5ff}
body.k9-depth-interior .k9-app-install li>span{background:#284cbd;color:#fff}
body.k9-depth-interior main .k9-side-panel{border-top:4px solid var(--depth-mid);background:var(--depth-tint)}
body.k9-depth-interior .k9-side-app{background:linear-gradient(110deg,#152c65,#2c50b6);border-color:#2c50b6;color:#fff}
body.k9-depth-interior .k9-author-bio{background:#eef3fc;border:1px solid #cedaf0;border-radius:14px;padding:22px}
body.k9-depth-interior .k9-author-profile .k9-author-initials{background:#193d83;color:#fff}
body.k9-depth-interior main .k9-editorial-credit a,body.k9-depth-interior main p .k9-auto-link{text-decoration:underline;text-underline-offset:3px}
body.k9-depth-interior main :is(a,button,summary,input,select):focus-visible{outline:3px solid #bc6200;outline-offset:3px}
@media(max-width:767px){
 body.k9-depth-interior main .k9-page-hero{padding:22px 20px;min-height:154px;border-radius:16px;gap:14px}
 body.k9-depth-interior main .k9-page-hero h1{font-size:clamp(25px,5.8vw,32px);overflow-wrap:normal;word-break:normal}
 body.k9-depth-interior main .k9-page-hero p{font-size:14px;line-height:1.65}
 body.k9-depth-interior main .k9-page-hero.has-character{flex-wrap:wrap}
 body.k9-depth-interior main .k9-page-hero.has-character>div:first-child{flex-basis:calc(100% - 114px);min-width:150px}
 body.k9-depth-interior main .k9-hero-accent{flex-basis:100px;width:100px;max-width:100px;height:134px;margin-left:auto}
 body.k9-depth-interior .archive-widget{margin-top:16px}
 body.k9-depth-interior :is([data-archive-section="blogs"],[data-game-section="blogs"],.k9-related-articles,.k9-site-links,[data-game-section="provider"],[data-archive-section="responsible"],[data-game-section="responsible"]){padding:18px}
 body.k9-depth-interior [data-archive-section="content"] .archive-prose{font-size:15px}
 body.k9-depth-interior .k9-related-grid article>a{grid-template-columns:90px minmax(0,1fr)}
 body.k9-depth-interior .k9-app-gallery{padding:14px}
 body.k9-depth-interior .k9-author-bio{padding:18px;gap:12px}
 body.k9-depth-interior main .legal-company{padding:18px}
}
@media(max-width:420px){
 body.k9-depth-interior main .k9-page-hero.has-character>div:first-child{flex-basis:calc(100% - 82px);min-width:0}
 body.k9-depth-interior main .k9-hero-accent{flex-basis:68px;width:68px;max-width:68px;height:112px}
 body.k9-depth-interior main .k9-page-hero .section-eyebrow{font-size:10px;letter-spacing:1px}
 body.k9-depth-interior.k9-reading-view main .k9-page-hero.has-character{display:block}
 body.k9-depth-interior.k9-reading-view main .k9-page-hero .k9-hero-accent{display:none}
}
@media(prefers-reduced-motion:no-preference) and (hover:hover){
 body.k9-depth-interior :is(.destination-card,.legal-policy-card,.archive-browse-links a){transition:box-shadow .18s ease,border-color .18s ease}
 body.k9-depth-interior :is(.destination-card,.legal-policy-card,.archive-browse-links a):hover{box-shadow:0 6px 20px #203b7420;border-color:#6685c9}
}
@media(forced-colors:active){body.k9-depth-interior main .k9-page-hero::after{display:none}body.k9-depth-interior main .k9-page-hero,body.k9-depth-interior .game-overview{border:1px solid CanvasText}}
@media print{body.k9-depth-interior main .k9-page-hero{background:#fff;box-shadow:none;color:#000}body.k9-depth-interior main .k9-page-hero :is(h1,p,.section-eyebrow,.k9-reading-meta){color:#000}}
/* Sports cards share the full generated composition at every viewport. */
.destination-grid:has(img[src*="/kixo9-sports/"]){grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:20px}
body .destination-card>img[src*="/kixo9-sports/"]{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#102454}
body .destination-card:has(img[src*="/kixo9-sports/"])>div{padding:20px}
body .destination-card:has(img[src*="/kixo9-sports/"]) h2{font-size:20px;line-height:1.3;margin:0 0 10px}
body .destination-card:has(img[src*="/kixo9-sports/"]) strong{display:inline-flex;align-items:center;min-height:44px}
body:is(.page-id-42,.page-id-45) .homepage-content-block{max-width:900px;margin:24px auto;padding:clamp(20px,4vw,44px)}
body:is(.page-id-42,.page-id-45) .homepage-prose{max-width:76ch;margin-inline:auto;font-size:16px;line-height:1.8}
.sports-table-wrap{max-width:100%;overflow-x:auto;margin:24px 0;border:1px solid #d3ddf0;border-radius:12px}
.sports-table-wrap table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6}
.sports-table-wrap caption{text-align:left;padding:16px;font-weight:700;background:#edf2fc;color:#182b54}
.sports-table-wrap th,.sports-table-wrap td{padding:14px;text-align:left;vertical-align:top;border-bottom:1px solid #d3ddf0;overflow-wrap:anywhere}
.sports-table-wrap thead{background:#1c3670;color:#fff}.sports-table-wrap tbody tr:nth-child(even){background:#f3f6fc}
@media(max-width:520px){.destination-grid:has(img[src*="/kixo9-sports/"]){grid-template-columns:1fr}.sports-table-wrap th,.sports-table-wrap td{padding:10px;font-size:14px}}
/* Keep sports card actions aligned when descriptions wrap to different lengths. */
body .destination-card:has(img[src*="/kixo9-sports/"]){display:flex;flex-direction:column}
body .destination-card:has(img[src*="/kixo9-sports/"])>div{display:flex;flex-direction:column;flex:1}
body .destination-card:has(img[src*="/kixo9-sports/"]) strong{margin-top:auto;padding-top:10px}