/* Khabarthali dark mode for the public pages. Every rule is scoped to html.khn-dark, so light mode is untouched. */
html.khn-dark{color-scheme:dark}
/* PC article body (kc15-pc sets #1f2430 on the content) */
html.khn-dark .kc15pc .sn-content,html.khn-dark .kc15pc .sn-content p,html.khn-dark .kc15pc .sn-content li,html.khn-dark .kc15pc .sn-content td,html.khn-dark .kc15pc .sn-content th,html.khn-dark .kc15pc .sn-content strong,html.khn-dark .kc15pc .sn-content h2,html.khn-dark .kc15pc .sn-content h3,html.khn-dark .kc15pc .sn-content h4,html.khn-dark .kc15pc .sn-content blockquote{color:#e3e8ee}
html.khn-dark .kc15pc .sn-content a{color:#8cb8ff}
/* red accents on dark: the brand red is too dark to read as text on the night background */
html.khn-dark .sn-section__more,html.khn-dark .sn-catdesk__more,html.khn-dark a.sn-section__more,html.khn-dark .kh-mg-all,html.khn-dark .kh-mg-all__t,html.khn-dark .kh-mg-all span,html.khn-dark .sn-card__cat,html.khn-dark a.sn-card__cat,html.khn-dark body:not(#k1):not(#k2) :is(.sn-section__more,.kh-mg-all,.sn-catdesk__more,.sn-card__cat,.kh-mg-all__t){color:#ff7a84!important}
html.khn-dark .sn-section__more svg,html.khn-dark .sn-catdesk__more svg,html.khn-dark .kh-mg-all svg{color:#ff7a84!important;fill:#ff7a84!important;stroke:#ff7a84!important}
html.khn-dark .m15-pill,html.khn-dark .sn-single__cats a{color:#ffb3b9!important}
/* muted meta text (dates, bylines, reading time) */
html.khn-dark .sn-author__date,html.khn-dark .sn-author__date time,html.khn-dark .sn-author__date .m15-ph,html.khn-dark .sn-author__date .m15-dk,html.khn-dark .m15-ph,html.khn-dark .m15-dk,html.khn-dark .kh-ago,html.khn-dark time.kh-ago,html.khn-dark .sn-meta__author,html.khn-dark .sn-meta__author.has-avatar,html.khn-dark .sn-single__stats,html.khn-dark .sn-single__stats span,html.khn-dark .sn-single__stats b,html.khn-dark .sn-single__stats a,html.khn-dark .sn-card__excerpt,html.khn-dark .sn-card--big .sn-card__excerpt,html.khn-dark .sn-card__excerpt,html.khn-dark .sn-breadcrumb,html.khn-dark .sn-breadcrumb a,html.khn-dark .sn-breadcrumb span{color:#b4c0cd}
html.khn-dark .sn-breadcrumb{background:#0f1720!important;border-color:#2a3644}
/* light panels that stay white in dark mode */
html.khn-dark .sn-block-a,html.khn-dark .kc15-acard,html.khn-dark .kc15-sw,html.khn-dark .sn-block-b,html.khn-dark .kc15-artx section{background-color:#121c29;color:#e3e8ee;border-color:#2a3644}
html.khn-dark .sn-radio__play,html.khn-dark button.sn-radio__play{background:#1b2a3d!important;color:#e8eef6!important;border-color:#2a3a50}
html.khn-dark .kc15-live{background:#1b2a3d!important;color:#e8eef6!important;border-color:#2a3a50}
/* the header's dark-mode button: a dark chip with a light moon (the yellow chip read as a light panel) */
html.khn-dark .sn-dark-toggle,html.khn-dark button.sn-dark-toggle.kh-icon-btn{background:#1b2a3d!important;border-color:#2a3a50!important}
html.khn-dark .sn-dark-toggle svg{color:#ffd54a!important;fill:none;stroke:#ffd54a}
/* empty states and icons */
html.khn-dark .kc16-saved__empty svg,html.khn-dark .kc16-saved svg{color:#9aa8b7!important;stroke:#9aa8b7}

html.khn-dark body .kc15-acard small,html.khn-dark .kc15-acard small{color:#b4c0cd}
html.khn-dark .kc15-acard a.kc15-acard__all,html.khn-dark a.kc15-acard__all{color:#ff7a84!important}
html.khn-dark .kh-nav a.kc15-live,html.khn-dark nav.kh-nav a.kc15-live{color:#ffb3b9!important}
html.khn-dark .sn-card--row .sn-card__cat,html.khn-dark .sn-card--big .sn-card__cat{color:#ff7a84!important}
html.khn-dark .sn-breadcrumb a,html.khn-dark .sn-breadcrumb span,html.khn-dark .sn-breadcrumb small,html.khn-dark .sn-breadcrumb b{color:#b4c0cd!important}
html.khn-dark .sn-single__stats small,html.khn-dark .sn-single__stats svg,html.khn-dark .sn-meta svg,html.khn-dark .sn-meta small svg,html.khn-dark .sn-meta small{color:#9aa8b7;stroke:#9aa8b7}
html.khn-dark .sn-single__stats b,html.khn-dark .sn-single__stats a,html.khn-dark .sn-single__stats{color:#c9d3de}
html.khn-dark .sn-single__cats a{color:#ffb3b9!important}

/* panels (sidebar widgets, PC article cards): dark card, light copy; category pills keep white on red */
html.khn-dark.khn-dark body :is(.sn-block-a,.kc15-acard,.kc15-sw,.sn-block-b){background-color:#121c29!important;border-color:#2a3644!important}
html.khn-dark.khn-dark :is(.sn-block-a,.kc15-acard,.kc15-sw) :is(a,b,strong,span,p,h1,h2,h3,h4,li,div){color:#e3e8ee}
html.khn-dark.khn-dark :is(.sn-block-a,.kc15-acard,.kc15-sw) :is(small,time,.kh-ago,.sn-meta,.sn-card__excerpt,.sn-card__excerpt small,svg){color:#9aa8b7}
html.khn-dark.khn-dark :is(.sn-block-a,.kc15-acard,.kc15-sw) .sn-card__cat,html.khn-dark.khn-dark :is(.sn-block-a,.kc15-acard,.kc15-sw) a.sn-card__cat{color:#ff7a84!important}
html.khn-dark.khn-dark :is(.sn-block-a,.kc15-acard,.kc15-sw) .sn-meta__author{color:#e8edf3}
html.khn-dark.khn-dark :is(.sn-block-a,.kc15-acard,.kc15-sw) a:hover{color:#8cb8ff}
html.khn-dark.khn-dark .kc15-live,html.khn-dark.khn-dark .kc15pc.kc15-navred .kc15-live,html.khn-dark.khn-dark.khn-dark nav.kh-nav .kc15-live.kc15-live{color:#ffb3b9!important;background:#1b2a3d!important}
html.khn-dark.khn-dark .sn-single__cats a,html.khn-dark.khn-dark .sn-single__cats a.m15-pill{background:#b3001f!important;color:#fff!important;border-color:#b3001f!important}
html.khn-dark body:not(#k1):not(#k2) :is(.sn-card__cat,.sn-section__more,.kh-mg-all,.sn-catdesk__more,.kh-mg-all__t,a.sn-card__cat){color:#ff7a84!important}
html.khn-dark.khn-dark body.kc-m15h.kc-m15hc:not(#m):not(#n) .m15s :is(.sn-card,.kh-mg-i,.sn-popular__item) .sn-card__cat,html.khn-dark.khn-dark body.kc-m15h.kc-m15hc:not(#m):not(#n) .m15s .sn-card__cat{color:#ff7a84!important}

/* the more-menu panel (services, categories) stays a dark card in dark mode */
html.khn-dark.khn-dark .kh-more__panel,html.khn-dark.khn-dark .kh-more__overflow,html.khn-dark.khn-dark .kh-more-grid__item{background-color:#121c29!important;color:#e3e8ee!important;border-color:#2a3644!important}
html.khn-dark.khn-dark .kh-more-grid__txt,html.khn-dark.khn-dark .kh-more-grid__item b,html.khn-dark.khn-dark .kh-more-grid__item span{color:#e3e8ee!important}
html.khn-dark.khn-dark .kh-more__btn{color:#e3e8ee!important;background:#1b2a3d!important;border-color:#2a3a50!important}

/* static pages (privacy, terms, contact, team, about) on PC: the title and quote blocks */
html.khn-dark.khn-dark article.sn-single.sn-page h1,html.khn-dark.khn-dark .sn-single__title,html.khn-dark.khn-dark .sn-single.sn-page .sn-single__title{color:#eef3f9!important}
html.khn-dark .sn-content blockquote,html.khn-dark .entry-content blockquote,html.khn-dark .sn-content blockquote p{background-color:#162234;color:#e3e8ee;border-color:#ff7a84}
html.khn-dark .sn-content blockquote{border-left-color:#ff7a84}
/* sports tables: the W/L marks keep their colour; the letter goes dark on the green/red mark */
html.khn-dark .npl-form i.is-w{color:#06210f!important}
html.khn-dark .npl-form i.is-l{color:#fff!important}
/* the player photo placeholder stays a dark tile */
html.khn-dark .npl-photo,html.khn-dark ul.npl-players > li > span.npl-photo{background-color:#1b2a3d!important}

html.khn-dark.khn-dark article .entry-content blockquote,html.khn-dark.khn-dark .sn-content blockquote{background-color:#162234!important;color:#e3e8ee!important;border-color:#ff7a84!important}
html.khn-dark.khn-dark article .entry-content blockquote p{color:#e3e8ee!important}

/* author and richer fixtures: admin-set and content colours that the first audit missed (the theme's own rules carry more
   specificity than the scope, so these are !important on purpose; every selector still starts at html.khn-dark) */
/* article body headings, lists and table cells the phone article writes in dark ink (the kc15 PC rule covered PC only) */
html.khn-dark .sn-content :is(h1,h2,h3,h4,h5,h6){color:#eef3f9!important}
html.khn-dark .sn-content :is(th,td,li,dt,dd,figcaption,caption,strong,b,em,cite){color:#e3e8ee!important}
html.khn-dark .sn-content figcaption{color:#b4c0cd!important}
html.khn-dark .sn-content th{background-color:#18222e!important}
html.khn-dark .sn-content :is(td,th,table){border-color:#2a3644!important}
html.khn-dark .sn-content pre,html.khn-dark .sn-content code{background-color:#0b1320!important;color:#dbe4ee!important;border-color:#2a3644!important}
/* live-now status text: the brand red is 3.3:1 on the night background; use the light red */
html.khn-dark .npl-hero__status,html.khn-dark .npl-on,html.khn-dark i.npl-on{color:#ff8a93!important}
/* comment form notes and labels */
html.khn-dark .comment-notes,html.khn-dark .comment-respond label,html.khn-dark .comment-respond p{color:#b4c0cd!important}
/* form fields: a border the eye can find (WCAG 1.4.11, 3:1 against the field) */
html.khn-dark :is(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):not([type=image]),textarea,select){border-color:#5f6f86!important}
/* light hairlines and section frames that stay white on the dark page */
html.khn-dark :is(h2.m15-today,section.sn-related-top,aside.sn-related-in,section.widget.sn-tabs,ol.sn-trending,.sn-tabs,.sn-trending){border-color:#2a3644!important}
html.khn-dark :is(h2.m15-today){color:#eef3f9!important}
html.khn-dark .sn-radio__btn{border-color:#3a4a5e!important}
/* author profile links (the card's social pills): a muted outline, the label stays light */
html.khn-dark a.kc13-author__link{border-color:#3d4d62!important;color:#e3e8ee!important}
html.khn-dark a.kc13-author__link:hover,html.khn-dark a.kc13-author__link:focus-visible{border-color:#8cb8ff!important;color:#8cb8ff!important}
html.khn-dark a.kc13-author__link svg{color:#e3e8ee;fill:currentColor}
html.khn-dark .kc151-au__bio{color:#c9d3de!important;opacity:1!important}
html.khn-dark .npl-comm__ov{color:#ffffff!important}
html.khn-dark.khn-dark body .npl-comm b.npl-comm__ov,html.khn-dark.khn-dark body b.npl-comm__ov{color:#ffffff!important}

/* second pass (every width, all open states): light outlines, the brand gradient, the more button */
html.khn-dark body :where(div,section,article,aside,header,footer,nav,ul,ol,li,button,a,h2,h3,figure,table,th,td,blockquote,pre,p,span):not(.kh-accent):not(.kh-accent-line):not(.kc13-author__link):not(.sn-dark-toggle) {border-color:#2a3644!important}
html.khn-dark .kh-more__btn{background-color:#1b2a3d!important;background-image:none!important;color:#e3e8ee!important}
html.khn-dark a[href*="instagram.com"]{background-image:linear-gradient(45deg,#6b2a8c,#a0306e,#b3001f)!important}
html.khn-dark .sn-radio__btn,html.khn-dark button.sn-btn{border-color:#3a4a5e!important}

/* the header's 'more' chip sits on the brand-red bar: a darker well under the white label keeps it readable */
html.khn-dark.khn-dark body button.kh-more__btn,html.khn-dark.khn-dark body .kh-mdark.kh-more__btn{background-color:rgba(0,0,0,.28)!important;background-image:none!important;color:#ffffff!important}
html.khn-dark.khn-dark body button.kh-more__btn span{color:#ffffff!important}
/* the Instagram glyph sits on the brand gradient: a darker gradient under the white glyph (the glyph itself carries the background) */
html.khn-dark a[href*="instagram.com"] svg.sn-icon,html.khn-dark a[href*="instagram.com"]{background-image:linear-gradient(45deg,#6b2a8c,#a0306e,#b3001f)!important}
html.khn-dark .npl-now em{color:#ff8a93!important}
/* live-match rates and target text (the 'need N runs' line) in the brand red: the light red keeps it at 4.5:1 on the night panel */
html.khn-dark .npl-now__need,html.khn-dark .npl-now p,html.khn-dark .npl-now em{color:#ff8a93!important}
/* player avatars: the team colour is set inline per player; the 82% opacity dropped the initials under 4.5:1 on the night panel */
html.khn-dark .khn-pl-av{opacity:1!important;color:#ffffff!important}
/* dark: the "Player of the match" label (npl.min.css: the light brand red, 3.2:1 on the night panel) gets the dark-mode live red (8:1) */
html.khn-dark .npl-potm small{color:#ff8a93!important}