/* Keblur shell for the inner pages (contact, faq, policies, about) so they match the homepage.
   Loads AFTER styles.css: re-points its old green variables at the logo greens and swaps the nav/footer. */
:root{
  --primary-dark:#025B2F; --primary-medium:#03703A; --primary-light:#0B8A4E;
  --accent-green:#41D78D; --accent-light:#E6F8EE; --off-white:#F7FAF8;
  --k-green:#025B2F; --k-green-dk:#01401F; --k-mint:#41D78D; --k-line:#DDE8E1; --k-text:#0E2A1B;
}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif !important;background:#F7FAF8;color:var(--k-text)}
h1,h2,h3,h4{font-family:Inter,system-ui,sans-serif !important;letter-spacing:-.02em}

.k-bar{background:var(--k-green-dk);color:#fff;font:600 13px Inter,sans-serif;text-align:center;padding:8px 12px}
.k-bar b{color:var(--k-mint)}
.k-nav{position:sticky;top:0;z-index:50;background:var(--k-green);box-shadow:0 2px 14px rgba(1,64,31,.25)}
.k-nav .k-wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.k-wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.k-brand{font:900 24px Inter,sans-serif;letter-spacing:-.03em;text-decoration:none;color:#fff !important}
.k-brand b{color:var(--k-mint)}
.k-links{display:flex;gap:26px;align-items:center}
.k-links a{text-decoration:none;color:rgba(255,255,255,.82);font:500 15px Inter,sans-serif}
.k-links a:hover{color:#fff}
.k-links .k-buy{color:var(--k-green-dk);background:var(--k-mint);padding:9px 18px;border-radius:999px;font-weight:700}
@media(max-width:760px){.k-links a:not(.k-buy){display:none}}

/* old pages pad their first section for the old fixed navbar - the new nav is sticky, so trim it */
.k-nav ~ section:first-of-type,.k-nav ~ main{padding-top:56px !important}
.legal-page{max-width:820px;margin:0 auto;padding-bottom:64px}
.legal-page details{background:#fff;border:1px solid var(--k-line);border-radius:12px;margin-bottom:10px;padding:0}
.legal-page details summary{cursor:pointer;padding:16px 20px !important;font-weight:600}
.legal-page details p{padding:0 20px 16px !important}
.legal-page a{color:var(--k-green)}

.k-foot{background:var(--k-green-dk);padding:40px 0;color:rgba(255,255,255,.75);font:400 14px Inter,sans-serif;margin-top:0}
.k-foot .k-wrap{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}
.k-foot .k-flinks{display:flex;flex-wrap:wrap;gap:8px 20px}
.k-foot a{text-decoration:none;color:rgba(255,255,255,.75)}
.k-foot a:hover{color:#fff}
