/* kcs-sub.css (1.4.2) - light refresh for the KCS subpages (AI, Applications, Web design). Styling only: the page content is not touched.
   Loaded only on those pages. Every rule starts with body.gk-kcs-sub .kcs-2026, so no other page can be affected.
   Orange is the theme's --bs-secondary #fe9441 (matches the business cards). */
body.gk-kcs-sub #theme-main{background:#070a17}
body.gk-kcs-sub .kcs-2026{
  --kcs-ink:#f4ece0;--kcs-canvas:#070a17;--kcs-surface:#151a33;--kcs-muted:#bdb3a6;--kcs-line:rgba(254,148,65,.26);
  --kcs-orange-text:#ffb066;--kcs-veil:rgba(7,10,23,.72);
  background:#070a17;color:#f4ece0}
/* header band: dark veil over the existing orange image, orange rule under it */
body.gk-kcs-sub .kcs-2026 .kcs-fire{border-bottom:3px solid #fe9441}
body.gk-kcs-sub .kcs-2026 .kcs-veil{border-left:4px solid #fe9441;border-radius:0 14px 14px 0;backdrop-filter:blur(2px)}
body.gk-kcs-sub .kcs-2026 .kcs-veil h1{color:#fff}
body.gk-kcs-sub .kcs-2026 .kcs-veil p{color:#f4ece0}
body.gk-kcs-sub .kcs-2026 h1,body.gk-kcs-sub .kcs-2026 h2,body.gk-kcs-sub .kcs-2026 h3{color:#f4ece0}
body.gk-kcs-sub .kcs-2026 a:not(.btn){color:#ffb066}
/* cards: every claim block becomes an orange-topped card */
body.gk-kcs-sub .kcs-2026 .kcs-claim{background:linear-gradient(160deg,rgba(254,148,65,.12),rgba(21,26,51,.92) 55%);border:1px solid rgba(254,148,65,.26);border-top:3px solid #fe9441;border-radius:16px;padding:1.5rem 1.4rem;margin:0 0 1.1rem}
body.gk-kcs-sub .kcs-2026 .kcs-claim h2{color:#ffb066}
body.gk-kcs-sub .kcs-2026 .kcs-sect-head{color:#ffb066;border-top-color:rgba(254,148,65,.3)}
body.gk-kcs-sub .kcs-2026 .kcs-lede{color:#f4ece0}
body.gk-kcs-sub .kcs-2026 .kcs-tool,body.gk-kcs-sub .kcs-2026 .kcs-entry,body.gk-kcs-sub .kcs-2026 .kcs-also-grid>*{background:#151a33;border-color:rgba(254,148,65,.26);color:#f4ece0}
/* closing band */
body.gk-kcs-sub .kcs-2026 .kcs-cta{background:linear-gradient(160deg,#fe9441,#e8761b);color:#1d1206}
body.gk-kcs-sub .kcs-2026 .kcs-cta h2,body.gk-kcs-sub .kcs-2026 .kcs-cta p{color:#1d1206}
body.gk-kcs-sub .kcs-2026 .kcs-cta .btn{background:#1d1206;border-color:#1d1206;color:#ffb066}
body.gk-kcs-sub .kcs-2026 .btn-secondary:not(.kcs-cta .btn){background:linear-gradient(180deg,#ffb066,#fe9441);border-color:transparent;color:#1d1206}

/* 1.4.2 header gap fix: same cause and fix as brand.css (body padding for a 90px fixed nav; the real nav is about 56px). */
body.gk-kcs-sub{padding-top:0 !important}
body.gk-kcs-sub nav.navbar.fixed-top{position:sticky;top:0}

/* 1.4.3 READABILITY FIX. Some subpages (Web design) do not use the .kcs-2026 wrapper, so their text kept the theme's dark colour on the new dark page.
   Rule: inside the page, all text is cream, including inline-styled and block-editor colours (hence !important). Exceptions restore dark text only
   where the background really is light: the jumbotron veil, the orange closing band and the orange buttons. */
body.gk-kcs-sub #theme-main :where(h1,h2,h3,h4,h5,h6,p,li,ul,ol,b,strong,em,i,span,label,td,th,dt,dd,blockquote,figcaption,small,div,cite){color:#f4ece0 !important}
body.gk-kcs-sub #theme-main :where(a):not(.btn){color:#ffb066 !important}
body.gk-kcs-sub #theme-main :where(h2,h3) a{color:#ffb066 !important}
body.gk-kcs-sub #theme-main .btn,body.gk-kcs-sub #theme-main .btn *,body.gk-kcs-sub #theme-main button{color:#1d1206 !important}
body.gk-kcs-sub #theme-main .btn-secondary,body.gk-kcs-sub #theme-main .btn-primary{background:linear-gradient(180deg,#ffb066,#fe9441) !important;border-color:transparent !important}
body.gk-kcs-sub #theme-main .jumbotron-inner-container,body.gk-kcs-sub #theme-main .jumbotron-inner-container *{color:#1d1206 !important}
body.gk-kcs-sub #theme-main .jumbotron-inner-container{background-color:rgba(255,255,255,.82) !important;border-left:4px solid #fe9441}
body.gk-kcs-sub #theme-main .kcs-fire .kcs-veil,body.gk-kcs-sub #theme-main .kcs-fire .kcs-veil *{color:#f4ece0 !important}
body.gk-kcs-sub #theme-main .kcs-fire .kcs-veil .kcs-eyebrow{color:#ffb066 !important}
body.gk-kcs-sub #theme-main .kcs-cta,body.gk-kcs-sub #theme-main .kcs-cta *{color:#1d1206 !important}
body.gk-kcs-sub #theme-main .kcs-cta .btn{background:#1d1206 !important;color:#ffb066 !important}
body.gk-kcs-sub #theme-main .kcs-cta .btn *{color:#ffb066 !important}
/* plain-block pages (Web design): the same card look as the other subpages */
body.gk-kcs-sub #theme-main #philosophy,body.gk-kcs-sub #theme-main #why-choose,body.gk-kcs-sub #theme-main #contact{width:min(100% - 2rem,46rem);margin:1.1rem auto;padding:1.5rem 1.4rem;background:linear-gradient(160deg,rgba(254,148,65,.12),rgba(21,26,51,.92) 55%);border:1px solid rgba(254,148,65,.26);border-top:3px solid #fe9441;border-radius:16px}
body.gk-kcs-sub #theme-main #philosophy h2,body.gk-kcs-sub #theme-main #why-choose h2,body.gk-kcs-sub #theme-main #contact h2{color:#ffb066 !important}
body.gk-kcs-sub #theme-main #contact{text-align:center}