/*
Theme Name: WellnessKraft 2030
Theme URI: https://wellnesskraft.com
Author: Wellness Kraft
Author URI: https://wellnesskraft.com
Description: Ultra-light 2030-style wellness theme with a focus on speed and clarity.
Version: 1.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: wellnesskraft-2030
*/

/* -----------------------------------
   DESIGN TOKENS
----------------------------------- */
:root {
    --wk-bg-cream: #FFF5E7;
    --wk-gold:     #F3B41C;
    --wk-ink:      #111827;
    --wk-grey:     #E5E7EB;
}

/* -----------------------------------
   BASE + LAYOUT (sticky footer)
----------------------------------- */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: var(--wk-bg-cream);
    color: var(--wk-ink);
    line-height: 1.7;
    font-size: 17px;
}

a {
    color: #1C6E6B;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* main content area */
main {
    flex: 0 0 auto;
    max-width: 1120px;
    margin: 0 auto;
    padding: 1.5rem 1.25rem 3rem;
}

/* footer always touches bottom on short pages */
.wk-footer {
    margin-top: auto;
}

/* -----------------------------------
   HEADER – CLEAN VERSION
   Structure:
   <header class="wk-header">
     <div class="wk-topbar">...</div>
     <div class="wk-main-header">...</div>
   </header>
----------------------------------- */

/* Keep Plus Jakarta everywhere in header */
.wk-header,
.wk-header * {
    font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

/* Wrapper */
.wk-header {
    width: 100%;
    background: #ffffff;
    border-bottom: 3px solid var(--wk-gold);
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
}

/* ---------- TOP BAR: lang | tagline | search ---------- */

.wk-topbar {
    width: 100%;
    background: #fff6d6;
    border-bottom: 1px solid #f4cf73;
}

.wk-topbar-inner {
    max-width: 1160px;
    margin: 0 auto;
    padding: 6px 20px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    column-gap: 16px;
}

/* Left: language */
.wk-topbar-lang select {
    font-size: 12px;
    padding: 4px 12px;
    border-radius: 999px;
    border: 1px solid #e4d7b5;
    background: #ffffff;
}

/* Center: tagline */
.wk-topbar-tagline {
    text-align: center;
    font-size: 11px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    font-weight: 600;
    color: #6b4a1c;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Right: search */
.wk-topbar-search input[type="search"] {
    padding: 6px 12px;
    border-radius: 999px;
    border: 1px solid #e4d7b5;
    font-size: 13px;
    min-width: 190px;
}

/* ---------- MAIN HEADER (logo + nav) ---------- */

.wk-main-header {
    width: 100%;
    background: #ffffff;
    border-top: 1px solid #f1e5cf;
}

/* Logo row */
.wk-main-inner {
    max-width: 1160px;
    margin: 0 auto;
    padding: 10px 20px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

/* Logo centered */
.wk-logo a {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.wk-logo img {
    max-height: 52px;
    height: auto;
    width: auto;
}

/* Mobile hamburger (hidden on desktop) */
.wk-menu-toggle {
    display: none;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    position: absolute;
    left: 20px;
}

.wk-menu-toggle span {
    display: block;
    width: 20px;
    height: 2px;
    background: #111827;
    margin: 4px 0;
    border-radius: 999px;
}

/* Menu row */
.wk-nav {
    max-width: 1160px;
    margin: 0 auto;
    padding: 8px 20px 10px;
}

/* Desktop menu – single line, centred */
.wk-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.wk-menu > li {
    margin: 0;
    padding: 0;
}

/* Menu items – normal case, pure yellow hover, NO green/orange */
.wk-menu > li > a {
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    color: #111827;
    letter-spacing: 0.03em;
    padding: 8px 4px;
    position: relative;
    display: inline-flex;
    align-items: center;
    text-transform: none !important; /* no ALL CAPS */
    white-space: nowrap;             /* keep “Mental Health” on ONE line */
}

/* solid yellow underline */
.wk-menu > li > a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 2px;
    width: 0;
    height: 2px;
    border-radius: 999px;
    background: #facc15; /* pure yellow */
    transform: translateX(-50%);
    transition: width 0.2s ease-out;
}

.wk-menu > li > a:hover::after,
.wk-menu > li.current-menu-item > a::after {
    width: 60%;
}

/* -----------------------------------
   HERO / HOME
----------------------------------- */

.wk-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
    gap: 2rem;
    padding: 2.5rem 0 2rem;
}

.wk-hero-heading {
    font-size: 2.4rem;
    line-height: 1.2;
    margin: 0 0 0.75rem;
    color: #111827;
}

.wk-hero-sub {
    font-size: 1.05rem;
    margin-bottom: 1.25rem;
    color: #111827;
}

.wk-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.wk-chip {
    padding: 0.2rem 0.9rem;
    border-radius: 999px;
    border: 1px solid rgba(17, 24, 39, 0.12);
    font-size: 0.8rem;
    background: #ffffff;
}

.wk-hero-cta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.wk-btn-primary {
    padding: 0.7rem 1.5rem;
    border-radius: 999px;
    border: none;
    background: #1C6E6B;
    color: #ffffff;
    font-size: 0.98rem;
    cursor: pointer;
}

.wk-btn-primary:hover {
    background: #154f50;
}

.wk-btn-ghost {
    padding: 0.6rem 1.3rem;
    border-radius: 999px;
    border: 1px solid rgba(17, 24, 39, 0.18);
    background: transparent;
    color: #111827;
    font-size: 0.98rem;
    cursor: pointer;
}

/* Optional right stack card */
.wk-hero-stack {
    background: #ffffff;
    border-radius: 1rem;
    padding: 1.25rem 1.5rem;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
}

.wk-hero-stack-title {
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 0.75rem;
    color: #1C6E6B;
}

.wk-hero-stack ul {
    list-style: none;
    margin: 0;
    padding-left: 1rem;
    font-size: 0.9rem;
}

.wk-hero-stack li {
    margin-bottom: 0.35rem;
}

/* -----------------------------------
   CARD GRID (home posts)
----------------------------------- */

.wk-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 1.5rem;
    margin-top: 1rem;
}

.wk-card {
    background: #ffffff;
    border-radius: 0.9rem;
    overflow: hidden;
    border: 1px solid rgba(17, 24, 39, 0.04);
    box-shadow: 0 8px 26px rgba(15, 23, 42, 0.04);
    transition: transform 0.16s ease, box-shadow 0.16s ease;
}

.wk-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.09);
}

.wk-card-body {
    padding: 0.9rem 1rem 1.1rem;
}

.wk-card-cat {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #1C6E6B;
}

.wk-card-title {
    font-size: 1.05rem;
    margin: 0.3rem 0 0.4rem;
    color: #111827;
}

.wk-card-excerpt {
    font-size: 0.95rem;
    color: #111827;
}

/* -----------------------------------
   SINGLE POST
----------------------------------- */

.wk-single-header {
    max-width: 720px;
    margin: 1.5rem auto 1rem;
}

.wk-single-meta {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #374151;
    margin-bottom: 0.4rem;
}

.wk-single-title {
    font-size: 2rem;
    margin: 0 0 0.75rem;
}

.wk-summary-box {
    max-width: 720px;
    margin: 0 auto 1.5rem;
    padding: 1rem 1.2rem;
    border-radius: 0.9rem;
    background: #ffffff;
    border-left: 4px solid var(--wk-gold);
    box-shadow: 0 8px 26px rgba(15, 23, 42, 0.04);
}

.wk-summary-box h2 {
    font-size: 1rem;
    margin: 0 0 0.35rem;
}

.wk-summary-box p {
    margin: 0;
    font-size: 0.92rem;
}

.wk-content {
    max-width: 720px;
    margin: 0 auto;
    font-size: 1.02rem;
    color: #111827;
}

/* -----------------------------------
   FOOTER
----------------------------------- */

.wk-footer {
    background: #021522;
    color: #f9fafb;
    padding: 16px 0 10px;
    font-size: 13px;
}

/* Top row: links left, copyright right */
.wk-footer-main {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 20px 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-bottom: 1px solid rgba(248, 250, 252, 0.08);
}

.wk-footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.wk-footer a {
    color: #e5e7eb;
    text-decoration: none;
}

.wk-footer a:hover {
    color: #facc15;
}

.wk-footer-copy {
    font-weight: 500;
    color: #e5e7eb;
    white-space: nowrap;
    text-align: right;
}

/* Bottom row: disclaimer full width */
.wk-footer-bottom {
    max-width: 1160px;
    margin: 0 auto;
    padding: 6px 20px 0;
    color: #9ca3af;
    font-size: 12px;
}

.wk-footer-disclaimer {
    line-height: 1.4;
}

/* -----------------------------------
   RESPONSIVE
----------------------------------- */

@media (max-width: 768px) {

    main {
        padding: 1.25rem 1rem 2.5rem;
    }

    /* Top bar layout on mobile */
    .wk-topbar-inner {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        row-gap: 6px;
    }

    .wk-topbar-lang {
        grid-column: 1 / 2;
    }

    .wk-topbar-search {
        grid-column: 2 / 3;
        justify-self: end;
    }

    .wk-topbar-tagline {
        grid-column: 1 / 3;
        font-size: 10px;
    }

    .wk-topbar-search input[type="search"] {
        min-width: 0;
        width: 100%;
        max-width: 200px;
    }

    /* Logo row: show burger, keep logo centered */
    .wk-main-inner {
        padding: 10px 16px 0;
    }

    .wk-menu-toggle {
        display: inline-flex;
    }

    /* Nav becomes dropdown */
    .wk-nav {
        padding: 6px 16px 10px;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.25s ease-out;
    }

    .wk-nav.wk-nav-open {
        max-height: 400px;
    }

    .wk-menu {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }

    .wk-menu > li > a {
        padding: 8px 0;
        font-size: 16px;
    }

    /* Hero becomes single column */
    .wk-hero {
        grid-template-columns: 1fr;
    }

    /* Footer centered on mobile */
    .wk-footer-main {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .wk-footer-copy {
        text-align: center;
        white-space: normal;
    }

    .wk-footer-bottom {
        text-align: center;
    }
}
/* =========================
   HOME SECTIONS – WRAPPERS
========================= */

.wk-section {
    padding: 2.3rem 0 2.1rem;
}

.wk-section-inner {
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 1.25rem;
    box-sizing: border-box;
}

.wk-section-header {
    margin-bottom: 1.1rem;
}

.wk-section-title {
    margin: 0 0 0.25rem;
    font-size: 1.45rem;
    font-weight: 750;
    letter-spacing: 0.02em;
}

.wk-section-sub {
    margin: 0;
    font-size: 0.9rem;
    color: #4b5563;
}

/* =========================
   NEWS & RESEARCH
========================= */

.wk-news-section {
    background: #fff8eb;
    border-bottom: 1px solid #f4cf73;
}

/* ticker */
.wk-news-ticker {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0.4rem 0.6rem;
    margin-bottom: 1.3rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.06);
    overflow: hidden;
}

.wk-news-ticker-label {
    flex: 0 0 auto;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #6b4a1c;
}

.wk-news-ticker-track {
    display: flex;
    gap: 20px;
    flex: 1 1 auto;
    white-space: nowrap;
    animation: wk-news-marquee 32s linear infinite;
}

.wk-news-ticker-item {
    font-size: 0.82rem;
    color: #111827;
    opacity: 0.9;
}

.wk-news-ticker-tag {
    font-weight: 600;
    margin-right: 4px;
    color: #b45309;
}

/* simple marquee */
@keyframes wk-news-marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-60%); }
}

/* news cards */
.wk-news-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    gap: 1.3rem;
}

.wk-news-card {
    background: #ffffff;
    border-radius: 1.1rem;
    overflow: hidden;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.wk-news-card-featured {
    grid-row: span 2;
}

.wk-news-card-thumb-link {
    display: block;
}

.wk-news-card-thumb {
    width: 100%;
    height: 210px;
    object-fit: cover;
    display: block;
}

.wk-news-card-thumb--placeholder {
    background: linear-gradient(135deg, #f9fafb, #fee2a0);
}

.wk-news-card-body {
    padding: 0.85rem 1rem 1.1rem;
}

.wk-news-card-cat {
    font-size: 0.78rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #b45309;
}

.wk-news-card-title {
    margin: 0.3rem 0 0.35rem;
    font-size: 1.02rem;
}

.wk-news-card-title a {
    color: #111827;
}

.wk-news-card-excerpt {
    margin: 0;
    font-size: 0.9rem;
    color: #4b5563;
}

/* =========================
   TOOLS & TRACKERS
========================= */

.wk-tools-section {
    background: #fff5e7;
    border-bottom: 1px solid #f3e0b4;
}

.wk-tools-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.wk-tools-card {
    background: #ffffff;
    border-radius: 1.1rem;
    padding: 1rem 1rem 1.1rem;
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
    transition: transform 0.16s ease, box-shadow 0.16s ease;
}

.wk-tools-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 30px rgba(15, 23, 42, 0.12);
}

.wk-tools-icon {
    width: 38px;
    height: 38px;
    border-radius: 14px;
    background: #fef3c7;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
}

.wk-tools-body h3 {
    margin: 0 0 0.25rem;
    font-size: 1rem;
}

.wk-tools-body p {
    margin: 0;
    font-size: 0.88rem;
    color: #4b5563;
}

/* =========================
   FACT CHECK
========================= */

.wk-fact-section {
    background: #fffdf8;
    border-bottom: 1px solid #f3e0b4;
}

.wk-fact-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1rem;
}

.wk-fact-card {
    background: #ffffff;
    border-radius: 1rem;
    padding: 0.9rem 1rem 1rem;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.04);
}

.wk-fact-title {
    margin: 0 0 0.35rem;
    font-size: 0.98rem;
}

.wk-fact-title a {
    color: #111827;
}

.wk-fact-excerpt {
    margin: 0;
    font-size: 0.9rem;
    color: #4b5563;
}

/* =========================
   LATEST POSTS – CLICKABLE
========================= */

.wk-latest-section {
    background: #fff5e7;
}

.wk-latest-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1.5rem;
}

.wk-latest-card {
    background: #ffffff;
    border-radius: 1.1rem;
    overflow: hidden;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05);
    display: flex;
    flex-direction: column;
    min-height: 0;
    transition: transform 0.16s ease, box-shadow 0.16s ease;
}

.wk-latest-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.12);
}

.wk-latest-thumb-wrap {
    display: block;
}

.wk-latest-thumb {
    width: 100%;
    height: 190px;
    object-fit: cover;
    display: block;
}

.wk-latest-thumb--placeholder {
    background: linear-gradient(135deg, #f9fafb, #fee2a0);
}

.wk-latest-body {
    padding: 0.85rem 1rem 1.1rem;
}

.wk-latest-cat {
    font-size: 0.78rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #b45309;
}

.wk-latest-title {
    margin: 0.35rem 0 0.25rem;
    font-size: 1rem;
}

.wk-latest-title a {
    color: #111827;
}

/* 2-line clamp for excerpt so cards stay short */
.wk-latest-excerpt {
    margin: 0;
    font-size: 0.9rem;
    color: #4b5563;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* =========================
   RESPONSIVE TWEAKS
========================= */

@media (max-width: 768px) {
    .wk-news-grid {
        grid-template-columns: 1fr;
    }

    .wk-news-card-featured {
        grid-row: auto;
    }

    .wk-tools-grid {
        grid-template-columns: 1fr;
    }

    .wk-section-inner {
        padding: 0 1rem;
    }
}
/* =========================
   HOME: TOOLS BAND + LATEST
   ========================= */

/* tools band row */
.wk-tools-band {
    margin: 1.5rem 0 2.5rem;
}

.wk-tools-band-inner {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.wk-tools-card {
    flex: 1 1 0;
    background: #ffffff;
    border-radius: 18px;
    padding: 14px 16px 16px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
    border: 1px solid rgba(17, 24, 39, 0.04);
    text-decoration: none;
    display: flex;
    flex-direction: column;
    gap: 6px;
    transition: transform 0.16s ease, box-shadow 0.16s ease;
}

.wk-tools-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.12);
}

.wk-tools-label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: #9ca3af;
}

.wk-tools-title {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #111827;
}

.wk-tools-text {
    margin: 0;
    font-size: 13px;
    color: #4b5563;
}

/* latest posts section */
.wk-latest-section {
    max-width: 1160px;
    margin: 0 auto 2.5rem;
    padding: 0 20px;
}

.wk-section-header h2 {
    margin: 0 0 1rem;
    font-size: 20px;
    font-weight: 700;
}

/* layout: big feature + side column */
.wk-latest-grid {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1.4fr);
    gap: 18px;
}

/* big feature */
.wk-latest-feature {
    background: #ffffff;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
    border: 1px solid rgba(17, 24, 39, 0.04);
    display: flex;
    flex-direction: column;
}

.wk-feature-thumb img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    display: block;
}

.wk-feature-body {
    padding: 14px 16px 16px;
}

.wk-feature-title {
    margin: 4px 0 6px;
    font-size: 18px;
}

.wk-feature-title a {
    color: #111827;
    text-decoration: none;
}

.wk-feature-title a:hover {
    text-decoration: underline;
}

.wk-feature-excerpt {
    margin: 0;
    font-size: 14px;
    color: #4b5563;
}

/* smaller list cards */
.wk-latest-item {
    display: flex;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid rgba(148, 163, 184, 0.35);
}

.wk-latest-item:last-child {
    border-bottom: none;
}

.wk-latest-thumb img {
    width: 92px;
    height: 72px;
    object-fit: cover;
    border-radius: 10px;
    flex-shrink: 0;
}

.wk-latest-item-body {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.wk-latest-item-title {
    margin: 0;
    font-size: 14px;
}

.wk-latest-item-title a {
    color: #111827;
    text-decoration: none;
}

.wk-latest-item-title a:hover {
    text-decoration: underline;
}

/* reuse existing cat style but keep compact */
.wk-card-cat {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #1c6e6b;
}

/* mobile: stack everything */
@media (max-width: 768px) {
    .wk-tools-band-inner {
        padding: 0 14px;
    }

    .wk-latest-section {
        padding: 0 14px 24px;
    }

    .wk-latest-grid {
        grid-template-columns: 1fr;
    }

    .wk-feature-thumb img {
        height: 220px;
    }
}
/* TEMP: hide old hero completely */
.wk-hero {
    display: none !important;
}
/* =========================
   HOME – QUICK STRIP
========================= */

.wk-home-quick-strip {
    background: #fff1cf;
    border-bottom: 1px solid #f4cf73;
}

.wk-home-quick-inner {
    max-width: 1160px;
    margin: 0 auto;
    padding: 10px 20px;
    display: flex;
    justify-content: center;
    gap: 14px;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
}

.wk-home-quick-inner::-webkit-scrollbar {
    display: none;
}

.wk-quick-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border-radius: 999px;
    background: #ffffff;
    border: 1px solid #f5d89b;
    font-size: 13px;
    font-weight: 600;
    color: #111827;
    white-space: nowrap;
}

.wk-quick-pill:hover {
    background: #fffbeb;
}

.wk-quick-icon {
    font-size: 14px;
}

/* =========================
   HOME – NEWS & RESEARCH
========================= */

.wk-home-news {
    padding: 24px 0 26px;
}

.wk-home-news-inner {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 20px;
}

.wk-section-heading h2 {
    margin: 0 0 10px;
    font-size: 20px;
    font-weight: 700;
}

/* Ticker */

.wk-news-ticker {
    overflow: hidden;
    border-radius: 999px;
    background: #021522;
    padding: 6px 10px;
    margin-bottom: 16px;
}

.wk-news-ticker-track {
    display: flex;
    gap: 24px;
    animation: wkTicker 35s linear infinite;
}

.wk-news-ticker-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #f9fafb;
}

.wk-news-ticker-cat {
    padding: 2px 6px;
    border-radius: 999px;
    background: rgba(250, 204, 21, 0.15);
    color: #fde68a;
    font-size: 11px;
}

.wk-news-ticker-title {
    white-space: nowrap;
}

@keyframes wkTicker {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* Feature + side layout */

.wk-home-news-layout {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1.4fr);
    gap: 18px;
}

.wk-news-feature {
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0,0,0,0.04);
    display: flex;
    flex-direction: column;
}

.wk-news-feature-thumb img {
    width: 100%;
    height: 240px;
    object-fit: cover;
}

.wk-news-feature-body {
    padding: 14px 16px 16px;
}

.wk-news-feature-meta {
    display: flex;
    gap: 10px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    margin-bottom: 4px;
}

.wk-news-feature-cat {
    color: #1C6E6B;
}

.wk-news-feature-date {
    color: #6b7280;
}

.wk-news-feature-title {
    margin: 0 0 6px;
    font-size: 18px;
}

.wk-news-feature-title a {
    color: #111827;
}

.wk-news-feature-excerpt {
    margin: 0;
    font-size: 14px;
    color: #4b5563;
}

/* Side list */

.wk-news-side {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.wk-news-side-item {
    display: block;
    padding: 10px 12px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #f3e2c2;
    font-size: 13px;
}

.wk-news-side-item:hover {
    background: #fffbeb;
}

.wk-news-side-cat {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #6b7280;
    margin-bottom: 2px;
}

.wk-news-side-title {
    color: #111827;
}

/* =========================
   HOME – LATEST GRID
========================= */

.wk-home-latest {
    padding: 10px 0 26px;
}

.wk-home-latest-inner {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 20px;
}

.wk-latest-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 18px;
}

/* Big first card spans more columns on wide screens */
.wk-latest-card--big {
    grid-column: span 2;
}

.wk-latest-card {
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0,0,0,0.04);
    display: flex;
    flex-direction: column;
    height: 100%;
}

.wk-latest-thumb img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

.wk-latest-body {
    padding: 12px 14px 14px;
}

.wk-latest-meta {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    margin-bottom: 4px;
}

.wk-latest-cat {
    color: #1C6E6B;
}

.wk-latest-title {
    margin: 0 0 6px;
    font-size: 16px;
}

.wk-latest-title a {
    color: #111827;
}

.wk-latest-excerpt {
    margin: 0;
    font-size: 13px;
    color: #4b5563;
}

/* =========================
   HOME – TOPIC CHIPS
========================= */

.wk-home-topics {
    padding: 10px 0 26px;
}

.wk-home-topics-inner {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 20px;
}

.wk-topic-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.wk-topic-chip {
    padding: 7px 14px;
    border-radius: 999px;
    border: 1px solid #e5e7eb;
    font-size: 13px;
    background: #ffffff;
    color: #111827;
}

.wk-topic-chip:hover {
    background: #fffbeb;
}

/* =========================
   HOME – FACT CHECK
========================= */

.wk-home-fact {
    padding: 18px 0 30px;
    background: #ecfdf5;
}

.wk-home-fact-inner {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 20px;
}

.wk-fact-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 16px;
}

.wk-fact-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 14px 16px 16px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.04);
}

.wk-fact-label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: #065f46;
    margin-bottom: 4px;
}

.wk-fact-title {
    margin: 0 0 6px;
    font-size: 16px;
}

.wk-fact-title a {
    color: #111827;
}

.wk-fact-excerpt {
    margin: 0 0 8px;
    font-size: 13px;
    color: #4b5563;
}

.wk-fact-link {
    font-size: 13px;
    font-weight: 600;
    color: #16a34a;
}

/* =========================
   HOME – RESPONSIVE
========================= */

@media (max-width: 768px) {
    .wk-home-news-layout {
        grid-template-columns: 1fr;
    }

    .wk-latest-card--big {
        grid-column: span 1;
    }

    .wk-home-quick-inner {
        justify-content: flex-start;
    }
}
/* =========================
   NEWS & RESEARCH – TICKER
   ========================= */

.wk-news-strip {
    width: 100%;
    background: #fff7e5;
    border-top: 1px solid #f5d89b;
    border-bottom: 1px solid #f5d89b;
    overflow: hidden;
}

.wk-news-strip-inner {
    max-width: 1160px;
    margin: 0 auto;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    gap: 16px;
}

/* Left label */
.wk-news-strip-label span {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #6b4a1c;
    white-space: nowrap;
}

/* Where the items move */
.wk-news-strip-viewport {
    overflow: hidden;
    flex: 1 1 auto;
}

.wk-news-strip-track {
    display: flex;
    gap: 14px;
    animation: wkNewsTicker 55s linear infinite;
}

/* Each pill card */
.wk-news-item {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 260px;
    max-width: 260px;
    padding: 4px 10px;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.04);
}

/* Round thumbnail */
.wk-news-thumb {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    flex-shrink: 0;
}

/* Text area */
.wk-news-meta {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.wk-news-cat {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #9ca3af;
}

.wk-news-title {
    font-size: 13px;
    font-weight: 600;
    color: #111827;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wk-news-title:hover {
    color: #1C6E6B;
}

/* Animation – slow smooth slide */
@keyframes wkNewsTicker {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* Mobile: slightly tighter */
@media (max-width: 768px) {
    .wk-news-strip-inner {
        padding: 8px 12px;
        gap: 10px;
    }

    .wk-news-strip-track {
        animation-duration: 45s;
    }
}
/* ============================
   HOME: QUICK ACCESS + LATEST
============================ */

.wk-main {
    max-width: 1120px;
    margin: 0 auto;
    padding: 1.5rem 1.25rem 3rem;
}

/* Quick access strip */
.wk-home-quick {
    margin: 1.5rem 0 2rem;
    padding: 1.3rem 1.4rem 1.5rem;
    border-radius: 20px;
    background: #fff7e5;
    border: 1px solid #f5d89b;
}

.wk-home-quick-header h2 {
    margin: 0 0 0.2rem;
    font-size: 1.1rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.wk-home-quick-header p {
    margin: 0 0 0.9rem;
    font-size: 0.9rem;
    color: #4b5563;
}

.wk-home-quick-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 1rem;
}

.wk-home-quick-card {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 1rem 1.1rem;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.04);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.wk-home-quick-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
}

.wk-home-quick-tag {
    display: inline-block;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: #92400e;
}

.wk-home-quick-card h3 {
    margin: 0;
    font-size: 1.05rem;
}

.wk-home-quick-card p {
    margin: 0;
    font-size: 0.9rem;
    color: #4b5563;
}

/* Latest posts block spacing */
.wk-home-latest {
    margin-top: 0.5rem;
}

.wk-home-latest-header h2 {
    margin: 0 0 0.5rem;
    font-size: 1.3rem;
}

/* Make card thumbnails shorter & punchy */
.wk-card-thumb img {
    width: 100%;
    height: 190px;
    object-fit: cover;
    display: block;
}

/* Mobile tweaks */
@media (max-width: 768px) {
    .wk-main {
        padding: 1.25rem 1rem 2.5rem;
    }

    .wk-card-thumb img {
        height: 180px;
    }
}
/* ==== HOME: QUICK ACCESS CARDS (FINAL) ==== */

.wk-main {
    max-width: 1120px;
    margin: 0 auto;
    padding: 1.5rem 1.25rem 3rem;
}

/* wrapper strip */
.wk-home-quick {
    margin: 1.5rem 0 2rem;
    padding: 1.3rem 1.4rem 1.5rem;
    border-radius: 20px;
    background: #fff7e5;
    border: 1px solid #f5d89b;
}

/* small heading & line under it */
.wk-home-quick-header h2 {
    margin: 0 0 0.2rem;
    font-size: 1.2rem;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}

.wk-home-quick-header p {
    margin: 0 0 1rem;
    font-size: 0.9rem;
    color: #4b5563;
}

/* three-card layout */
.wk-home-quick-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 16px;
}

/* each card */
.wk-home-quick-card {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 1rem 1.1rem;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.04);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.wk-home-quick-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
}

/* tiny label at top of card */
.wk-home-quick-tag {
    display: inline-block;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: #92400e;
}

/* title + body text inside card */
.wk-home-quick-card h3 {
    margin: 0;
    font-size: 1.05rem;
    color: #111827;
}

.wk-home-quick-card p {
    margin: 0;
    font-size: 0.9rem;
    color: #4b5563;
}

/* mobile: stack cards nicely */
@media (max-width: 768px) {
    .wk-home-quick {
        padding: 1.1rem 1rem 1.3rem;
    }

    .wk-home-quick-grid {
        grid-template-columns: 1fr;
    }
}
/* =========================
   WK: News & Research strip – side-by-side cards
   ========================= */

.wk-news-strip {
    width: 100%;
    background: #fff5e7;
    border-bottom: 1px solid #f5d89b;
    padding: 12px 0 18px;
}

.wk-news-strip-inner {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 20px;
}

.wk-news-strip-track-wrapper {
    overflow: hidden;
    border-radius: 18px;
    background: #ffffff;
    border: 1px solid #f3e2c2;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
    padding: 10px 12px;
}

/* sliding row */
.wk-news-strip-track {
    display: inline-flex;
    gap: 16px;
    animation: wk-news-marquee 40s linear infinite;
    will-change: transform;
}

.wk-news-strip-track:hover {
    animation-play-state: paused;
}

/* card = row: left image, right text */
.wk-news-card {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    min-width: 380px;
    max-width: 460px;
    border-radius: 14px;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    overflow: hidden;
    text-decoration: none;
}

/* left half – image */
.wk-news-card-thumb {
    flex: 0 0 45%;
    height: 90px;
    /* soft yellow gradient fallback when no image */
    background: linear-gradient(135deg, #fff7d6, #facc15);
    background-size: cover;
    background-position: center;
}


/* right half – text */
.wk-news-card-main {
    flex: 1 1 55%;
    padding: 8px 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    overflow: hidden;
}

.wk-news-card-source {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    color: #6b7280;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wk-news-card-title {
    font-size: 13px;
    font-weight: 600;
    color: #111827;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.wk-news-strip-empty {
    font-size: 13px;
    color: #6b7280;
}

/* marquee animation */
@keyframes wk-news-marquee {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* mobile */
@media (max-width: 768px) {
    .wk-news-strip-inner {
        padding: 0 14px;
    }

    .wk-news-strip-track-wrapper {
        padding: 8px 10px;
        border-radius: 16px;
    }

    .wk-news-card {
        min-width: 300px;
    }

    .wk-news-card-thumb {
        height: 80px;
    }

    .wk-news-strip-track {
        animation-duration: 55s;
    }
}
/* ============================
   CLEANER HEALTH NEWS STRIP
   (layout only – no PHP change)
   ============================ */

/* Card: compact pill, no extra bottom space */
.wk-news-card {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-width: 320px;
    max-width: 360px;
    padding: 8px 12px;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.05);
}

/* Thumbnail: small pill on the LEFT, not a big block */
.wk-news-card-thumb {
    flex: 0 0 70px;           /* width of image block */
    height: 44px;             /* LOWER height – no tall block */
    border-radius: 999px;
    background: linear-gradient(90deg, #ffe88a, #ffd24a);
    background-size: cover;
    background-position: center;
}

/* Text area: tight vertical stack */
.wk-news-card-main {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
    padding-right: 4px;
}

/* Source label (e.g., NIH) */
.wk-news-card-source {
    margin: 0;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #6b4a1c;
}

/* Full headline */
.wk-news-card-title {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    color: #111827;
}

/* Short extract directly under title – NO extra bottom gap */
.wk-news-card-excerpt {
    margin: 2px 0 0; /* remove big bottom margin */
    font-size: 12px;
    line-height: 1.3;
    color: #4b5563;
}
/* ================================
   FINAL – CLEAN TEXT NEWS STRIP
   ================================ */

/* Card: simple rounded rectangle, not pill */
.wk-news-strip .wk-news-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    min-width: 320px;
    max-width: 360px;
    padding: 10px 14px;
    border-radius: 14px;              /* smaller corners */
    background: #ffffff;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.05);
}

/* Kill the image blob completely */
.wk-news-strip .wk-news-card-thumb {
    display: none !important;
}

/* Main text area – full width */
.wk-news-strip .wk-news-card-main {
    padding: 0;
}

/* Source label (e.g. NIH) */
.wk-news-strip .wk-news-card-source {
    margin: 0;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.13em;
    color: #6b4a1c;
}

/* Headline */
.wk-news-strip .wk-news-card-title {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    color: #111827;
}
/* --- Label on the left: "News & Research" --- */

.wk-news-strip-inner {
    max-width: 1160px;
    margin: 0 auto;
    padding: 12px 20px 4px;
    position: relative;
}

/* Title text above the strip, left side */
.wk-news-strip-inner::before {
    content: "News & Research";
    position: absolute;
    left: 20px;
    top: 0;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    color: #6b4a1c;
}

/* Push the cards down so they don’t clash with the label */
.wk-news-strip-track-wrapper {
    margin-top: 20px;
}


/* Excerpt – tight, no extra white gap */
.wk-news-strip .wk-news-card-excerpt {
    margin: 2px 0 0;
    font-size: 12px;
    line-height: 1.35;
    color: #4b5563;
}
/* Add trailing dots to show there is more */
.wk-news-strip .wk-news-card-excerpt::after {
    content: " …";
}
/* ======================
   QUICK ACCESS – 2 CARDS
   ====================== */

.wk-quick-access {
    margin-top: 20px;
}

.wk-qa-inner {
    max-width: 1160px;
    margin: 0 auto;
    padding: 20px 20px 26px;
    background: #ffeccb;
    border-radius: 24px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);
}

.wk-qa-title {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.03em;
}

.wk-qa-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.wk-qa-card {
    display: flex;
    flex-direction: column;
    padding: 16px 18px 18px;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
    text-decoration: none;
    color: #111827;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.wk-qa-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
}

.wk-qa-pill {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    color: #6b4a1c;
    margin-bottom: 6px;
}

.wk-qa-card-heading {
    margin: 0 0 6px;
    font-size: 15px;
    font-weight: 700;
}

.wk-qa-card-text {
    margin: 0;
    font-size: 13px;
    color: #4b5563;
}

/* Mobile: stack cards */
@media (max-width: 768px) {
    .wk-qa-inner {
        padding: 18px 14px 20px;
    }

    .wk-qa-grid {
        grid-template-columns: 1fr;
    }
}
/* ============================
   FOOD & NUTRITION BAND
   ============================ */

.wk-nutrition-band {
    margin-top: 22px;
    margin-bottom: 24px;
}

.wk-nut-inner {
    max-width: 1160px;
    margin: 0 auto;
    padding: 18px 20px 20px;
    border-radius: 24px;
    background: linear-gradient(135deg, #fffaf0, #ffe5bd);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
}

/* Header */
.wk-nut-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 16px;
    margin-bottom: 14px;
}

.wk-nut-head h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #111827;
}

.wk-nut-head p {
    margin: 0;
    font-size: 13px;
    color: #4b5563;
}

/* Grid: left main + right side tiles */
.wk-nut-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    gap: 18px;
}

/* Main spotlight card */
.wk-nut-main {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.3fr);
    gap: 14px;
    background: #ffffff;
    border-radius: 18px;
    padding: 14px 14px 16px;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.wk-nut-main-image {
    border-radius: 14px;
    overflow: hidden;
    background: #fef3c7;
}

.wk-nut-main-image img {
    width: 100%;
    height: 100%;
    max-height: 220px;
    object-fit: cover;
    display: block;
}

.wk-nut-main-body {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.wk-nut-main-title {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #111827;
}

.wk-nut-main-points {
    margin: 4px 0 0;
    padding-left: 18px;
    font-size: 13px;
    color: #4b5563;
}

.wk-nut-main-points li {
    margin-bottom: 4px;
}

.wk-nut-main-link {
    margin-top: auto;
    align-self: flex-start;
    font-size: 13px;
    font-weight: 600;
    color: #111827;
    padding: 7px 13px;
    border-radius: 999px;
    border: 1px solid rgba(17, 24, 39, 0.12);
    background: #fefce8;
    text-decoration: none;
    transition: background 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

.wk-nut-main-link:hover {
    background: #facc15;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.15);
    transform: translateY(-1px);
}

/* Side tiles (right column) */
.wk-nut-side {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.wk-nut-tile {
    display: grid;
    grid-template-columns: 90px minmax(0, 1fr);
    gap: 10px;
    background: #ffffff;
    border-radius: 16px;
    padding: 10px 12px 11px;
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.06);
}

.wk-nut-tile-image {
    border-radius: 12px;
    overflow: hidden;
    background: linear-gradient(135deg, #fef9c3, #fed7aa); /* soft gradient if image fails */
}

.wk-nut-tile-image img {
    width: 100%;
    height: 100%;
    max-height: 78px;
    object-fit: cover;
    display: block;
}

.wk-nut-tile-body {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.wk-nut-tile-title {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: #111827;
}

.wk-nut-tile-text {
    margin: 0;
    font-size: 12.5px;
    color: #4b5563;
}

.wk-nut-tile-link {
    margin-top: auto;
    font-size: 12px;
    font-weight: 600;
    color: #111827;
    text-decoration: none;
}

/* Hover effect only on text link, card stays calm */
.wk-nut-tile-link:hover {
    color: #b45309;
}

/* ---------- Mobile tweaks ---------- */
@media (max-width: 768px) {

    .wk-nut-inner {
        padding: 16px 14px 18px;
    }

    .wk-nut-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }

    .wk-nut-grid {
        grid-template-columns: 1fr;
    }

    .wk-nut-main {
        grid-template-columns: 1fr;
    }

    .wk-nut-main-image img {
        max-height: 200px;
    }
}
/* ============================
   FITNESS & MOVEMENT BAND
   ============================ */

.wk-fitness-band {
    margin-top: 20px;
    margin-bottom: 22px;
}

.wk-fit-inner {
    max-width: 1160px;
    margin: 0 auto;
    padding: 18px 20px 20px;
    border-radius: 24px;
    background: linear-gradient(135deg, #fefce8, #ffedd5);
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.08);
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: 20px;
    align-items: center;
}

/* Left content */
.wk-fit-left {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.wk-fit-head h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #111827;
}

.wk-fit-head p {
    margin: 4px 0 0;
    font-size: 13px;
    color: #4b5563;
}

/* Chips */
.wk-fit-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 6px;
}

.wk-fit-chip {
    padding: 6px 12px;
    border-radius: 999px;
    background: #ffffff;
    border: 1px solid rgba(17, 24, 39, 0.12);
    font-size: 12px;
    font-weight: 500;
    color: #111827;
    text-decoration: none;
}

.wk-fit-chip:hover {
    border-color: #facc15;
}

/* Note and CTA */
.wk-fit-note {
    margin: 6px 0 0;
    font-size: 12.5px;
    color: #4b5563;
}

.wk-fit-cta {
    margin-top: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border-radius: 999px;
    border: none;
    background: #111827;
    color: #f9fafb;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.35);
    transition: background 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

.wk-fit-cta:hover {
    background: #020617;
    transform: translateY(-1px);
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.4);
}

/* Right image */
.wk-fit-right {
    display: flex;
    justify-content: flex-end;
}

.wk-fit-image {
    width: 100%;
    max-width: 420px;
    border-radius: 20px;
    overflow: hidden;
    background: linear-gradient(135deg, #fef9c3, #fed7aa); /* soft fallback if img missing */
}

.wk-fit-image img {
    width: 100%;
    height: 100%;
    max-height: 260px;
    object-fit: cover;
    display: block;
}

/* Mobile */
@media (max-width: 768px) {
    .wk-fit-inner {
        padding: 16px 14px 18px;
        grid-template-columns: 1fr;
    }

    .wk-fit-right {
        justify-content: center;
    }

    .wk-fit-image {
        max-width: 100%;
    }

    .wk-fit-image img {
        max-height: 220px;
    }
}
/* ============================
   EXPLORE BY TOPIC – 5 CARDS
   ============================ */

.wk-explore {
    margin: 22px 0 24px;
}

.wk-explore-inner {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

.wk-explore-head h2 {
    margin: 0 0 4px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #111827;
}

.wk-explore-head p {
    margin: 0 0 14px;
    font-size: 13px;
    color: #4b5563;
}

/* Grid – responsive, clean */
.wk-explore-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 16px;
}

/* Card */
.wk-explore-card {
    background: #ffffff;
    border-radius: 18px;
    overflow: hidden;
    text-decoration: none;
    color: #111827;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
    display: flex;
    flex-direction: column;
    transition: transform 0.16s ease, box-shadow 0.16s ease;
}

.wk-explore-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12);
}

/* Image block */
.wk-explore-img {
    width: 100%;
    aspect-ratio: 4 / 3;              /* keeps all equal height */
    overflow: hidden;
    background: linear-gradient(135deg, #fef9c3, #fed7aa); /* soft fallback if no img */
}

.wk-explore-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Text */
.wk-explore-body {
    padding: 10px 12px 12px;
}

.wk-explore-body h3 {
    margin: 0 0 4px;
    font-size: 15px;
    font-weight: 700;
}

.wk-explore-body p {
    margin: 0;
    font-size: 13px;
    color: #4b5563;
}

/* Mobile spacing */
@media (max-width: 768px) {
    .wk-explore-inner {
        padding: 0 14px;
    }
}


/* Snapshot card */

.wk-snapshot-card {
    background: #ffffff;
    border-radius: 1.1rem;
    padding: 1.2rem 1.4rem 1.3rem;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
    border: 1px solid rgba(17, 24, 39, 0.05);
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.wk-snapshot-label {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    font-weight: 600;
    color: #6b7280;
}

.wk-snapshot-text {
    margin: 0;
    font-size: 0.95rem;
    color: #111827;
}

/* Audio block */

.wk-audio-block {
    margin-top: 0.3rem;
    padding: 0.5rem 0.7rem 0.6rem;
    border-radius: 999px;
    background: #fef9c3;
    border: 1px solid #facc15;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.wk-audio-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 0.9rem;
    color: #111827;
}

.wk-audio-icon {
    width: 24px;
    height: 24px;
    border-radius: 999px;
    background: #111827;
    position: relative;
}

.wk-audio-icon::before {
    content: "";
    position: absolute;
    left: 9px;
    top: 6px;
    border-style: solid;
    border-width: 6px 0 6px 9px;
    border-color: transparent transparent transparent #facc15;
}

.wk-audio-btn.is-playing .wk-audio-icon::before {
    content: "";
    left: 7px;
    top: 5px;
    width: 10px;
    height: 14px;
    border: none;
    background: linear-gradient(90deg, #facc15 0, #fde047 100%);
    box-shadow: inset -2px 0 rgba(0,0,0,0.15);
}

.wk-audio-label {
    font-weight: 600;
}

.wk-audio-progress {
    width: 100%;
    height: 3px;
    border-radius: 999px;
    background: rgba(17, 24, 39, 0.12);
    overflow: hidden;
}

.wk-audio-progress-bar {
    display: block;
    width: 0%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #facc15 0, #fbbf24 100%);
    transition: width 0.2s linear;
}

.wk-audio-status {
    font-size: 0.78rem;
    color: #6b7280;
}

/* TOC */

.wk-toc-card {
    max-width: 760px;
    margin: 0 auto 1.8rem;
    padding: 0.9rem 1.1rem;
    border-radius: 0.9rem;
    background: #fefce8;
    border: 1px solid #facc15;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.wk-toc-title {
    font-size: 0.86rem;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    font-weight: 600;
    color: #6b4a1c;
}

.wk-toc-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1.1rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.wk-toc-list a {
    font-size: 0.88rem;
    color: #111827;
}

.wk-toc-list a:hover {
    text-decoration: underline;
}

/* Main content wrapper */

.wk-single-content-wrap {
    max-width: 760px;
    margin: 0 auto;
}

.wk-single-content {
    font-size: 1.02rem;
    color: #111827;
    margin-bottom: 2rem;
}

.wk-single-content p {
    margin-bottom: 1rem;
}

/* Section cards (Key takeaways, FAQs, etc.) */

.wk-section-card {
    background: #ffffff;
    border-radius: 1rem;
    padding: 1.2rem 1.4rem 1.3rem;
    margin-bottom: 1.6rem;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
    border: 1px solid rgba(17, 24, 39, 0.06);
}

.wk-section-title {
    margin: 0 0 0.8rem;
    font-size: 1.15rem;
    color: #111827;
}

/* Key takeaways */

.wk-kt-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.wk-kt-item {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
}

.wk-kt-bullet {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    margin-top: 0.45rem;
    background: radial-gradient(circle at 30% 30%, #facc15, #f97316);
}

.wk-kt-text {
    font-size: 0.96rem;
}

/* FAQ accordion */

.wk-faq-list {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.wk-faq-item {
    border-radius: 0.75rem;
    border: 1px solid rgba(17, 24, 39, 0.06);
    background: #f9fafb;
    overflow: hidden;
}

.wk-faq-question {
    width: 100%;
    text-align: left;
    padding: 0.7rem 0.9rem;
    background: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    cursor: pointer;
    font-size: 0.96rem;
}

.wk-faq-q-text {
    flex: 1 1 auto;
}

.wk-faq-toggle {
    font-weight: 700;
    color: #4b5563;
}

.wk-faq-question.is-open .wk-faq-toggle {
    content: "-";
}

.wk-faq-answer {
    max-height: 0;
    overflow: hidden;
    padding: 0 0.9rem;
    transition: max-height 0.2s ease-out;
}

.wk-faq-answer p {
    font-size: 0.9rem;
    color: #4b5563;
    margin: 0.4rem 0 0.8rem;
}

/* Research block */

.wk-research-block {
    margin-top: 0.9rem;
    border-top: 1px solid rgba(17, 24, 39, 0.08);
    padding-top: 0.7rem;
}

.wk-research-title {
    font-size: 0.94rem;
    margin: 0 0 0.5rem;
}

.wk-research-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.wk-research-item a {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.wk-research-main {
    font-size: 0.92rem;
    color: #111827;
}

.wk-research-meta {
    font-size: 0.8rem;
    color: #6b7280;
}

/* Share strip */

.wk-share-strip {  
    margin: 1.8rem 0 1.4rem;
    padding: 0.8rem 0.9rem;
    border-radius: 0.9rem;
    background: #f9fafb;
    border: 1px solid rgba(17,24,39,0.06);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.wk-share-left {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.wk-share-label {
    font-size: 0.9rem;
    font-weight: 600;
}

.wk-share-btn {
    font-size: 0.85rem;
    padding: 0.32rem 0.7rem;
    border-radius: 999px;
    border: 1px solid #e5e7eb;
    background: #ffffff;
    cursor: pointer;
}

.wk-share-btn:hover {
    background: #facc15;
    border-color: #facc15;
}

.wk-share-right {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.wk-like-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.32rem 0.7rem;
    border-radius: 999px;
    border: 1px solid #e5e7eb;
    background: #ffffff;
    cursor: pointer;
    font-size: 0.86rem;
}

.wk-like-heart {
    color: #f97316;
}

.wk-like-btn.wk-liked {
    background: #fee2e2;
    border-color: #fca5a5;
}

.wk-comments-link {
    font-size: 0.86rem;
    color: #1C6E6B;
}

/* Comments wrapper */
.wk-comments-wrap {
    margin-top: 1.4rem;
}

/* Responsive */

@media (max-width: 900px) {

    .wk-single-top-inner {
        grid-template-columns: 1fr;
    }

    .wk-single-hero-img-wrap {
        max-height: 260px;
    }

    .wk-single-shell {
        padding: 1.8rem 1rem 2.5rem;
    }

    .wk-toc-card {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .wk-share-strip {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* --- Single article layout extras --- */

.wk-single-article {
    max-width: 720px;
    margin: 1.5rem auto 3rem;
    padding: 0 1.25rem;
}

.wk-single-meta {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #374151;
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    align-items: center;
}

.wk-single-cat {
    padding: 2px 8px;
    border-radius: 999px;
    border: 1px solid rgba(17,24,39,0.15);
    font-size: 0.7rem;
}

.wk-single-dot {
    opacity: 0.6;
}

.wk-single-title {
    font-size: 2rem;
    margin: 0.5rem 0 1.2rem;
}

/* Hero: image + snapshot */
.wk-single-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: 1.5rem;
    margin-bottom: 1.6rem;
}

.wk-single-hero-media img {
    border-radius: 1rem;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.wk-single-snapshot {
    background: #ffffff;
    border-radius: 1rem;
    padding: 1rem 1.2rem;
    border-left: 4px solid #F3B41C;
    box-shadow: 0 12px 30px rgba(15,23,42,0.08);
}

.wk-single-snapshot-title {
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    margin: 0 0 0.4rem;
    color: #6b4a1c;
}

.wk-single-snapshot-text {
    margin: 0 0 0.8rem;
    font-size: 0.96rem;
}

/* Audio button */
.wk-audio-btn {
    border: none;
    border-radius: 999px;
    padding: 7px 14px;
    font-size: 0.85rem;
    font-weight: 600;
    background: #F3B41C;
    color: #111827;
    cursor: pointer;
}

.wk-audio-btn:hover {
    background: #fde047;
}

.wk-audio-note {
    margin: 0.3rem 0 0;
    font-size: 0.78rem;
    color: #6b7280;
}

/* TOC */
.wk-single-toc {
    margin: 1.5rem 0 1.5rem;
    padding: 0.8rem 1rem;
    border-radius: 0.8rem;
    background: #fff7e5;
    border: 1px solid #f4cf73;
}

.wk-single-toc-label {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    margin-bottom: 0.4rem;
    color: #6b4a1c;
}

.wk-single-toc-list {
    margin: 0;
    padding-left: 1rem;
    font-size: 0.9rem;
}

/* Takeaways */
.wk-single-takeaways {
    margin: 2rem 0 1.5rem;
    padding: 1rem 1.1rem;
    border-radius: 1rem;
    background: #ffffff;
    border-left: 4px solid #F3B41C;
}

.wk-single-takeaways h2 {
    margin: 0 0 0.5rem;
    font-size: 1rem;
}

/* FAQs */
.wk-single-faqs {
    margin: 2rem 0 1.5rem;
}

.wk-single-faqs h2 {
    margin: 0 0 0.6rem;
    font-size: 1rem;
}

.wk-faq-item {
    margin-bottom: 0.4rem;
    border-radius: 0.6rem;
    background: #ffffff;
    border: 1px solid rgba(17,24,39,0.06);
    padding: 0.4rem 0.7rem;
}

.wk-faq-item > summary {
    cursor: pointer;
    font-weight: 600;
    list-style: none;
}

.wk-faq-item > summary::-webkit-details-marker {
    display: none;
}

.wk-faq-answer {
    margin-top: 0.4rem;
    font-size: 0.92rem;
}

/* Research links */
.wk-single-research {
    margin: 2rem 0 1.5rem;
}

.wk-single-research h2 {
    margin: 0 0 0.6rem;
    font-size: 1rem;
}

.wk-research-list {
    margin: 0;
    padding-left: 1rem;
    font-size: 0.9rem;
}

.wk-research-meta {
    font-size: 0.82rem;
    color: #6b7280;
}

/* Share strip */
.wk-single-share {
    margin: 2rem 0 1.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    align-items: center;
    font-size: 0.9rem;
}

.wk-single-share a,
.wk-share-copy {
    border-radius: 999px;
    border: 1px solid #e5e7eb;
    padding: 4px 10px;
    background: #ffffff;
    font-size: 0.85rem;
    cursor: pointer;
}

.wk-share-copy {
    background: #f9fafb;
}

/* Comments wrapper */
.wk-single-comments {
    margin: 2rem 0;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .wk-single-article {
        padding: 0 1rem;
    }

    .wk-single-hero {
        grid-template-columns: 1fr;
    }
}
/* =========================
   WK SINGLE ARTICLE LAYOUT
   ========================= */

.wk-article-shell {
    max-width: 1120px;
    margin: 0 auto;
    padding: 2rem 1.25rem 3rem;
}

.wk-article-top {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    gap: 2rem;
    align-items: flex-start;
    margin-bottom: 1.8rem;
}

.wk-article-main {
    max-width: 640px;
}

.wk-article-pill {
    display: inline-flex;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 11px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    border: 1px solid rgba(17,24,39,0.15);
    color: #374151;
    margin-bottom: 0.55rem;
}

.wk-article-title {
    font-size: 2.1rem;
    line-height: 1.2;
    margin: 0 0 0.6rem;
}

.wk-article-meta {
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 6px;
}

.wk-dot {
    font-size: 0.9em;
}

.wk-article-quote {
    margin-top: 1rem;
    padding: 0.9rem 1rem;
    border-left: 3px solid var(--wk-gold, #f3b41c);
    background: #fff;
    border-radius: 0.9rem;
    box-shadow: 0 10px 26px rgba(15,23,42,0.06);
    font-size: 0.98rem;
}

/* Snapshot card */

.wk-article-snapshot {
    display: flex;
    justify-content: flex-end;
}

.wk-snapshot-card {
    background: #ffffff;
    border-radius: 1.1rem;
    padding: 1.1rem 1.2rem 1.2rem;
    box-shadow: 0 14px 34px rgba(15,23,42,0.12);
    max-width: 360px;
}

.wk-snapshot-label {
    font-size: 0.78rem;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #6b7280;
    margin-bottom: 0.3rem;
}

.wk-snapshot-text {
    margin: 0 0 0.9rem;
    font-size: 0.95rem;
    color: #111827;
}

/* Audio button – clean, not over-pill */

.wk-audio-btn {
    width: 100%;
    border: none;
    border-radius: 999px;
    padding: 0.45rem 0.9rem;
    background: linear-gradient(90deg, #fde68a, #facc15);
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    color: #111827;
    box-shadow: 0 8px 18px rgba(250, 204, 21, 0.45);
}

.wk-audio-icon {
    width: 26px;
    height: 26px;
    border-radius: 999px;
    background: rgba(0,0,0,0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}

.wk-audio-btn.wk-audio-playing .wk-audio-icon {
    background: rgba(22,163,74,0.2);
}

.wk-audio-note {
    margin: 0.45rem 0 0;
    font-size: 0.8rem;
    color: #6b7280;
}

/* TOC */

.wk-article-toc {
    margin: 1.8rem 0 1.5rem;
    border-radius: 1rem;
    border: 1px solid rgba(17,24,39,0.08);
    background: #fffdfa;
    padding: 0.6rem 0.8rem;
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.wk-toc-label {
    font-size: 0.78rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #6b7280;
}

.wk-toc-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    font-size: 0.9rem;
}

.wk-toc-list a {
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid rgba(17,24,39,0.08);
    text-decoration: none;
    color: #111827;
    background: #ffffff;
}

.wk-toc-list a:hover {
    border-color: var(--wk-gold, #f3b41c);
}

/* Sections */

.wk-article-body {
    max-width: 720px;
    margin: 0;
}

.wk-section {
    margin-bottom: 1.8rem;
}

.wk-section h2 {
    font-size: 1.25rem;
    margin: 0 0 0.6rem;
}

.wk-section-inner {
    font-size: 1.02rem;
    color: #111827;
}

.wk-section-inner img {
    max-width: 100%;
    border-radius: 0.9rem;
    margin: 0.9rem 0;
}

/* Key takeaways */

.wk-takeaways-list {
    list-style: none;
    padding-left: 0;
    margin: 0.4rem 0 0;
}

.wk-takeaways-list li {
    padding-left: 1.7rem;
    position: relative;
    margin-bottom: 0.5rem;
}

.wk-takeaways-list li::before {
    content: "•";
    position: absolute;
    left: 0.3rem;
    top: 0.1rem;
    color: var(--wk-gold, #f3b41c);
    font-size: 1.3rem;
}

/* FAQs */

.wk-faq-list {
    margin-top: 0.5rem;
}

.wk-faq-item {
    border-radius: 0.8rem;
    border: 1px solid rgba(17,24,39,0.06);
    background: #ffffff;
    padding: 0.6rem 0.9rem;
    margin-bottom: 0.6rem;
}

.wk-faq-item > summary {
    cursor: pointer;
    list-style: none;
    font-weight: 600;
}

.wk-faq-item > summary::-webkit-details-marker {
    display: none;
}

.wk-faq-item > summary::after {
    content: "+";
    float: right;
}

.wk-faq-item[open] > summary::after {
    content: "–";
}

.wk-faq-answer {
    margin-top: 0.5rem;
    font-size: 0.95rem;
}

/* Research links */

.wk-research-links h3 {
    font-size: 1rem;
    margin: 1.1rem 0 0.4rem;
}

.wk-research-links ul {
    margin: 0;
    padding-left: 1.1rem;
    font-size: 0.95rem;
}

/* Actions row */

.wk-article-actions {
    margin: 2rem 0 1.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.wk-action-btn {
    border-radius: 999px;
    border: 1px solid rgba(17,24,39,0.1);
    background: #ffffff;
    padding: 6px 14px;
    font-size: 0.9rem;
    cursor: pointer;
    text-decoration: none;
    color: #111827;
}

.wk-action-btn:hover {
    border-color: var(--wk-gold, #f3b41c);
    background: #fffbeb;
}

.wk-like-btn .wk-heart {
    margin-right: 4px;
}

.wk-like-btn.wk-liked .wk-heart {
    color: #dc2626;
}

.wk-copy-status {
    font-size: 0.8rem;
    color: #6b7280;
}

.wk-comments-wrap {
    margin-top: 1rem;
}

/* Responsive */

@media (max-width: 768px) {
    .wk-article-top {
        grid-template-columns: 1fr;
    }

    .wk-article-snapshot {
        justify-content: flex-start;
    }

    .wk-snapshot-card {
        max-width: 100%;
    }

    .wk-article-shell {
        padding: 1.5rem 1rem 2.5rem;
    }

    .wk-article-title {
        font-size: 1.7rem;
    }

    .wk-article-toc {
        align-items: stretch;
    }
}
/* =======================================
   SINGLE ARTICLE – WELLNESSKRAFT 2030
   ======================================= */

.wk-article {
    max-width: 960px;
    margin: 0 auto 4rem;
    padding: 2rem 1.25rem 3.5rem;
}

/* HEADER */

.wk-article-header {
    max-width: 720px;
    margin: 0 auto 1.75rem;
    text-align: left;
}

.wk-article-category {
    display: inline-flex;
    padding: 4px 12px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid rgba(17,24,39,0.08);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    margin-bottom: 0.5rem;
    color: #1C6E6B;
}

.wk-article-title {
    font-size: 2.3rem;
    line-height: 1.15;
    margin: 0 0 0.4rem;
    color: #111827;
}

.wk-article-meta {
    font-size: 0.86rem;
    color: #4b5563;
}

.wk-article-dot {
    padding: 0 0.4rem;
}

/* Quote strip under title */

.wk-article-quote {
    margin-top: 1.1rem;
    padding: 0.75rem 1rem;
    border-radius: 14px;
    background: #fff7e0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    font-size: 0.9rem;
}

.wk-article-quote-text {
    font-style: italic;
}

.wk-article-quote-source {
    font-weight: 600;
    color: #92400e;
}

/* HERO + SNAPSHOT ROW */

.wk-article-hero-row {
    display: flex;
    flex-wrap: wrap;
    gap: 1.75rem;
    margin: 1.75rem auto 2rem;
    align-items: stretch;
    max-width: 960px;
}

.wk-article-hero {
    flex: 1.4 1 0;
    border-radius: 20px;
    overflow: hidden;
    margin: 0;
    box-shadow: 0 24px 60px rgba(15,23,42,0.18);
    background: #000;
}

.wk-article-hero img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.wk-article-snapshot {
    flex: 1 1 260px;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 20px 52px rgba(15,23,42,0.12);
    padding: 1.2rem 1.4rem 1.4rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.wk-snapshot-label {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    margin: 0 0 0.35rem;
    color: #6b7280;
}

.wk-snapshot-text {
    margin: 0;
    font-size: 0.96rem;
    color: #111827;
}

/* ON THIS PAGE NAV */

.wk-article-toc {
    max-width: 960px;
    margin: 0 auto 1.5rem;
    padding: 0.55rem 0.9rem;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(15,23,42,0.12);
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
    font-size: 0.9rem;
}

.wk-toc-label {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: #6b7280;
    margin-right: 0.4rem;
}

.wk-article-toc a {
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid transparent;
    text-decoration: none;
    color: #111827;
    background: transparent;
}

.wk-article-toc a:hover,
.wk-article-toc a:focus {
    border-color: #facc15;
    background: #fef3c7;
}

/* Discover chips */

.wk-article-discover-chips {
    max-width: 960px;
    margin: 0 auto 1.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.wk-article-discover-chips button {
    border-radius: 999px;
    border: 1px solid rgba(17,24,39,0.14);
    padding: 4px 11px;
    font-size: 0.82rem;
    background: #fff;
    cursor: pointer;
}

.wk-article-discover-chips button:hover {
    background: #fef3c7;
}

/* BODY TEXT */

.wk-article-body {
    max-width: 720px;
    margin: 0 auto 2.25rem;
    font-size: 1.02rem;
    color: #111827;
}

.wk-article-body img {
    border-radius: 18px;
    box-shadow: 0 16px 40px rgba(15,23,42,0.12);
    margin: 1.25rem 0;
}

/* Hide common third-party share widgets inside the content */
.wk-article-body .sharedaddy,
.wk-article-body .wpulike,
.wk-article-body .sassy-social-share,
.wk-article-body .heateor_sss_sharing_container,
.wk-article-body .entry-share {
    display: none !important;
}

/* CARD SECTIONS (key takeaways, FAQ, research) */

.wk-article-card {
    max-width: 720px;
    margin: 0 auto 1.8rem;
    padding: 1.2rem 1.3rem 1.4rem;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 20px 52px rgba(15,23,42,0.12);
}

.wk-card-title {
    margin: 0 0 0.7rem;
    font-size: 1.12rem;
}

/* Key takeaways list */

.wk-key-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.wk-key-list li {
    position: relative;
    padding-left: 1.4rem;
    margin-bottom: 0.5rem;
    font-size: 0.96rem;
}

.wk-key-list li::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
    color: #f59e0b;
}

/* FAQs */

.wk-faq-list {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.wk-faq-item {
    border-radius: 14px;
    padding: 0.5rem 0.75rem;
    background: #f9fafb;
}

.wk-faq-item summary {
    cursor: pointer;
    list-style: none;
    font-weight: 600;
    font-size: 0.96rem;
}

.wk-faq-item summary::-webkit-details-marker {
    display: none;
}

.wk-faq-item summary::after {
    content: "▾";
    float: right;
    font-size: 0.75rem;
    margin-left: 0.5rem;
    color: #6b7280;
}

.wk-faq-item[open] summary::after {
    content: "▴";
}

.wk-faq-answer {
    margin-top: 0.4rem;
    font-size: 0.94rem;
    color: #374151;
}

/* Research links */

.wk-research-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
    font-size: 0.94rem;
}

.wk-research-list li {
    margin-bottom: 0.4rem;
}

.wk-research-list a {
    text-decoration: none;
    color: #1C6E6B;
}

.wk-research-list a:hover {
    text-decoration: underline;
}

.wk-research-meta {
    display: inline-block;
    margin-left: 0.3rem;
    color: #6b7280;
    font-size: 0.82rem;
}

/* SOCIAL BAR */

.wk-article-social {
    max-width: 720px;
    margin: 2.4rem auto 2rem;
    padding: 0.9rem 1.1rem;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 18px 50px rgba(15,23,42,0.16);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    font-size: 0.92rem;
}

.wk-article-social-left,
.wk-article-social-right {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

/* Like button */

.wk-like-btn {
    border-radius: 999px;
    border: 1px solid rgba(17,24,39,0.16);
    padding: 5px 12px;
    background: #fff;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.9rem;
}

.wk-heart {
    font-size: 0.92rem;
    color: #9ca3af;
}

.wk-like-btn.wk-liked {
    border-color: #f97373;
    background: #fef2f2;
}

.wk-like-btn.wk-liked .wk-heart {
    color: #ef4444;
}

/* Comment link */

.wk-comment-jump {
    text-decoration: none;
    font-size: 0.9rem;
    color: #111827;
    opacity: 0.8;
}

.wk-comment-jump:hover {
    opacity: 1;
}

/* Copy + Share buttons */

.wk-copy-link,
.wk-share-native {
    border-radius: 999px;
    border: 1px solid rgba(17,24,39,0.18);
    padding: 5px 12px;
    background: #fff;
    cursor: pointer;
    font-size: 0.9rem;
}

.wk-share-native {
    background: #facc15;
    border-color: #eab308;
}

.wk-share-native:hover {
    background: #fde047;
}

/* COMMENTS WRAP */

.wk-comments-wrap {
    max-width: 720px;
    margin: 0 auto 3rem;
    padding: 1.4rem 1.4rem 2rem;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 18px 50px rgba(15,23,42,0.16);
}

.wk-comments-title {
    margin: 0 0 1rem;
    font-size: 1.15rem;
}

/* Make default comment form look lighter */

.wk-comments-wrap label {
    font-size: 0.9rem;
    color: #4b5563;
}

.wk-comments-wrap textarea,
.wk-comments-wrap input[type="text"],
.wk-comments-wrap input[type="email"],
.wk-comments-wrap input[type="url"] {
    width: 100%;
    border-radius: 14px;
    border: 1px solid #d1d5db;
    padding: 0.55rem 0.7rem;
    font-size: 0.95rem;
}

.wk-comments-wrap input[type="submit"] {
    border-radius: 999px;
    border: none;
    padding: 0.55rem 1.3rem;
    background: #1C6E6B;
    color: #fff;
    font-size: 0.92rem;
    cursor: pointer;
    margin-top: 0.6rem;
}

.wk-comments-wrap input[type="submit"]:hover {
    background: #154f50;
}

/* RESPONSIVE */

@media (max-width: 768px) {

    .wk-article {
        padding-top: 1.5rem;
    }

    .wk-article-title {
        font-size: 1.7rem;
    }

    .wk-article-hero-row {
        flex-direction: column;
    }

    .wk-article-toc {
        border-radius: 14px;
    }

    .wk-article-social {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* ---- WK single post polish ---- */

/* Softer shadows on cards & hero */
.wk-article-hero,
.wk-article-snapshot,
.wk-article-card,
.wk-deep-block {
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
}

/* Quote bar – sage colour for source */
.wk-article-quote {
    background: #ffe9c1;
    border-radius: 999px;
    padding: 10px 24px;
    display: inline-flex;
    gap: 8px;
    align-items: center;
    margin-top: 16px;
}

.wk-article-quote-text {
    font-style: italic;
}

.wk-article-quote-source {
    font-weight: 600;
    color: #6b8566; /* sage */
}

/* On this page strip + audio pill */
.wk-article-toc {
    margin-top: 28px;
    margin-bottom: 20px;
}

.wk-toc-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fffdf7;
    border-radius: 999px;
    padding: 10px 18px;
    border: 1px solid #f4d077;
    gap: 16px;
}

.wk-toc-label {
    font-size: 13px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #6b7280;
    flex-shrink: 0;
}

.wk-toc-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    flex: 1;
}

.wk-toc-links a {
    font-size: 14px;
    padding: 6px 12px;
    border-radius: 999px;
    background: #ffffff;
    border: 1px solid transparent;
    text-decoration: none;
    color: #111827;
}

.wk-toc-links a:hover {
    border-color: #f4d077;
    background: #fff7e2;
}

/* Audio pill – simple, like share */
.wk-audio-btn {
    border-radius: 999px;
    border: 1px solid #f4d077;
    background: #ffecb7;
    padding: 6px 16px;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
}

.wk-audio-btn:hover {
    background: #ffe39a;
}

/* Social bar like pill */
.wk-article-social {
    margin-top: 32px;
    padding: 16px 20px;
    border-radius: 16px;
    background: #fffdf7;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.wk-article-social-left,
.wk-article-social-right {
    display: flex;
    gap: 10px;
    align-items: center;
}

.wk-like-btn,
.wk-copy-link,
.wk-share-native {
    border-radius: 999px;
    border: 1px solid #e5e7eb;
    background: #ffffff;
    padding: 6px 14px;
    font-size: 14px;
    cursor: pointer;
}

.wk-like-btn .wk-heart {
    margin-right: 6px;
}

.wk-like-btn.wk-liked .wk-heart {
    color: #ef4444;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .wk-toc-inner {
        flex-direction: column;
        align-items: flex-start;
    }

    .wk-article-social {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* ----------------------------------------
   WK SINGLE ARTICLE – FINAL POLISH
   ---------------------------------------- */

/* 1) Softer shadows on all main cards  */
.wk-quote-banner,
.wk-hero-media,
.wk-hero-media img,
.wk-snapshot-card,
.wk-onpage-shell,
.wk-faq-card,
.wk-research-card {
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06) !important;
}

/* snapshot + hero image feel a bit lighter */
.wk-snapshot-card,
.wk-hero-media img {
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05) !important;
}

/* inner pills (TOC buttons, audio pill etc.) */
.wk-onpage-pill,
.wk-audio-pill {
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.06) !important;
}

/* 2) Quote banner – brand sage for author */
.wk-quote-banner .wk-quote-author {
    color: #6b8566; /* footer sage */
    font-weight: 500;
}

/* keep the quote itself strong but not too loud */
.wk-quote-banner-text {
    font-weight: 500;
}

/* 3) On-this-page shell – reduce the big "aura" */
.wk-onpage-shell {
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05) !important;
    border: 1px solid rgba(248, 193, 58, 0.45); /* softer gold ring */
}

/* 4) Meta actions row – Like / Comment / Copy / Share */

.wk-meta-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 24px;
    margin-bottom: 8px;
}

.wk-meta-action {
    min-width: 90px;
    text-align: center;
}

/* make the action pills match the new soft look */
.wk-meta-action button,
.wk-meta-action a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 18px;
    border-radius: 999px;
    border: 1px solid rgba(15, 23, 42, 0.06);
    background: #ffffff;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.05);
    font-size: 13px;
    line-height: 1.2;
}

/* hover – very subtle */
.wk-meta-action button:hover,
.wk-meta-action a:hover {
    background: #fff9ec;
}

/* 5) Audio pill – keep it simple like the actions row */
.wk-audio-pill {
    font-size: 14px;
    font-weight: 500;
}
/* =====================================================
   WELLNESSKRAFT SINGLE ARTICLE – CONSOLIDATED 2030 LAYOUT
   (single.php JSON layout)
   ===================================================== */

.wk-article-main {
    background: #fdf0dc;
}

.wk-article-shell {
    max-width: 960px;
    margin: 0 auto 80px;
    padding: 40px 16px 0;
}

/* ---------- Header: category, title, meta ---------- */

.wk-article-category {
    display: inline-block;
    padding: 6px 14px;
    border-radius: 999px;
    background: #fff9ec;
    color: #0f172a;
    font-size: 11px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.wk-article-title {
    font-size: 32px;
    line-height: 1.2;
    margin: 0 0 12px;
    color: #111827;
}

.wk-article-meta {
    font-size: 13px;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
}

.wk-article-dot {
    font-size: 20px;
    line-height: 1;
}

/* ---------- Quote banner under title ---------- */

.wk-quote-banner {
    margin: 0 0 28px;
    padding: 12px 18px;
    border-radius: 999px;
    background: #fff9ec;
    display: inline-flex;
    flex-wrap: wrap;
    column-gap: 8px;
    row-gap: 4px;
    align-items: center;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
}

.wk-quote-banner-text {
    font-size: 14px;
    color: #111827;
    font-weight: 500;
}

.wk-quote-author {
    font-size: 13px;
    color: #6b8566; /* sage */
    font-weight: 500;
}

/* ---------- Hero row: image + snapshot ---------- */

.wk-hero-row {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    gap: 32px;
    align-items: stretch;
    margin-bottom: 16px;
}

.wk-hero-media {
    border-radius: 24px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.08);
}

.wk-hero-media img {
    display: block;
    width: 100%;
    height: auto;
}

/* Snapshot card on the right */

.wk-snapshot-card {
    border-radius: 24px;
    background: #ffffff;
    padding: 24px 24px 22px;
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.07);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.wk-snapshot-label {
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #9ca3af;
    margin: 0 0 8px;
}

.wk-snapshot-text {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
    color: #111827;
}

/* ---------- Audio row (separate from TOC) ---------- */

.wk-audio-row {
    margin: 14px 0 10px;
    display: flex;
    justify-content: flex-end;
}

.wk-audio-pill {
    border-radius: 999px;
    padding: 7px 18px;
    font-size: 13px;
    border: none;
    cursor: pointer;
    background: linear-gradient(90deg, #ffe59a, #faca15);
    color: #111827;
    box-shadow: 0 8px 18px rgba(234, 179, 8, 0.35);
    font-weight: 500;
}

/* ---------- ON THIS PAGE / TOC row ---------- */

/* New JSON layout uses .wk-onpage-shell; older markup used .wk-article-toc.
   Style BOTH so whichever exists will look correct.
*/

.wk-onpage-shell,
.wk-article-toc {
    margin: 6px 0 28px;
    padding: 18px 22px;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.07);
    border: 1px solid rgba(248, 193, 58, 0.45);
    display: flex;
    align-items: center;
    gap: 16px;
}

.wk-onpage-left {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

.wk-onpage-label,
.wk-toc-label {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #9ca3af;
}

.wk-onpage-pills,
.wk-toc-links,
.wk-toc-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* TOC pills / links */

.wk-onpage-pill,
.wk-toc-links a,
.wk-toc-list a {
    border-radius: 999px;
    border: 1px solid rgba(156, 163, 175, 0.35);
    background: #ffffff;
    font-size: 12px;
    padding: 6px 14px;
    color: #111827;
    cursor: pointer;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.06);
    text-decoration: none;
}

.wk-onpage-pill.is-active,
.wk-toc-links a:hover,
.wk-toc-list a:hover {
    border-color: #f4b41a;
    background: #fff9ec;
}

/* ---------- Discover more row ---------- */

.wk-article-tagsrow {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 32px;
}

.wk-tag {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 999px;
    border: 1px solid rgba(156, 163, 175, 0.5);
    font-size: 12px;
    color: #111827;
    background: #ffffff;
}

/* ---------- Body sections ---------- */

.wk-article-body {
    margin-bottom: 32px;
}

.wk-section {
    margin-bottom: 32px;
    padding: 24px 24px 22px;
    background: #ffffff;
    border-radius: 24px;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.wk-section > h2 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 20px;
    color: #111827;
}

.wk-section-content {
    font-size: 15px;
    line-height: 1.7;
    color: #111827;
}

.wk-section-content p {
    margin-bottom: 14px;
}

/* Key takeaways list */

.wk-takeaways-list {
    padding-left: 18px;
    margin: 8px 0 0;
    font-size: 14px;
    line-height: 1.65;
}

/* FAQs accordion (JSON FAQ) */

.wk-section-faqs {
    padding-bottom: 18px;
}

.wk-faq-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.wk-faq-card {
    border-radius: 16px;
    background: #f9fafb;
    padding: 10px 14px;
    border: 1px solid rgba(156, 163, 175, 0.35);
}

.wk-faq-card summary {
    cursor: pointer;
    list-style: none;
    font-weight: 500;
}

.wk-faq-card summary::-webkit-details-marker {
    display: none;
}

.wk-faq-answer {
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.65;
}

/* Research links card */

.wk-section-research {
    padding-bottom: 18px;
}

.wk-research-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.wk-research-item {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 14px;
    background: #f9fafb;
    border: 1px solid rgba(156, 163, 175, 0.35);
    font-size: 14px;
    text-decoration: none;
    color: #111827;
}

.wk-research-title {
    font-weight: 500;
}

.wk-research-meta {
    font-size: 12px;
    color: #6b7280;
    white-space: nowrap;
}

/* ---------- Meta actions row (Like / Comment / Copy / Share) ---------- */

.wk-meta-actions {
    margin: 14px auto 32px;
    max-width: 600px;
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}

.wk-meta-action {
    border-radius: 999px;
    border: 1px solid rgba(156, 163, 175, 0.4);
    padding: 6px 18px;
    background: #ffffff;
    font-size: 13px;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
}

/* Like state */

.wk-like-heart {
    margin-right: 4px;
}

.wk-like-btn.is-liked {
    border-color: #f97373;
    color: #b91c1c;
}

/* ---------- Comments block ---------- */

.wk-comments-shell {
    margin-bottom: 40px;
}

.wk-comments-title {
    font-size: 20px;
    margin: 0 0 14px;
    color: #111827;
}

/* Hide external share plugins inside the JSON layout to avoid double bars */

.wk-article-shell .sharedaddy,
.wk-article-shell .heateor_sss_sharing_container,
.wk-article-shell .sassy-social-share,
.wk-article-shell .wp_social_sharing,
.wk-article-shell .jetpack-sharing,
.wk-article-shell .sd-sharing-enabled {
    display: none !important;
}

/* ---------- Responsive tweaks ---------- */

@media (max-width: 768px) {
    .wk-hero-row {
        grid-template-columns: 1fr;
    }

    .wk-audio-row {
        justify-content: flex-start;
    }

    .wk-onpage-shell,
    .wk-article-toc {
        border-radius: 24px;
        align-items: flex-start;
    }

    .wk-onpage-left {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .wk-article-shell {
        padding: 24px 12px 32px;
    }

    .wk-article-title {
        font-size: 26px;
    }
}
/* ============================
   WK SINGLE – LIGHT TWEAKS
   ============================ */

/* 1) Softer shadows – no heavy black aura */
.wk-article-hero,
.wk-article-snapshot,
.wk-article-card,
.wk-article-social,
.wk-comments-wrap,
.wk-article-body img,
.wk-deep-block,
.wk-snapshot-card {
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04) !important;
}

/* 2) Quote source in footer sage colour */
.wk-article-quote-source {
    color: #6b8566 !important; /* sage */
}

/* 3) On this page pill – hug content, no big empty tail */
.wk-article-toc {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin: 0 auto 1.5rem;
    padding: 0.55rem 0.9rem;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

/* 4) Simple audio pill – match action chips */
.wk-audio-btn {
    margin-top: 0.7rem;
    border-radius: 999px;
    border: 1px solid #e5e7eb;
    background: #ffffff;
    padding: 6px 14px;
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
}

.wk-audio-btn:hover {
    background: #fff9ec;
    border-color: #facc15;
}

/* 5) Social row – Like / Comment / Copy / Share spaced evenly */
.wk-article-social {
    max-width: 720px;
    margin: 2rem auto 2rem;
    padding: 0.9rem 1.1rem;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.wk-like-btn,
.wk-copy-link,
.wk-share-native,
.wk-comment-jump {
    border-radius: 999px;
    border: 1px solid #e5e7eb;
    background: #ffffff;
    padding: 6px 14px;
    font-size: 0.86rem;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.wk-like-btn:hover,
.wk-copy-link:hover,
.wk-share-native:hover,
.wk-comment-jump:hover {
    background: #fff9ec;
    border-color: #facc15;
}

/* Heart colour states */
.wk-heart {
    color: #9ca3af;
}

.wk-like-btn.wk-liked .wk-heart {
    color: #ef4444;
}
/* --- Tidy Play audio pill --- */
.wk-audio-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 6px 18px;
    border-radius: 999px;
    border: 1px solid #e5e7eb;
    background: #ffffff;
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    width: auto !important;          /* stop full-width stretch */
    max-width: 220px;                /* keep it neat */
    margin: 0.6rem auto 0;           /* gently centre under meta */
}

.wk-audio-btn:hover {
    background: #fff9ec;
    border-color: #facc15;
}

/* --- Center the ON THIS PAGE pill nicely --- */
.wk-article-toc {
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin: 1.6rem auto 1.5rem;
    padding: 0.55rem 0.9rem;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.wk-article-toc .wk-toc-label {
    font-weight: 600;
    opacity: 0.75;
}
/* -----------------------------------------
   Home page section titles – unify style
   (News & Research, Quick access, Fitness & Movement,
   Latest from Wellness Kraft, etc.)
------------------------------------------*/
.home .site-main h2.wk-section-title,
.home .site-main h2.wk-strip-title,
.home .site-main h2.wk-latest-title,
.home .site-main > section > h2 {
    font-family: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #b08b60;          /* same vibe as FITNESS & MOVEMENT */
    margin: 0 0 14px;
}
/* Hide old social share bar on single posts */
body.single-post .sharedaddy,
body.single-post .sd-sharing-enabled {
    display: none !important;
}

/* Hide old Gutenberg / WP audio players inside content */
body.single-post .entry-content .wp-block-audio,
body.single-post .entry-content audio {
    display: none !important;
}
/* Single post prev/next navigation */
.wk-post-nav {
    max-width: 760px;
    margin: 40px auto 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.wk-post-nav-prev a,
.wk-post-nav-next a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    border-radius: 999px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    background: #ffffff;
    font-size: 13px;
    color: #111111;
    text-decoration: none;
    white-space: nowrap;
}

.wk-post-nav-prev a:hover,
.wk-post-nav-next a:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
    transform: translateY(-1px);
}
/* WK: hide legacy audio players on article pages */
.single-post .wp-audio-shortcode,
.single-post audio {
    display: none !important;
}
/* WK: related posts on single article */
.wk-related-posts {
    margin-top: 32px;
}

.wk-related-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
}

.wk-related-item {
    border-radius: 18px;
    background: #fffdf7;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.03);
    overflow: hidden;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.wk-related-link {
    display: block;
    text-decoration: none;
    color: inherit;
    height: 100%;
}

.wk-related-thumb img {
    display: block;
    width: 100%;
    height: auto;
}

.wk-related-body {
    padding: 16px 18px 18px;
}

.wk-related-title {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 6px;
}

.wk-related-excerpt {
    font-size: 14px;
    line-height: 1.5;
    color: #444;
    margin: 0;
}

.wk-related-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.06);
}
/* FITNESS BAND LAYOUT FIX */
.wk-fitness-band {
    padding: 24px 0 28px;
}

.wk-fit-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    display: block;          /* IMPORTANT: stop using the old flex layout */
}

.wk-fit-head h2 {
    margin: 0 0 0.75rem;
}

/* two cards side by side */
.wk-fit-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin: 0 0 18px;
}

.wk-fit-feature {
    background: #ffffff;
    border-radius: 18px;
    padding: 14px 16px;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.04);
}

/* card image */
.wk-fit-feature-thumb {
    margin: 0 0 8px;
    border-radius: 16px;
    overflow: hidden;
    aspect-ratio: 16 / 9;
}
.wk-fit-feature-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* title + text */
.wk-fit-feature-title {
    margin: 6px 0 4px;
    font-size: 1rem;
    font-weight: 600;
    color: #111827;
}
.wk-fit-feature-title a {
    color: inherit;
    text-decoration: none;
}
.wk-fit-feature-title a:hover,
.wk-fit-feature-title a:focus {
    text-decoration: underline;
}

.wk-fit-feature-excerpt {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.5;
    color: #4b5563;
}

/* stack cards on mobile */
@media (max-width: 768px) {
    .wk-fit-inner {
        padding: 0 16px;
    }
    .wk-fit-grid {
        grid-template-columns: 1fr;
    }
}
/* --- FINAL TWEAKS FOR FITNESS BAND --- */

/* make sure the section is a simple column, not flex-centered */
.wk-fit-inner {
    display: block !important;
}

/* softer shadow on cards */
.wk-fit-feature {
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.03) !important;
}

/* button lined up with cards on the left */
.wk-fit-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 4px 0 0;       /* small gap from cards, no side-offset */
    width: auto;
}
/* --- FINAL FITNESS POLISH --- */

/* bring everything a little further inside the rounded outer band */
.wk-fitness-band .wk-fit-inner {
    padding: 0 32px 4px !important;
}

/* remove heavy shadow, use a very light border instead */
.wk-fit-feature {
    box-shadow: none !important;
    border: 1px solid rgba(148, 163, 184, 0.16);
}

/* button slightly inside, aligned with cards, with breathing space */
.wk-fit-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0 2px 6px;   /* pushes it away from outer edge */
    width: auto;
}
/* Explore by topic – card layout */
.wk-explore-card {
    display: flex;
    flex-direction: column;
    border-radius: 20px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}

/* TOP: image – fixed ratio, no gaps */
.wk-explore-img {
    aspect-ratio: 16 / 10;   /* same shape for every card */
    overflow: hidden;
}

.wk-explore-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;        /* fills the box, no blank space */
    display: block;
}

/* BOTTOM: white band with title only */
.wk-explore-body {
    padding: 12px 14px 14px;
    background: #ffffff;
}

.wk-explore-body h3 {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: #111827;
}
/* --- MENTAL HEALTH BAND (3 cards) --- */

.wk-mental-band {
    padding: 24px 0 28px;
}

.wk-mental-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 32px 4px;
}

.wk-mental-head h2 {
    margin: 0 0 0.75rem;
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #111827;
}

/* 3 cards side by side */
.wk-mental-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin: 0 0 16px;
}

.wk-mental-card {
    background: #ffffff;
    border-radius: 18px;
    padding: 14px 16px;
    box-shadow: none;
    border: 1px solid rgba(148, 163, 184, 0.16); /* same soft look as fitness */
}

/* card image */
.wk-mental-thumb {
    margin: 0 0 8px;
    border-radius: 16px;
    overflow: hidden;
    aspect-ratio: 16 / 9;
}
.wk-mental-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* title + excerpt */
.wk-mental-title {
    margin: 6px 0 4px;
    font-size: 1rem;
    font-weight: 600;
    color: #111827;
}
.wk-mental-title a {
    color: inherit;
    text-decoration: none;
}
.wk-mental-title a:hover,
.wk-mental-title a:focus {
    text-decoration: underline;
}

.wk-mental-excerpt {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.5;
    color: #4b5563;
}

/* button aligned like fitness button */
/* Shared style for both Browse buttons */
.wk-fit-cta,
.wk-mental-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 22px;
    border-radius: 999px;
    background: #0b3b35;   /* your dark sage footer colour */
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 500;
    text-decoration: none;
    margin: 10px 0 2px 6px;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.16);
}

.wk-fit-cta:hover,
.wk-mental-cta:hover {
    filter: brightness(1.05);
}

/* stack on tablet/mobile */
@media (max-width: 1024px) {
    .wk-mental-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 768px) {
    .wk-mental-inner {
        padding: 0 16px 4px;
    }
    .wk-mental-grid {
        grid-template-columns: 1fr;
    }
}
/* Container */
.wk-nut-snapshots {
  padding: 28px 0 32px;
}
.wk-nut-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 32px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.wk-nut-head h2 {
  margin: 0 0 4px;
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #111827;
}
.wk-nut-head p {
  margin: 0 0 16px;
  font-size: 0.9rem;
  color: #6b7280;
}

/* Grid of cards */
.wk-nut-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 18px;
}

/* Card */
.wk-nut-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 14px 16px 16px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
  border: 1px solid rgba(148, 163, 184, 0.12);
}

/* Top labels */
.wk-nut-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
  font-size: 0.75rem;
}
.wk-nut-label {
  color: #4b5563;
  font-weight: 500;
}
.wk-nut-chip {
  padding: 3px 8px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.7);
  background: #f9fafb;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #6b7280;
}

/* Title */
.wk-nut-title {
  margin: 0 0 6px;
  font-size: 0.95rem;
  font-weight: 600;
  color: #111827;
}

/* Metrics row */
.wk-nut-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin-bottom: 8px;
}
.wk-nut-metric {
  text-align: left;
}
.wk-nut-metric-label {
  display: block;
  font-size: 0.7rem;
  color: #9ca3af;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.wk-nut-metric-value {
  display: block;
  font-size: 0.95rem;
  font-weight: 600;
  color: #111827;
}

/* Macro bar */
.wk-nut-macrobar {
  display: flex;
  overflow: hidden;
  border-radius: 999px;
  height: 10px;
  margin-bottom: 8px;
  background: #f3f4f6;
}
.wk-nut-macro {
  font-size: 0;
}
.wk-carb  { background: #fde68a; }  /* soft yellow */
.wk-prot  { background: #a7f3d0; }  /* soft mint */
.wk-fat   { background: #fecaca; }  /* soft peach */

/* Note + link */
.wk-nut-note {
  margin: 0 0 4px;
  font-size: 0.85rem;
  line-height: 1.45;
  color: #4b5563;
}
.wk-nut-link {
  font-size: 0.8rem;
  color: #0b3b35;
  text-decoration: none;
  font-weight: 500;
}
.wk-nut-link:hover {
  text-decoration: underline;
}

/* Button – same feel as Fitness browse button */
.wk-nut-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 22px;
  border-radius: 999px;
  background: #0b3b35;  /* your dark sage */
  color: #ffffff;
  font-size: 0.9rem;
  font-weight: 500;
  text-decoration: none;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.16);
}
.wk-nut-cta:hover {
  filter: brightness(1.05);
}

/* Responsive */
@media (max-width: 1024px) {
  .wk-nut-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .wk-nut-inner {
    padding: 0 16px;
  }
  .wk-nut-grid {
    grid-template-columns: 1fr;
  }
}
.wk-nut-head p {
  margin: 0 0 16px;
  font-size: 0.9rem;
  color: #6b7280;
}

/* make the 'See full breakdown' link stand out a little more */
.wk-nut-link {
  display: inline-block;
  margin-top: 2px;
  font-size: 0.8rem;
  color: #0b3b35;
  text-decoration: none;
  font-weight: 600;
}
.wk-nut-link:hover {
  text-decoration: underline;
}
.wk-quote-card{
  margin-top:14px;
  border-radius:18px;
  background:#fff8e8;
  border:1px solid rgba(0,0,0,0.06);
  overflow:hidden;
  box-shadow:0 10px 26px rgba(0,0,0,0.06);
}
.wk-quote-accent{
  height:6px;
  background:linear-gradient(90deg,#f7c948,#ffd77a,#f7c948);
}
.wk-quote-inner{
  padding:14px 14px 16px 14px;
}
.wk-quote-label{
  font-weight:700;
  letter-spacing:.3px;
  font-size:12px;
  opacity:.75;
  margin-bottom:8px;
}
.wk-quote-text{
  font-size:16px;
  line-height:1.6;
  font-weight:600;
}
/* FIX: force spacing after Quick Access (targets the very next block) */
.wk-quick-access{
  margin-bottom: 26px !important;
  padding-bottom: 26px !important;
}

.wk-quick-access + *{
  margin-top: 100px !important;
  clear: both !important;
  position: relative !important;
  z-index: 1 !important;
}
/* Safety: cancel any accidental pull-up */
.wk-nfacts-teaser, .wk-nutrition-teaser, .wk-nutrition-facts{
  margin-top: 26px !important;
  transform: none !important;
  top: auto !important;
}