/* ═══════════════════════════════════════════════════════════════════════════
   AXK Network — Public Pages Shared Styles
   Covers: Contact, FAQ, Terms, Privacy, Knowledge Hub, Blog, FEP, Verify, Profile
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Typography ── */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,300..800;1,14..32,300..800&display=swap');

/* ── AXK Design Tokens ── */
:root {
    /* ── Core palette (logo-derived) ── */
    --axk-primary: #2B705F;
    --axk-deep: #163A32;
    --axk-mint: #F5FAF9;
    --axk-gold: #C8963E;

    /* ── Text ── */
    --axk-text: #0F1F1A;
    --axk-text-secondary: #4A6B62;

    /* ── Surfaces ── */
    --axk-surface: #FFFFFF;
    --axk-surface-raised: #FAFCFB;
    --axk-border: #D8EAE5;

    /* ── Spacing ── */
    --axk-unit: 8px;

    /* ── Radii ── */
    --axk-radius: 12px;
    --axk-radius-lg: 16px;
    --axk-radius-sm: 8px;
    --axk-radius-pill: 100px;

    /* ── Shadows ── */
    --axk-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(0,0,0,0.04);
    --axk-shadow-lg: 0 4px 12px rgba(0,0,0,0.06), 0 16px 48px rgba(0,0,0,0.06);
    --axk-shadow-sm: 0 1px 2px rgba(0,0,0,0.04);

    /* ── Typography ── */
    --axk-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;

    /* ── Semantic ── */
    --axk-success: #2B705F;
    --axk-warning: #C8963E;
    --axk-danger: #C53030;
    --axk-info: #2B6CB0;

    /* ══ Backward-compatible aliases (for Contact, FAQ, KB, Blog, Terms, Privacy) ══ */
    --axk-green: var(--axk-primary);
    --axk-pg-primary: var(--axk-primary);
    --axk-pg-primary-dark: var(--axk-deep);
    --axk-pg-primary-light: #7BA99B;
    --axk-pg-mint: var(--axk-mint);
    --axk-pg-gold: var(--axk-gold);
    --axk-pg-gold-light: rgba(200, 150, 62, 0.08);
    --axk-pg-surface: var(--axk-surface);
    --axk-pg-shell: var(--axk-surface-raised);
    --axk-pg-border: var(--axk-border);
    --axk-pg-rule: var(--axk-border);
    --axk-pg-text: var(--axk-text);
    --axk-pg-muted: var(--axk-text-secondary);
    --axk-pg-subtle: var(--axk-text-secondary);
    --axk-pg-radius: 36px;
    --axk-pg-radius-sm: var(--axk-radius);
    --axk-font-body: var(--axk-font);
    --axk-font-mono: 'Inter', monospace;
    --axk-font-display: var(--axk-font);
}

[data-theme="dark"] {
    --axk-primary: #3D9B84;
    --axk-deep: #0D2B24;
    --axk-mint: #111E1A;
    --axk-text: #F0F5F3;
    --axk-text-secondary: #7A9E93;
    --axk-surface: #121A17;
    --axk-surface-raised: #182420;
    --axk-border: #243D35;
    --axk-gold: #D4A64E;

    /* Backward-compatible dark aliases */
    --axk-pg-surface: var(--axk-surface);
    --axk-pg-shell: var(--axk-surface-raised);
    --axk-pg-border: var(--axk-border);
    --axk-pg-rule: var(--axk-border);
    --axk-pg-text: var(--axk-text);
    --axk-pg-muted: var(--axk-text-secondary);
    --axk-pg-subtle: var(--axk-text-secondary);
    --axk-pg-mint: var(--axk-mint);
    --axk-pg-gold-light: rgba(212, 166, 78, 0.12);
}

/* ── Remove underlines from card/link components ── */
[class^="axk-"][class*="card"]:hover,
[class^="axk-"][class*="item"]:hover,
[class^="axk-"][class*="card"] *,
[class^="axk-"][class*="item"] * {
    text-decoration: none !important;
}

/* ═══════════════════════════════════════════════════
   AXK STAMP — Certification seal component
   ═══════════════════════════════════════════════════
   - Double circular border ring
   - Decorative dashed teeth
   - Slight rotation + logo watermark
   Sizes:  .axk-stamp (88px)  .--sm (64px)  .--lg (112px)
   Inline: .axk-stamp.--inline
   Color:  --gold, --pending, --dark
   ═══════════════════════════════════════════════════ */

.axk-stamp {
    --_c: var(--axk-primary);
    --_s: 96px;

    position: relative;
    width: var(--_s);
    height: var(--_s);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    flex-shrink: 0;
    user-select: none;
    transform: rotate(-8deg);

    /* Outer ring */
    border: 3px solid var(--_c);
    background: transparent;
}

/* Inner ring */
.axk-stamp::before {
    content: '';
    position: absolute;
    inset: 5px;
    border-radius: 50%;
    border: 1.5px solid var(--_c);
    opacity: 0.5;
}

/* Decorative dashed teeth */
.axk-stamp::after {
    content: '';
    position: absolute;
    inset: -2px;
    border-radius: 50%;
    border: 1.5px dashed var(--_c);
    opacity: 0.25;
}

.axk-stamp__icon {
    width: 24px;
    height: 24px;
    color: var(--_c);
    margin-bottom: 2px;
    flex-shrink: 0;
}

.axk-stamp__icon svg { width: 100%; height: 100%; }

.axk-stamp__label {
    font-family: var(--axk-font);
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: var(--_c);
    line-height: 1;
    text-align: center;
}

.axk-stamp__sub {
    font-family: var(--axk-font);
    font-size: 6.5px;
    font-weight: 600;
    letter-spacing: 0.08em;
    color: var(--_c);
    opacity: 0.45;
    margin-top: 1px;
    text-transform: uppercase;
    text-align: center;
}

/* ── Size: sm (compact card) ── */
.axk-stamp.--sm { --_s: 72px; border-width: 2.5px; }
.axk-stamp.--sm .axk-stamp__icon { width: 18px; height: 18px; margin-bottom: 1px; }
.axk-stamp.--sm .axk-stamp__label { font-size: 7px; letter-spacing: 0.14em; }
.axk-stamp.--sm .axk-stamp__sub { display: none; }
.axk-stamp.--sm::before { inset: 4px; }

/* ── Size: lg (hero / document centerpiece) ── */
.axk-stamp.--lg { --_s: 120px; border-width: 3.5px; }
.axk-stamp.--lg .axk-stamp__icon { width: 30px; height: 30px; margin-bottom: 4px; }
.axk-stamp.--lg .axk-stamp__label { font-size: 10px; letter-spacing: 0.16em; }
.axk-stamp.--lg .axk-stamp__sub { font-size: 7.5px; margin-top: 2px; }
.axk-stamp.--lg::before { inset: 6px; }

/* ── Color: gold ── */
.axk-stamp.--gold { --_c: var(--axk-gold); }

/* ── Color: pending ── */
.axk-stamp.--pending {
    --_c: var(--axk-text-secondary);
    border-style: dashed;
    opacity: 0.6;
}
.axk-stamp.--pending::after { display: none; }

/* ── Color: dark (on dark backgrounds) ── */
.axk-stamp.--dark { --_c: rgba(255,255,255,0.6); }

/* ── Inline badge (non-circular, for text context) ── */
.axk-stamp.--inline {
    --_s: auto;
    width: auto;
    height: auto;
    flex-direction: row;
    gap: 6px;
    border-radius: 8px;
    border-width: 2px;
    padding: 5px 14px 5px 10px;
    transform: none;
}

.axk-stamp.--inline::before,
.axk-stamp.--inline::after { display: none; }
.axk-stamp.--inline .axk-stamp__icon { width: 14px; height: 14px; margin-bottom: 0; }
.axk-stamp.--inline .axk-stamp__label { font-size: 10px; letter-spacing: 0.1em; }
.axk-stamp.--inline .axk-stamp__sub { display: none; }

[data-theme="dark"] .axk-stamp.--dark { --_c: rgba(255,255,255,0.5); }


/* ═══════════════════════════════════════════════════
   LAYOUT PRIMITIVES
   ═══════════════════════════════════════════════════ */

/* ── Page Root ── */
.axk-pg-root {
    min-height: calc(100vh - 64px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    overflow: hidden;
    padding: 32px 16px;
    background: var(--axk-pg-surface);
}

.axk-pg-root::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("/assets/axk_network/images/axk-login-grid.png") center / cover no-repeat;
    z-index: 0;
    pointer-events: none;
    opacity: 0.7;
}

.axk-pg-root > * {
    position: relative;
    z-index: 1;
}

/* ── Container width ── */
.axk-pg-container {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
}

/* ── Two-column shell ── */
.axk-pg-shell {
    display: grid;
    grid-template-columns: 1fr;
    border-radius: var(--axk-pg-radius);
    padding: 2px;
    background: var(--axk-pg-shell);
}

.axk-pg-left {
    background: var(--axk-pg-surface);
    border-radius: var(--axk-pg-radius);
    padding: 32px 28px 24px;
    display: flex;
    flex-direction: column;
}

.axk-pg-right {
    display: none;
    padding: 28px 24px;
}

@media (min-width: 992px) {
    .axk-pg-root {
        padding: 32px 64px;
    }

    .axk-pg-shell {
        grid-template-columns: minmax(380px, 480px) 1fr;
        min-height: 560px;
    }

    .axk-pg-right {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0 var(--axk-pg-radius) var(--axk-pg-radius) 0;
    }
}

/* ── Full-width shell (for content pages) ── */
.axk-pg-shell.axk-pg-full {
    grid-template-columns: 1fr;
}

.axk-pg-shell.axk-pg-full .axk-pg-left {
    padding: 40px 32px;
}

@media (min-width: 992px) {
    .axk-pg-shell.axk-pg-full {
        grid-template-columns: 1fr;
    }

    .axk-pg-shell.axk-pg-full .axk-pg-left {
        padding: 48px 64px;
    }
}

/* ── Legal footer ── */
.axk-pg-legal {
    text-align: center;
    color: var(--axk-pg-muted);
    font-size: 12px;
    margin: 14px 0 0;
}

.axk-pg-legal a {
    color: var(--axk-pg-subtle);
    text-decoration: none;
}


/* ═══════════════════════════════════════════════════
   TYPOGRAPHY — Prose content (Terms, Privacy)
   ═══════════════════════════════════════════════════ */

.axk-prose {
    color: var(--axk-pg-text);
    font-size: 15px;
    line-height: 1.7;
}

.axk-prose h1 {
    font-size: 28px;
    font-weight: 700;
    color: var(--axk-pg-text);
    margin: 0 0 8px;
    letter-spacing: -0.02em;
}

.axk-prose .axk-prose-subtitle {
    color: var(--axk-pg-muted);
    font-size: 14px;
    margin-bottom: 32px;
}

.axk-prose h2 {
    font-size: 20px;
    font-weight: 600;
    color: var(--axk-pg-text);
    margin: 32px 0 12px;
    padding-top: 20px;
    border-top: 1px solid var(--axk-pg-border);
}

.axk-prose h2:first-of-type {
    border-top: none;
    padding-top: 0;
}

.axk-prose h3 {
    font-size: 16px;
    font-weight: 600;
    color: var(--axk-pg-text);
    margin: 20px 0 8px;
}

.axk-prose p {
    margin: 0 0 14px;
    color: var(--axk-pg-subtle);
}

.axk-prose ul, .axk-prose ol {
    margin: 0 0 14px;
    padding-left: 24px;
    color: var(--axk-pg-subtle);
}

.axk-prose li {
    margin-bottom: 6px;
}

.axk-prose strong {
    color: var(--axk-pg-text);
    font-weight: 600;
}

.axk-prose a {
    color: var(--axk-pg-primary);
    text-decoration: underline;
}

/* ── Table of contents sidebar ── */
.axk-prose-toc {
    position: sticky;
    top: 80px;
    font-size: 13px;
}

.axk-prose-toc h4 {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--axk-pg-muted);
    margin: 0 0 12px;
}

.axk-prose-toc a {
    display: block;
    padding: 5px 0;
    color: var(--axk-pg-subtle);
    text-decoration: none;
    transition: color 0.15s;
    border-left: 2px solid transparent;
    padding-left: 12px;
}

.axk-prose-toc a:hover,
.axk-prose-toc a.active {
    color: var(--axk-pg-primary);
    border-left-color: var(--axk-pg-primary);
}


/* ═══════════════════════════════════════════════════
   CONTACT PAGE
   ═══════════════════════════════════════════════════ */

.axk-contact-page {
    background: var(--axk-pg-surface);
}

/* ── Container ── */
.axk-ct-container {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 20px;
}

/* ── HERO ── */
.axk-ct-hero {
    position: relative;
    padding: 64px 20px 48px;
    text-align: center;
    overflow: hidden;
}

.axk-ct-hero-bg {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 80% 60% at 50% 0%, rgba(20, 97, 78, 0.07) 0%, transparent 70%),
        url("/assets/axk_network/images/axk-login-grid.png") center / cover no-repeat;
    opacity: 0.8;
    pointer-events: none;
}

[data-theme="dark"] .axk-ct-hero-bg {
    background:
        radial-gradient(ellipse 80% 60% at 50% 0%, rgba(20, 97, 78, 0.15) 0%, transparent 70%),
        url("/assets/axk_network/images/axk-login-grid.png") center / cover no-repeat;
}

.axk-ct-hero-inner {
    position: relative;
    z-index: 1;
    max-width: 580px;
    margin: 0 auto;
}

.axk-ct-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 14px;
    background: rgba(20, 97, 78, 0.06);
    border: 1px solid rgba(20, 97, 78, 0.12);
    border-radius: 100px;
    font-size: 12px;
    font-weight: 600;
    color: var(--axk-pg-primary);
    margin-bottom: 16px;
    letter-spacing: 0.02em;
}

.axk-ct-hero-inner h1 {
    font-size: 36px;
    font-weight: 700;
    color: var(--axk-pg-text);
    margin: 0 0 10px;
    letter-spacing: -0.03em;
    line-height: 1.15;
}

.axk-ct-hero-inner p {
    font-size: 16px;
    color: var(--axk-pg-subtle);
    line-height: 1.55;
    margin: 0;
}

@media (min-width: 768px) {
    .axk-ct-hero {
        padding: 80px 20px 56px;
    }
    .axk-ct-hero-inner h1 {
        font-size: 44px;
    }
}

/* ── CHANNEL CARDS ── */
.axk-ct-channels {
    padding: 0 0 48px;
}

.axk-ct-channels-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
}

@media (min-width: 640px) {
    .axk-ct-channels-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

.axk-ct-channel-card {
    display: flex;
    flex-direction: column;
    padding: 24px 22px 20px;
    border: 1px solid var(--axk-pg-border);
    border-radius: 16px;
    background: var(--axk-pg-surface);
    text-decoration: none !important;
    transition: transform 0.22s cubic-bezier(0.4, 0, 0.2, 1),
                box-shadow 0.22s cubic-bezier(0.4, 0, 0.2, 1),
                border-color 0.22s;
}

.axk-ct-channel-card:hover,
.axk-ct-channel-card:hover *,
.axk-ct-channel-card:focus {
    text-decoration: none !important;
}

.axk-ct-channel-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
    border-color: transparent;
}

.axk-ct-channel-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
}

.axk-ct-channel-icon svg {
    width: 22px;
    height: 22px;
}

/* Color variants */
.axk-ct-icon-teal {
    background: rgba(20, 97, 78, 0.08);
    color: #14614E;
}
.axk-ct-icon-amber {
    background: rgba(217, 158, 46, 0.08);
    color: #B8860B;
}
.axk-ct-icon-blue {
    background: rgba(59, 130, 246, 0.08);
    color: #3B82F6;
}
.axk-ct-icon-violet {
    background: rgba(139, 92, 246, 0.08);
    color: #8B5CF6;
}

.axk-ct-channel-card h3 {
    font-size: 15px;
    font-weight: 600;
    color: var(--axk-pg-text);
    margin: 0 0 6px;
}

.axk-ct-channel-card > p {
    font-size: 13px;
    color: var(--axk-pg-muted);
    line-height: 1.5;
    margin: 0 0 auto;
    padding-bottom: 14px;
}

.axk-ct-channel-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--axk-pg-primary);
    margin-top: 4px;
    text-decoration: none !important;
}

.axk-ct-channel-link svg {
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.axk-ct-channel-card:hover .axk-ct-channel-link svg {
    transform: translateX(4px);
}

/* ── FORM SECTION ── */
.axk-ct-form-section {
    padding: 48px 0 56px;
    background: var(--axk-pg-shell);
}

[data-theme="dark"] .axk-ct-form-section {
    background: var(--axk-pg-shell);
}

.axk-ct-form-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
    align-items: start;
}

@media (min-width: 768px) {
    .axk-ct-form-grid {
        grid-template-columns: 1fr 1.3fr;
        gap: 48px;
    }
}

/* Left: Context / Info */
.axk-ct-form-context h2 {
    font-size: 24px;
    font-weight: 700;
    color: var(--axk-pg-text);
    margin: 0 0 8px;
    letter-spacing: -0.02em;
}

.axk-ct-form-context > p {
    font-size: 14px;
    color: var(--axk-pg-subtle);
    line-height: 1.6;
    margin: 0 0 28px;
}

/* Response info items */
.axk-ct-response-info {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 28px;
}

.axk-ct-response-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.axk-ct-response-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 6px;
}

.axk-ct-dot-green { background: #14614E; }
.axk-ct-dot-amber { background: #D99E2E; }
.axk-ct-dot-blue { background: #3B82F6; }

.axk-ct-response-item strong {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: var(--axk-pg-text);
}

.axk-ct-response-item span {
    font-size: 13px;
    color: var(--axk-pg-muted);
}

.axk-ct-office {
    padding-top: 20px;
    border-top: 1px solid var(--axk-pg-border);
}

.axk-ct-office h4 {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--axk-pg-muted);
    margin: 0 0 6px;
}

.axk-ct-office p {
    font-size: 14px;
    color: var(--axk-pg-text);
    line-height: 1.6;
    margin: 0;
}

/* Right: Form card */
.axk-ct-form-card {
    background: var(--axk-pg-surface);
    border: 1px solid var(--axk-pg-border);
    border-radius: 20px;
    padding: 28px 24px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}

@media (min-width: 768px) {
    .axk-ct-form-card {
        padding: 32px 28px;
    }
}

.axk-ct-form-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
}

@media (min-width: 480px) {
    .axk-ct-form-row {
        grid-template-columns: 1fr 1fr;
    }
}

.axk-ct-field {
    margin-bottom: 16px;
}

.axk-ct-field label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: var(--axk-pg-text);
    margin-bottom: 6px;
}

.axk-ct-field input,
.axk-ct-field select,
.axk-ct-field textarea {
    width: 100%;
    border: 1px solid var(--axk-pg-border);
    border-radius: 10px;
    padding: 10px 14px;
    font-size: 14px;
    color: var(--axk-pg-text);
    background: var(--axk-pg-surface);
    transition: border-color 0.2s, box-shadow 0.2s;
    font-family: inherit;
}

.axk-ct-field input,
.axk-ct-field select {
    height: 42px;
}

.axk-ct-field textarea {
    resize: vertical;
    min-height: 110px;
}

.axk-ct-field input::placeholder,
.axk-ct-field textarea::placeholder {
    color: var(--axk-pg-muted);
}

.axk-ct-field input:focus,
.axk-ct-field select:focus,
.axk-ct-field textarea:focus {
    border-color: var(--axk-pg-primary);
    box-shadow: 0 0 0 3px rgba(20, 97, 78, 0.08);
    outline: none;
}

/* Submit button */
.axk-ct-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    height: 44px;
    border: none;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    background: var(--axk-pg-primary);
    color: #fff;
    cursor: pointer;
    transition: background 0.2s, transform 0.15s;
}

.axk-ct-submit:hover {
    background: var(--axk-pg-primary-dark);
    transform: translateY(-1px);
}

.axk-ct-submit:active {
    transform: translateY(0);
}

.axk-ct-submit-arrow {
    transition: transform 0.2s;
}

.axk-ct-submit:hover .axk-ct-submit-arrow {
    transform: translateX(3px);
}

/* ── Success state ── */
.axk-ct-success {
    text-align: center;
    padding: 32px 16px;
    animation: axk-ct-fade-in 0.4s ease;
}

.axk-ct-success-icon {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: rgba(20, 97, 78, 0.08);
    color: var(--axk-pg-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    animation: axk-ct-pop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.axk-ct-success h3 {
    font-size: 18px;
    font-weight: 600;
    color: var(--axk-pg-text);
    margin: 0 0 6px;
}

.axk-ct-success p {
    font-size: 14px;
    color: var(--axk-pg-muted);
    margin: 0;
}

@keyframes axk-ct-fade-in {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes axk-ct-pop {
    0% { transform: scale(0); opacity: 0; }
    60% { transform: scale(1.15); }
    100% { transform: scale(1); opacity: 1; }
}

/* ── Footer CTA ── */
.axk-ct-footer-cta {
    padding: 24px 0 32px;
}


/* ═══════════════════════════════════════════════════
   FAQ PAGE
   ═══════════════════════════════════════════════════ */

.axk-faq-hero {
    text-align: center;
    margin-bottom: 32px;
}

.axk-faq-hero h1 {
    font-size: 28px;
    font-weight: 700;
    color: var(--axk-pg-text);
    margin: 0 0 6px;
    letter-spacing: -0.02em;
}

.axk-faq-hero p {
    color: var(--axk-pg-muted);
    font-size: 14px;
    margin: 0 0 20px;
}

.axk-faq-search {
    max-width: 480px;
    margin: 0 auto;
    position: relative;
}

.axk-faq-search input {
    width: 100%;
    border: 1px solid var(--axk-pg-border);
    border-radius: 10px;
    height: 42px;
    padding: 0 16px 0 40px;
    font-size: 14px;
    color: var(--axk-pg-text);
    background: var(--axk-pg-surface);
    transition: border-color 0.2s, box-shadow 0.2s;
}

.axk-faq-search input:focus {
    border-color: var(--axk-pg-primary);
    box-shadow: 0 0 0 2px rgba(20, 97, 78, 0.12);
    outline: none;
}

.axk-faq-search svg {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    color: var(--axk-pg-muted);
    pointer-events: none;
}

/* ── Category section ── */
.axk-faq-category {
    margin-bottom: 28px;
}

.axk-faq-category h2 {
    font-size: 18px;
    font-weight: 600;
    color: var(--axk-pg-text);
    margin: 0 0 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.axk-faq-category h2 .axk-faq-cat-icon {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: rgba(20, 97, 78, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--axk-pg-primary);
    flex-shrink: 0;
}

.axk-faq-category h2 .axk-faq-cat-icon svg {
    width: 14px;
    height: 14px;
}

/* ── Accordion ── */
.axk-faq-item {
    border: 1px solid var(--axk-pg-border);
    border-radius: 10px;
    margin-bottom: 8px;
    overflow: hidden;
    transition: border-color 0.2s;
}

.axk-faq-item:hover {
    border-color: var(--axk-pg-primary);
}

.axk-faq-q {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    color: var(--axk-pg-text);
    background: transparent;
    border: none;
    width: 100%;
    text-align: left;
    gap: 12px;
    transition: background 0.15s;
}

.axk-faq-q:hover {
    background: rgba(20, 97, 78, 0.03);
}

.axk-faq-q svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    color: var(--axk-pg-muted);
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.axk-faq-item.open .axk-faq-q svg {
    transform: rotate(180deg);
}

.axk-faq-a {
    display: none;
    padding: 0 16px 14px;
    font-size: 14px;
    line-height: 1.6;
    color: var(--axk-pg-subtle);
}

.axk-faq-item.open .axk-faq-a {
    display: block;
    animation: axk-faq-expand 0.25s ease;
}

@keyframes axk-faq-expand {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}


/* ═══════════════════════════════════════════════════
   KNOWLEDGE HUB
   ═══════════════════════════════════════════════════ */

.axk-kb-hero {
    text-align: center;
    margin-bottom: 36px;
}

.axk-kb-hero h1 {
    font-size: 28px;
    font-weight: 700;
    color: var(--axk-pg-text);
    margin: 0 0 6px;
    letter-spacing: -0.02em;
}

.axk-kb-hero p {
    color: var(--axk-pg-muted);
    font-size: 15px;
    margin: 0 0 24px;
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
}

/* ── Category cards grid ── */
.axk-kb-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    margin-bottom: 36px;
}

@media (min-width: 640px) {
    .axk-kb-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 992px) {
    .axk-kb-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.axk-kb-card {
    display: block;
    background: var(--axk-pg-surface);
    border: 1px solid var(--axk-pg-border);
    border-radius: 14px;
    padding: 22px 20px 18px;
    text-decoration: none !important;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1),
                box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1),
                border-color 0.2s;
}

.axk-kb-card:hover,
.axk-kb-card:hover *,
.axk-kb-card:focus {
    text-decoration: none !important;
}

.axk-kb-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    border-color: var(--axk-pg-primary);
}

.axk-kb-card-icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: rgba(20, 97, 78, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    color: var(--axk-pg-primary);
}

.axk-kb-card-icon svg {
    width: 18px;
    height: 18px;
}

.axk-kb-card h3 {
    font-size: 15px;
    font-weight: 600;
    color: var(--axk-pg-text);
    margin: 0 0 4px;
}

.axk-kb-card p {
    font-size: 13px;
    color: var(--axk-pg-muted);
    margin: 0 0 10px;
    line-height: 1.45;
}

.axk-kb-card-count {
    font-size: 12px;
    color: var(--axk-pg-primary);
    font-weight: 500;
}

/* ── Article list in a category ── */
.axk-kb-article-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border: 1px solid var(--axk-pg-border);
    border-radius: 10px;
    margin-bottom: 8px;
    text-decoration: none !important;
    transition: border-color 0.15s, background 0.15s;
}

.axk-kb-article-item:hover,
.axk-kb-article-item:hover *,
.axk-kb-article-item:focus {
    text-decoration: none !important;
}

.axk-kb-article-item:hover {
    border-color: var(--axk-pg-primary);
    background: rgba(20, 97, 78, 0.02);
}

.axk-kb-article-item h4 {
    font-size: 14px;
    font-weight: 500;
    color: var(--axk-pg-text);
    margin: 0;
}

.axk-kb-article-item .axk-kb-level {
    font-size: 11px;
    font-weight: 500;
    padding: 2px 8px;
    border-radius: 20px;
    flex-shrink: 0;
}

.axk-kb-level.green { background: rgba(20, 97, 78, 0.08); color: #14614E; }
.axk-kb-level.orange { background: rgba(200, 150, 62, 0.08); color: #C8963E; }
.axk-kb-level.red { background: rgba(200, 62, 62, 0.08); color: #C83E3E; }


/* ═══════════════════════════════════════════════════
   BLOG
   ═══════════════════════════════════════════════════ */

.axk-blog-hero {
    text-align: center;
    margin-bottom: 36px;
}

.axk-blog-hero h1 {
    font-size: 28px;
    font-weight: 700;
    color: var(--axk-pg-text);
    margin: 0 0 6px;
    letter-spacing: -0.02em;
}

.axk-blog-hero p {
    color: var(--axk-pg-muted);
    font-size: 15px;
    margin: 0;
}

/* Blog card overrides */
.axk-blog-grid .card {
    border: 1px solid var(--axk-pg-border) !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    overflow: hidden;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1),
                box-shadow 0.2s, border-color 0.2s !important;
}

.axk-blog-grid .card:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
    border-color: var(--axk-pg-primary) !important;
}

.axk-blog-grid .card .card-img-top img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.axk-blog-grid .card .default-cover {
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(20, 97, 78, 0.08), rgba(20, 97, 78, 0.02));
    color: var(--axk-pg-primary);
    font-weight: 600;
    font-size: 14px;
    padding: 20px;
    text-align: center;
}

/* ── Single blog post ── */
.axk-blog-post {
    max-width: 720px;
    margin: 0 auto;
}

.axk-blog-post .blog-title {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
    color: var(--axk-pg-text);
}

.axk-blog-post .blog-intro {
    font-size: 16px;
    color: var(--axk-pg-subtle);
    line-height: 1.5;
}

.axk-blog-post .from-markdown {
    font-size: 15px;
    line-height: 1.75;
    color: var(--axk-pg-subtle);
}

.axk-blog-post .from-markdown h2 {
    font-size: 22px;
    font-weight: 600;
    color: var(--axk-pg-text);
    margin-top: 32px;
}

.axk-blog-post .from-markdown h3 {
    font-size: 18px;
    font-weight: 600;
    color: var(--axk-pg-text);
    margin-top: 24px;
}


/* ═══════════════════════════════════════════════════
   OVERRIDE FRAPPE CONTAINERS ON PUBLIC PAGES
   ═══════════════════════════════════════════════════ */

/* Reset .container on custom pages */
body[data-path="contact"] main.container,
body[data-path="faq"] main.container,
body[data-path="terms"] main.container,
body[data-path="privacy"] main.container,
body[data-path="knowledge"] main.container {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

body[data-path="contact"] main.my-4,
body[data-path="faq"] main.my-4,
body[data-path="terms"] main.my-4,
body[data-path="privacy"] main.my-4,
body[data-path="knowledge"] main.my-4 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

body[data-path="contact"] .page_content,
body[data-path="faq"] .page_content,
body[data-path="terms"] .page_content,
body[data-path="privacy"] .page_content,
body[data-path="knowledge"] .page_content {
    padding: 0 !important;
}

body[data-path="contact"] .page-header-wrapper,
body[data-path="faq"] .page-header-wrapper,
body[data-path="terms"] .page-header-wrapper,
body[data-path="privacy"] .page-header-wrapper,
body[data-path="knowledge"] .page-header-wrapper,
body[data-path="contact"] .page-breadcrumbs,
body[data-path="faq"] .page-breadcrumbs,
body[data-path="terms"] .page-breadcrumbs,
body[data-path="privacy"] .page-breadcrumbs,
body[data-path="knowledge"] .page-breadcrumbs {
    display: none !important;
}


/* ═══════════════════════════════════════════════════
   KNOWLEDGE BASE — Custom Category & Article Templates
   ═══════════════════════════════════════════════════ */

/* KB container overrides */
[data-path^="kb"] main.container {
    max-width: 1140px !important;
    padding: 32px 24px !important;
}

/* Hide Frappe's default header, breadcrumbs, and sidebar on KB article/category pages
   because our custom templates provide their own */
[data-path^="kb"] .page-header-wrapper,
[data-path^="kb"] .page-breadcrumbs,
[data-path^="kb"] > main > .container > .row > .col-lg-2.d-none {
    display: none !important;
}

/* Full width without sidebar */
[data-path^="kb"] .web-sidebar { display: none !important; }
[data-path^="kb"] .col-lg-10 { max-width: 100% !important; flex: 0 0 100% !important; }

/* ── Category Page Layout ── */
.axk-kb-category-page {
    max-width: 1060px;
    margin: 0 auto;
}

.axk-kb-category-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
}

@media (min-width: 992px) {
    .axk-kb-category-layout {
        grid-template-columns: 220px 1fr;
        gap: 48px;
    }
}

.axk-kb-category-header h1 {
    font-size: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em;
    color: var(--axk-pg-text);
    margin: 0 0 8px;
    padding: 0 !important;
    border: none !important;
}

.axk-kb-category-header p {
    font-size: 14px;
    color: var(--axk-pg-muted);
    margin: 0 0 8px;
    line-height: 1.5;
}

.axk-kb-article-count {
    font-size: 12px;
    font-weight: 600;
    color: var(--axk-pg-primary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.axk-kb-category-header {
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--axk-pg-border);
}

/* Article rows in category page */
.axk-kb-articles-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.axk-kb-article-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px;
    border: 1px solid var(--axk-pg-border);
    border-radius: 12px;
    text-decoration: none !important;
    background: var(--axk-pg-surface);
    transition: border-color 0.2s, box-shadow 0.2s, transform 0.15s;
    gap: 16px;
}

.axk-kb-article-row:hover {
    border-color: var(--axk-pg-primary);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
    transform: translateY(-1px);
    text-decoration: none !important;
}

.axk-kb-article-row:hover * {
    text-decoration: none !important;
}

.axk-kb-article-row-content {
    flex: 1;
    min-width: 0;
}

.axk-kb-article-row h3 {
    font-size: 15px;
    font-weight: 600;
    color: var(--axk-pg-text);
    margin: 0 0 4px;
    line-height: 1.35;
}

.axk-kb-article-row:hover h3 {
    color: var(--axk-pg-primary);
}

.axk-kb-article-row-meta {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    color: var(--axk-pg-muted);
}

.axk-kb-dot {
    margin: 0 2px;
}

.axk-kb-article-row-right {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.axk-kb-arrow {
    color: var(--axk-pg-muted);
    transition: color 0.2s, transform 0.2s;
}

.axk-kb-article-row:hover .axk-kb-arrow {
    color: var(--axk-pg-primary);
    transform: translateX(3px);
}

.axk-kb-empty {
    text-align: center;
    padding: 48px 20px;
    color: var(--axk-pg-muted);
}

.axk-kb-empty p {
    font-size: 15px;
    margin-bottom: 16px;
}


/* ── Breadcrumb ── */
.axk-kb-article-page {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px 48px;
}

.axk-kb-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    margin-bottom: 20px;
    padding-top: 12px;
    flex-wrap: wrap;
}

.axk-kb-breadcrumb a {
    color: var(--axk-pg-primary);
    text-decoration: none !important;
    font-weight: 500;
    transition: opacity 0.15s;
}

.axk-kb-breadcrumb a:hover {
    opacity: 0.8;
}

.axk-kb-breadcrumb svg {
    color: var(--axk-pg-muted);
    flex-shrink: 0;
}

.axk-kb-breadcrumb > span {
    color: var(--axk-pg-muted);
}

/* ── Two-column layout ── */
.axk-kb-article-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
}

@media (min-width: 992px) {
    .axk-kb-article-layout {
        grid-template-columns: 210px 1fr;
        gap: 32px;
    }
}

/* ── Sidebar ── */
.axk-kb-sidebar {
    display: none;
}

@media (min-width: 992px) {
    .axk-kb-sidebar {
        display: block;
        position: sticky;
        top: 80px;
        align-self: start;
    }
}

.axk-kb-sidebar nav {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.axk-kb-sidebar nav a {
    display: block;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    color: var(--axk-pg-subtle);
    text-decoration: none !important;
    transition: background 0.15s, color 0.15s;
    line-height: 1.4;
}

.axk-kb-sidebar nav a:hover {
    background: rgba(20, 97, 78, 0.04);
    color: var(--axk-pg-text);
}

.axk-kb-sidebar nav a.active {
    background: rgba(20, 97, 78, 0.06);
    color: var(--axk-pg-primary);
    font-weight: 600;
}

.axk-kb-sidebar-footer {
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid var(--axk-pg-border);
}

.axk-kb-sidebar-footer a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 500;
    color: var(--axk-pg-muted);
    text-decoration: none !important;
    transition: color 0.15s;
}

.axk-kb-sidebar-footer a:hover {
    color: var(--axk-pg-primary);
}

/* ── Article Header ── */
.axk-kb-article-header {
    margin-bottom: 32px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--axk-pg-border);
}

.axk-kb-article-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

.axk-kb-level {
    font-size: 11px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.axk-kb-level-green { background: rgba(20, 97, 78, 0.08); color: #14614E; }
.axk-kb-level-orange { background: rgba(200, 150, 62, 0.08); color: #C8963E; }
.axk-kb-level-red { background: rgba(200, 62, 62, 0.08); color: #C83E3E; }

.axk-kb-date,
.axk-kb-author {
    font-size: 13px;
    color: var(--axk-pg-muted);
}

.axk-kb-article-header h1 {
    font-size: 30px !important;
    font-weight: 700 !important;
    letter-spacing: -0.03em;
    color: var(--axk-pg-text);
    line-height: 1.2;
    margin: 0;
    border: none !important;
    padding: 0 !important;
}

/* ── Article Body ── */
.axk-kb-article-body {
    font-size: 15px;
    line-height: 1.75;
    color: var(--axk-pg-subtle);
    max-width: none;
}

.axk-kb-article-body h2 {
    font-size: 22px;
    font-weight: 600;
    color: var(--axk-pg-text);
    margin: 36px 0 14px;
    padding-top: 24px;
    border-top: 1px solid var(--axk-pg-border);
}

.axk-kb-article-body h2:first-child {
    border-top: none;
    padding-top: 0;
    margin-top: 0;
}

.axk-kb-article-body h3 {
    font-size: 17px;
    font-weight: 600;
    color: var(--axk-pg-text);
    margin: 24px 0 10px;
}

.axk-kb-article-body p {
    margin-bottom: 14px;
}

.axk-kb-article-body ul, .axk-kb-article-body ol {
    padding-left: 24px;
    margin-bottom: 14px;
}

.axk-kb-article-body li {
    margin-bottom: 6px;
}

.axk-kb-article-body strong {
    color: var(--axk-pg-text);
    font-weight: 600;
}

.axk-kb-article-body a {
    color: var(--axk-pg-primary);
    text-decoration: underline;
}

.axk-kb-article-body code {
    font-size: 13px;
    background: rgba(20, 97, 78, 0.04);
    color: var(--axk-pg-primary);
    padding: 2px 6px;
    border-radius: 4px;
}

.axk-kb-article-body blockquote {
    border-left: 3px solid var(--axk-pg-primary);
    padding: 12px 20px;
    margin: 20px 0;
    background: rgba(20, 97, 78, 0.02);
    border-radius: 0 8px 8px 0;
    color: var(--axk-pg-subtle);
}

/* ── Feedback ── */
.axk-kb-feedback {
    margin: 40px 0 24px;
    padding: 20px 0;
    border-top: 1px solid var(--axk-pg-border);
}

.axk-kb-feedback-prompt {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.axk-kb-feedback-prompt > span {
    font-size: 14px;
    color: var(--axk-pg-subtle);
    font-weight: 500;
}

.axk-kb-feedback-buttons {
    display: flex;
    gap: 8px;
}

.axk-kb-feedback-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1px solid var(--axk-pg-border);
    border-radius: 8px;
    background: transparent;
    font-size: 13px;
    font-weight: 500;
    color: var(--axk-pg-subtle);
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s, color 0.2s;
}

.axk-kb-feedback-btn:hover {
    border-color: var(--axk-pg-primary);
    background: rgba(20, 97, 78, 0.04);
    color: var(--axk-pg-primary);
}

.axk-kb-feedback-thanks {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: var(--axk-pg-primary);
    font-weight: 500;
    animation: axk-ct-fade-in 0.3s ease;
}

/* ── Back link ── */
.axk-kb-back {
    margin-top: 8px;
}

.axk-kb-back a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1px solid var(--axk-pg-border);
    border-radius: 8px;
    color: var(--axk-pg-subtle);
    font-size: 13px;
    font-weight: 500;
    text-decoration: none !important;
    transition: border-color 0.2s, color 0.2s;
}

.axk-kb-back a:hover {
    border-color: var(--axk-pg-primary);
    color: var(--axk-pg-primary);
}

/* ── KB Category list page — Frappe sidebar + portal rows ── */
/* Uses .axk-kb-category class added to body via JS (because body data-path="list") */
body.axk-kb-category main.container {
    max-width: 1100px !important;
    padding: 24px 20px !important;
}

body.axk-kb-category .page-header-wrapper {
    display: none !important;
}

body.axk-kb-category .sidebar {
    border-right: 1px solid var(--axk-pg-border);
    padding-right: 16px;
}

body.axk-kb-category .sidebar a {
    display: block;
    padding: 9px 12px;
    margin-bottom: 2px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    color: var(--axk-pg-subtle);
    text-decoration: none !important;
    transition: background 0.15s, color 0.15s;
}

body.axk-kb-category .sidebar a:hover {
    background: rgba(20, 97, 78, 0.04);
    color: var(--axk-pg-text);
    text-decoration: none !important;
}

body.axk-kb-category .sidebar a b,
body.axk-kb-category .sidebar a strong {
    font-weight: 600;
    color: var(--axk-pg-primary);
}

body.axk-kb-category h1 {
    font-size: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em;
    color: var(--axk-pg-text);
    margin: 0 0 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--axk-pg-border);
}

/* Portal rows = Frappe's article list on category pages */
body.axk-kb-category .portal-row {
    display: flex;
    align-items: center;
    padding: 16px 18px !important;
    margin-bottom: 8px;
    border: 1px solid var(--axk-pg-border);
    border-radius: 12px;
    text-decoration: none !important;
    transition: border-color 0.2s, box-shadow 0.2s, transform 0.15s;
    background: var(--axk-pg-surface);
}

body.axk-kb-category .portal-row:hover {
    border-color: var(--axk-pg-primary);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
    transform: translateY(-1px);
}

body.axk-kb-category .portal-row a {
    text-decoration: none !important;
    color: var(--axk-pg-text) !important;
    font-weight: 500;
    font-size: 15px;
}

body.axk-kb-category .portal-row a:hover {
    text-decoration: none !important;
    color: var(--axk-pg-primary) !important;
}

body.axk-kb-category .portal-row .text-right {
    font-size: 12px;
    color: var(--axk-pg-muted) !important;
}

body.axk-kb-category .indicator {
    font-size: 11px !important;
    font-weight: 600;
    padding: 3px 10px !important;
    border-radius: 20px !important;
}

body.axk-kb-category .indicator.green {
    background: rgba(20, 97, 78, 0.08) !important;
    color: #14614E !important;
}

body.axk-kb-category .indicator.orange {
    background: rgba(200, 150, 62, 0.08) !important;
    color: #C8963E !important;
}

body.axk-kb-category .indicator.red {
    background: rgba(200, 62, 62, 0.08) !important;
    color: #C83E3E !important;
}

body.axk-kb-category .web-list-item {
    padding: 16px 18px !important;
    margin-bottom: 8px;
    border: 1px solid var(--axk-pg-border);
    border-radius: 12px;
    transition: border-color 0.2s, box-shadow 0.2s;
    background: var(--axk-pg-surface);
}

body.axk-kb-category .web-list-item:hover {
    border-color: var(--axk-pg-primary);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
}


/* ═══════════════════════════════════════════════════
   BLOG — Frappe Blog Pages

   ═══════════════════════════════════════════════════ */

/* Blog container overrides */
body[data-path="blog"] main.container,
body[data-path^="blog/"] main.container {
    max-width: 1140px !important;
    padding: 0 20px !important;
}

body[data-path="blog"] main.my-4,
body[data-path^="blog/"] main.my-4 {
    margin-top: 0 !important;
}

body[data-path="blog"] .page-header-wrapper,
body[data-path="blog"] .page-breadcrumbs {
    display: none !important;
}

/* ── Blog Listing Hero ── */
body[data-path="blog"] .row.py-8 {
    padding: 48px 0 32px !important;
    position: relative;
}

body[data-path="blog"] .row.py-8::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(20, 97, 78, 0.05) 0%, transparent 70%);
    pointer-events: none;
}

body[data-path="blog"] .hero h1 {
    font-size: 36px !important;
    font-weight: 700 !important;
    letter-spacing: -0.03em;
    color: var(--axk-pg-text);
}

body[data-path="blog"] .hero p {
    font-size: 16px;
    color: var(--axk-pg-subtle);
}

/* Category filter */
body[data-path="blog"] .custom-select {
    border: 1px solid var(--axk-pg-border) !important;
    border-radius: 10px !important;
    height: 40px;
    font-size: 14px;
    padding: 0 12px;
    color: var(--axk-pg-text);
    background: var(--axk-pg-surface);
    transition: border-color 0.2s;
}

body[data-path="blog"] .custom-select:focus {
    border-color: var(--axk-pg-primary) !important;
    box-shadow: 0 0 0 3px rgba(20, 97, 78, 0.08) !important;
    outline: none;
}

/* ── Blog Card Grid ── */
body[data-path="blog"] .blog-list.result {
    gap: 20px;
}

body[data-path="blog"] .blog-card {
    margin-bottom: 20px;
}

body[data-path="blog"] .blog-card .card {
    border: 1px solid var(--axk-pg-border) !important;
    border-radius: 16px !important;
    box-shadow: none !important;
    overflow: hidden;
    transition: transform 0.22s cubic-bezier(0.4, 0, 0.2, 1),
                box-shadow 0.22s, border-color 0.22s !important;
    background: var(--axk-pg-surface) !important;
}

body[data-path="blog"] .blog-card .card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08) !important;
    border-color: var(--axk-pg-primary) !important;
}

/* Card cover image area */
body[data-path="blog"] .card-img-top img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

body[data-path="blog"] .default-cover {
    height: 200px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, rgba(20, 97, 78, 0.06), rgba(20, 97, 78, 0.02)) !important;
    color: var(--axk-pg-primary) !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    padding: 24px !important;
    text-align: center;
    line-height: 1.4;
}

/* Card body */
body[data-path="blog"] .card-body {
    padding: 20px !important;
    display: flex;
    flex-direction: column;
}

body[data-path="blog"] .card-body .text-uppercase {
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.05em;
    color: var(--axk-pg-primary) !important;
    margin-bottom: 8px;
}

body[data-path="blog"] .card-body h5 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.35;
    margin-bottom: 8px;
}

body[data-path="blog"] .card-body h5 .text-dark {
    color: var(--axk-pg-text) !important;
}

body[data-path="blog"] .card-body .post-description {
    font-size: 13px !important;
    line-height: 1.55;
    color: var(--axk-pg-muted) !important;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Card footer */
body[data-path="blog"] .blog-card-footer {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid var(--axk-pg-border);
}

body[data-path="blog"] .blog-card-footer a {
    color: var(--axk-pg-text) !important;
    font-weight: 500;
    font-size: 13px;
    text-decoration: none !important;
}

body[data-path="blog"] .blog-card-footer .small {
    font-size: 12px !important;
    color: var(--axk-pg-muted) !important;
}

/* Load More button */
body[data-path="blog"] .btn-more {
    display: block;
    width: 200px;
    margin: 24px auto;
    border-radius: 10px !important;
    border-color: var(--axk-pg-border) !important;
    font-size: 14px;
    font-weight: 500;
    transition: border-color 0.2s, background 0.2s;
}

body[data-path="blog"] .btn-more:hover {
    border-color: var(--axk-pg-primary) !important;
    background: rgba(20, 97, 78, 0.04) !important;
    color: var(--axk-pg-primary) !important;
}

/* ── Blog Post Detail Page ── */
body[data-path^="blog/"] .page-breadcrumbs {
    display: block !important;
    margin-bottom: 4px;
}

body[data-path^="blog/"] .blog-container {
    max-width: 760px;
    margin: 0 auto;
    padding: 32px 0 48px;
}

body[data-path^="blog/"] .blog-header {
    margin-bottom: 24px;
}

body[data-path^="blog/"] .blog-header > div:first-child {
    font-size: 13px;
    margin-bottom: 16px;
}

body[data-path^="blog/"] .blog-header > div:first-child a {
    color: var(--axk-pg-primary) !important;
    font-weight: 500;
    text-decoration: none !important;
}

body[data-path^="blog/"] .blog-header > div:first-child .text-muted {
    color: var(--axk-pg-muted) !important;
    margin: 0 4px;
}

body[data-path^="blog/"] .blog-title {
    font-size: 34px !important;
    font-weight: 700 !important;
    letter-spacing: -0.03em;
    line-height: 1.2 !important;
    color: var(--axk-pg-text) !important;
    margin-bottom: 12px;
}

body[data-path^="blog/"] .blog-intro {
    font-size: 17px !important;
    line-height: 1.6 !important;
    color: var(--axk-pg-subtle) !important;
}

body[data-path^="blog/"] .blog-header .text-muted time {
    font-size: 13px;
    color: var(--axk-pg-muted);
}

body[data-path^="blog/"] hr.my-5 {
    border-color: var(--axk-pg-border);
    margin: 28px 0 !important;
}

/* Blog article body */
body[data-path^="blog/"] .from-markdown {
    font-size: 16px !important;
    line-height: 1.8 !important;
    color: var(--axk-pg-subtle) !important;
}

body[data-path^="blog/"] .from-markdown h2 {
    font-size: 24px !important;
    font-weight: 600 !important;
    color: var(--axk-pg-text) !important;
    margin-top: 36px !important;
    margin-bottom: 14px;
}

body[data-path^="blog/"] .from-markdown h3 {
    font-size: 19px !important;
    font-weight: 600 !important;
    color: var(--axk-pg-text) !important;
    margin-top: 28px !important;
    margin-bottom: 10px;
}

body[data-path^="blog/"] .from-markdown p {
    margin-bottom: 16px;
}

body[data-path^="blog/"] .from-markdown ul,
body[data-path^="blog/"] .from-markdown ol {
    padding-left: 24px;
    margin-bottom: 16px;
}

body[data-path^="blog/"] .from-markdown li {
    margin-bottom: 6px;
}

body[data-path^="blog/"] .from-markdown strong {
    color: var(--axk-pg-text) !important;
    font-weight: 600;
}

body[data-path^="blog/"] .from-markdown blockquote {
    border-left: 3px solid var(--axk-pg-primary);
    padding: 12px 20px;
    margin: 20px 0;
    background: rgba(20, 97, 78, 0.03);
    border-radius: 0 8px 8px 0;
    font-style: italic;
    color: var(--axk-pg-subtle);
}

body[data-path^="blog/"] .from-markdown code {
    font-size: 14px;
    background: rgba(20, 97, 78, 0.04);
    color: var(--axk-pg-primary);
    padding: 2px 6px;
    border-radius: 4px;
}

/* Blog footer — likes, social, date */
body[data-path^="blog/"] .blog-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
    border-top: 1px solid var(--axk-pg-border);
    margin-top: 32px;
    font-size: 13px;
    color: var(--axk-pg-muted);
}

/* Blogger info card */
body[data-path^="blog/"] .blogger-info,
body[data-path^="blog/"] hr.mt-2.mb-5 + div {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 20px;
    background: var(--axk-pg-shell);
    border-radius: 14px;
    margin: 24px 0;
}

body[data-path^="blog/"] .blogger-info .avatar,
body[data-path^="blog/"] hr.mt-2.mb-5 + div .avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(20, 97, 78, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--axk-pg-primary);
    font-weight: 600;
    font-size: 16px;
}

/* Comments section */
body[data-path^="blog/"] .blog-comments {
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid var(--axk-pg-border);
}

body[data-path^="blog/"] .blog-comments .btn {
    border-radius: 8px !important;
}

body[data-path^="blog/"] .blog-comments input,
body[data-path^="blog/"] .blog-comments textarea {
    border: 1px solid var(--axk-pg-border) !important;
    border-radius: 10px !important;
    padding: 10px 14px !important;
    font-size: 14px;
    transition: border-color 0.2s;
}

body[data-path^="blog/"] .blog-comments input:focus,
body[data-path^="blog/"] .blog-comments textarea:focus {
    border-color: var(--axk-pg-primary) !important;
    box-shadow: 0 0 0 3px rgba(20, 97, 78, 0.08) !important;
    outline: none;
}

/* ── Blog Search Bar ── */
body[data-path="blog"] .blog-header input[type="text"],
body[data-path="blog"] input.form-control[data-search] {
    border: 1px solid var(--axk-pg-border) !important;
    border-radius: 12px !important;
    padding: 10px 16px 10px 40px !important;
    font-size: 14px;
    background: var(--axk-pg-surface);
    transition: border-color 0.2s, box-shadow 0.2s;
    width: 100%;
    max-width: 400px;
}

body[data-path="blog"] .blog-header input[type="text"]:focus {
    border-color: var(--axk-pg-primary) !important;
    box-shadow: 0 0 0 3px rgba(20, 97, 78, 0.08) !important;
    outline: none;
}

/* ── Blog Category Filter Tabs ── */
body[data-path="blog"] .blog-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 16px 0 24px;
}

body[data-path="blog"] .blog-categories a,
body[data-path="blog"] .blog-categories .category-link {
    display: inline-block;
    padding: 6px 16px;
    border: 1px solid var(--axk-pg-border);
    border-radius: 20px;
    font-size: 13px;
    font-weight: 500;
    color: var(--axk-pg-subtle);
    text-decoration: none !important;
    transition: border-color 0.2s, background 0.2s, color 0.2s;
}

body[data-path="blog"] .blog-categories a:hover,
body[data-path="blog"] .blog-categories .category-link:hover {
    border-color: var(--axk-pg-primary);
    color: var(--axk-pg-primary);
    background: rgba(20, 97, 78, 0.04);
    text-decoration: none !important;
}

body[data-path="blog"] .blog-categories a.active,
body[data-path="blog"] .blog-categories .category-link.active {
    background: var(--axk-pg-primary);
    color: #fff;
    border-color: var(--axk-pg-primary);
}

/* ── Blog Pagination ── */
body[data-path="blog"] .pagination,
body[data-path="blog"] .btn-more-container {
    display: flex;
    justify-content: center;
    margin: 32px 0 16px;
    gap: 4px;
}

body[data-path="blog"] .pagination .page-item .page-link {
    border: 1px solid var(--axk-pg-border) !important;
    border-radius: 8px !important;
    color: var(--axk-pg-subtle);
    font-size: 13px;
    font-weight: 500;
    padding: 8px 14px;
    transition: border-color 0.2s, background 0.2s, color 0.2s;
    background: transparent;
}

body[data-path="blog"] .pagination .page-item .page-link:hover {
    border-color: var(--axk-pg-primary) !important;
    color: var(--axk-pg-primary);
    background: rgba(20, 97, 78, 0.04);
}

body[data-path="blog"] .pagination .page-item.active .page-link {
    background: var(--axk-pg-primary) !important;
    border-color: var(--axk-pg-primary) !important;
    color: #fff !important;
}

/* ── Blog Post Cover Image ── */
body[data-path^="blog/"] .blog-header-image {
    width: 100%;
    max-height: 400px;
    object-fit: cover;
    border-radius: 14px;
    margin-bottom: 28px;
}

/* Blog link hover fix */
body[data-path="blog"] .card a,
body[data-path="blog"] .card a:hover {
    text-decoration: none !important;
}


/* ═══════════════════════════════════════════════════════════════════
   KNOWLEDGE HUB — Rebuilt layout
   ═══════════════════════════════════════════════════════════════════ */

.axk-kb {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 24px 64px;
    font-family: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', Roboto, sans-serif;
}

/* ── Hub Hero ── */
.axk-kb-hero {
    text-align: center;
    padding: 64px 0 40px;
    position: relative;
    overflow: hidden;
}

.axk-kb-hero-glow {
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    width: 600px;
    height: 300px;
    background: radial-gradient(ellipse at center, rgba(20, 97, 78, 0.12) 0%, rgba(20, 97, 78, 0.03) 50%, transparent 80%);
    pointer-events: none;
    filter: blur(40px);
}

.axk-kb-hero-inner {
    position: relative;
    z-index: 1;
}

.axk-kb-hero-badge {
    display: inline-block;
    padding: 5px 14px;
    background: rgba(20, 97, 78, 0.08);
    color: var(--axk-pg-primary);
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.axk-kb-hero h1 {
    font-size: 44px;
    font-weight: 700;
    letter-spacing: -0.035em;
    color: var(--axk-pg-text);
    margin: 0 0 12px;
    line-height: 1.1;
}

.axk-kb-hero p {
    font-size: 17px;
    color: var(--axk-pg-subtle);
    max-width: 480px;
    margin: 0 auto 28px;
    line-height: 1.5;
}

.axk-kb-search-wrap {
    position: relative;
    max-width: 480px;
    margin: 0 auto;
}

.axk-kb-search-wrap svg {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--axk-pg-muted);
    pointer-events: none;
}

.axk-kb-search-wrap input {
    width: 100%;
    padding: 14px 20px 14px 48px;
    border: 1px solid var(--axk-pg-border);
    border-radius: 16px;
    font-size: 15px;
    background: var(--axk-pg-surface);
    color: var(--axk-pg-text);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    transition: border-color 0.25s, box-shadow 0.25s;
    outline: none;
}

.axk-kb-search-wrap input:focus {
    border-color: var(--axk-pg-primary);
    box-shadow: 0 0 0 4px rgba(20, 97, 78, 0.1), 0 4px 16px rgba(0, 0, 0, 0.06);
}

.axk-kb-search-wrap input::placeholder {
    color: var(--axk-pg-muted);
}

/* ── Section Titles ── */
.axk-kb-section-title {
    font-size: 22px;
    font-weight: 700;
    color: var(--axk-pg-text);
    letter-spacing: -0.02em;
    margin: 0 0 20px;
}

/* ── Category Grid ── */
.axk-kb-categories {
    margin-bottom: 56px;
}

.axk-kb-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
    gap: 16px;
}

.axk-kb-card {
    display: flex;
    flex-direction: column;
    padding: 24px;
    border: 1px solid var(--axk-pg-border);
    border-radius: 18px;
    text-decoration: none !important;
    background: var(--axk-pg-surface);
    transition: border-color 0.25s, box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1),
                transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.axk-kb-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--axk-pg-primary), var(--axk-pg-primary-light));
    opacity: 0;
    transition: opacity 0.3s;
}

.axk-kb-card:hover {
    border-color: rgba(20, 97, 78, 0.25);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
    transform: translateY(-4px);
    text-decoration: none !important;
}

.axk-kb-card:hover::before {
    opacity: 1;
}

.axk-kb-card:hover * { text-decoration: none !important; }

.axk-kb-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}

.axk-kb-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: rgba(20, 97, 78, 0.08);
    color: var(--axk-pg-primary);
}

.axk-kb-card-icon svg {
    width: 20px;
    height: 20px;
}

.axk-kb-card-arrow {
    color: var(--axk-pg-muted);
    opacity: 0;
    transform: translateX(-4px);
    transition: opacity 0.25s, transform 0.25s, color 0.25s;
}

.axk-kb-card:hover .axk-kb-card-arrow {
    opacity: 1;
    transform: translateX(0);
    color: var(--axk-pg-primary);
}

.axk-kb-card h3 {
    font-size: 17px;
    font-weight: 600;
    color: var(--axk-pg-text);
    margin: 0 0 6px;
    line-height: 1.35;
}

.axk-kb-card p {
    font-size: 13px;
    color: var(--axk-pg-muted);
    margin: 0 0 16px;
    line-height: 1.5;
    flex: 1;
}

.axk-kb-card-count {
    font-size: 12px;
    font-weight: 600;
    color: var(--axk-pg-primary);
    letter-spacing: 0.01em;
}

/* ── Recent Articles ── */
.axk-kb-recent {
    margin-bottom: 56px;
}

.axk-kb-recent-grid {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.axk-kb-recent-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px;
    border: 1px solid var(--axk-pg-border);
    border-radius: 14px;
    text-decoration: none !important;
    background: var(--axk-pg-surface);
    transition: border-color 0.2s, box-shadow 0.2s, transform 0.15s;
}

.axk-kb-recent-item:hover {
    border-color: rgba(20, 97, 78, 0.2);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
    transform: translateY(-1px);
    text-decoration: none !important;
}

.axk-kb-recent-item:hover * { text-decoration: none !important; }

.axk-kb-recent-body {
    flex: 1;
    min-width: 0;
}

.axk-kb-recent-item h4 {
    font-size: 15px;
    font-weight: 600;
    color: var(--axk-pg-text);
    margin: 4px 0 6px;
    line-height: 1.35;
}

.axk-kb-recent-meta {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--axk-pg-muted);
}

.axk-kb-dot {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: var(--axk-pg-muted);
    flex-shrink: 0;
}

.axk-kb-recent-arrow {
    color: var(--axk-pg-muted);
    flex-shrink: 0;
    margin-left: 12px;
    transition: color 0.2s, transform 0.2s;
}

.axk-kb-recent-item:hover .axk-kb-recent-arrow {
    color: var(--axk-pg-primary);
    transform: translateX(3px);
}

/* ── Level Badges ── */
.axk-kb-level {
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 1;
    white-space: nowrap;
}

.axk-kb-level-green { background: rgba(20, 97, 78, 0.1); color: #14614E; }
.axk-kb-level-orange { background: rgba(204, 153, 0, 0.1); color: #99760A; }
.axk-kb-level-red { background: rgba(200, 62, 62, 0.1); color: #B03030; }

/* ── CTA Bar ── */
.axk-kb-cta-bar {
    margin-bottom: 0;
}

.axk-kb-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 28px 32px;
    background: linear-gradient(135deg, rgba(20, 97, 78, 0.06) 0%, rgba(20, 97, 78, 0.02) 100%);
    border: 1px solid rgba(20, 97, 78, 0.12);
    border-radius: 18px;
    gap: 24px;
    flex-wrap: wrap;
}

.axk-kb-cta-inner h3 {
    font-size: 16px;
    font-weight: 600;
    color: var(--axk-pg-text);
    margin: 0 0 2px;
}

.axk-kb-cta-inner p {
    font-size: 13px;
    color: var(--axk-pg-muted);
    margin: 0;
}

.axk-kb-cta-btn {
    display: inline-flex;
    align-items: center;
    padding: 10px 22px;
    background: var(--axk-pg-primary);
    color: #fff !important;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
    transition: background 0.2s, box-shadow 0.2s, transform 0.15s;
    white-space: nowrap;
}

.axk-kb-cta-btn:hover {
    background: var(--axk-pg-primary-dark);
    box-shadow: 0 4px 16px rgba(20, 97, 78, 0.25);
    transform: translateY(-1px);
    text-decoration: none !important;
}

/* ── Breadcrumb ── */
.axk-kb-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 24px 0 20px;
    font-size: 13px;
    color: var(--axk-pg-muted);
}

.axk-kb-breadcrumb a {
    color: var(--axk-pg-primary);
    text-decoration: none !important;
    font-weight: 500;
    transition: opacity 0.2s;
}

.axk-kb-breadcrumb a:hover { opacity: 0.8; text-decoration: none !important; }

.axk-kb-breadcrumb svg { color: var(--axk-pg-muted); flex-shrink: 0; }

.axk-kb-breadcrumb > span {
    color: var(--axk-pg-text);
    font-weight: 600;
}

/* ── Category Layout ── */
.axk-kb-cat-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
    margin-bottom: 48px;
}

@media (min-width: 992px) {
    .axk-kb-cat-layout {
        grid-template-columns: 240px 1fr;
        gap: 48px;
    }
}

/* ── Sidebar ── */
.axk-kb-sidebar-title {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--axk-pg-muted);
    margin: 0 0 12px;
    padding: 0 12px;
}

.axk-kb-sidebar nav {
    display: flex;
    flex-direction: column;
    gap: 2px;
    position: sticky;
    top: 80px;
}

.axk-kb-sidebar nav a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 500;
    color: var(--axk-pg-subtle);
    text-decoration: none !important;
    transition: background 0.15s, color 0.15s;
}

.axk-kb-sidebar nav a:hover {
    background: rgba(20, 97, 78, 0.04);
    color: var(--axk-pg-text);
    text-decoration: none !important;
}

.axk-kb-sidebar nav a.active {
    background: rgba(20, 97, 78, 0.08);
    color: var(--axk-pg-primary);
    font-weight: 600;
}

.axk-kb-nav-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    color: inherit;
}

.axk-kb-nav-icon svg {
    width: 16px;
    height: 16px;
}

.axk-kb-nav-text { flex: 1; }

.axk-kb-nav-count {
    font-size: 11px;
    color: var(--axk-pg-muted);
    background: var(--axk-pg-shell);
    padding: 2px 8px;
    border-radius: 10px;
    font-weight: 600;
}

.axk-kb-sidebar-cta {
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid var(--axk-pg-border);
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--axk-pg-muted);
}

.axk-kb-sidebar-cta svg { flex-shrink: 0; }

.axk-kb-sidebar-cta a {
    color: var(--axk-pg-primary);
    text-decoration: none !important;
    font-weight: 500;
}

.axk-kb-sidebar-cta a:hover { opacity: 0.8; }

/* ── Category Header ── */
.axk-kb-cat-header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 8px;
}

.axk-kb-cat-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: rgba(20, 97, 78, 0.08);
    color: var(--axk-pg-primary);
}

.axk-kb-cat-icon svg {
    width: 24px;
    height: 24px;
}

.axk-kb-cat-header h1 {
    font-size: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -0.025em;
    color: var(--axk-pg-text);
    margin: 0;
    padding: 0 !important;
    border: none !important;
    line-height: 1.2;
}

.axk-kb-cat-header p {
    font-size: 14px;
    color: var(--axk-pg-muted);
    margin: 4px 0 0;
    line-height: 1.4;
}

.axk-kb-cat-count {
    font-size: 12px;
    font-weight: 500;
    color: var(--axk-pg-muted);
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--axk-pg-border);
}

/* ── Article Cards ── */
.axk-kb-article-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.axk-kb-article-card {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 22px 24px;
    border: 1px solid var(--axk-pg-border);
    border-radius: 16px;
    text-decoration: none !important;
    background: var(--axk-pg-surface);
    transition: border-color 0.25s, box-shadow 0.3s, transform 0.2s;
    gap: 20px;
}

.axk-kb-article-card:hover {
    border-color: rgba(20, 97, 78, 0.2);
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.05);
    transform: translateY(-2px);
    text-decoration: none !important;
}

.axk-kb-article-card:hover * { text-decoration: none !important; }

.axk-kb-article-body {
    flex: 1;
    min-width: 0;
}

.axk-kb-article-card h3 {
    font-size: 15px;
    font-weight: 600;
    color: var(--axk-pg-text);
    margin: 0 0 5px;
    line-height: 1.4;
    transition: color 0.2s;
}

.axk-kb-article-card:hover h3 {
    color: var(--axk-pg-primary);
}

.axk-kb-article-card p {
    font-size: 13px;
    color: var(--axk-pg-muted);
    margin: 0 0 8px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.axk-kb-article-meta {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--axk-pg-muted);
}

.axk-kb-article-end {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
    padding-top: 2px;
}

.axk-kb-article-arrow {
    color: var(--axk-pg-muted);
    transition: color 0.2s, transform 0.2s;
}

.axk-kb-article-card:hover .axk-kb-article-arrow {
    color: var(--axk-pg-primary);
    transform: translateX(4px);
}

.axk-kb-empty {
    text-align: center;
    padding: 64px 24px;
    color: var(--axk-pg-muted);
}

.axk-kb-empty svg {
    margin-bottom: 16px;
    color: var(--axk-pg-muted);
    opacity: 0.5;
}

.axk-kb-empty h3 {
    font-size: 18px;
    font-weight: 600;
    color: var(--axk-pg-text);
    margin: 0 0 6px;
}

.axk-kb-empty p {
    font-size: 14px;
    margin: 0 0 20px;
}

.axk-kb-back-link {
    color: var(--axk-pg-primary);
    text-decoration: none !important;
    font-weight: 500;
    font-size: 14px;
}


/* ═══════════════════════════════════════════════════════════════════
   BLOG LISTING
   ═══════════════════════════════════════════════════════════════════ */

.axk-blog {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 24px 64px;
    font-family: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', Roboto, sans-serif;
}

/* ── Hero ── */
.axk-blog-hero {
    text-align: center;
    padding: 56px 0 32px;
    position: relative;
    overflow: hidden;
}

.axk-blog-hero::before {
    content: "";
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    width: 500px;
    height: 250px;
    background: radial-gradient(ellipse at center, rgba(20, 97, 78, 0.1) 0%, transparent 70%);
    pointer-events: none;
    filter: blur(40px);
}

.axk-blog-hero h1 {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -0.035em;
    color: var(--axk-pg-text);
    margin: 0 0 10px;
    position: relative;
}

.axk-blog-hero p {
    font-size: 17px;
    color: var(--axk-pg-subtle);
    max-width: 480px;
    margin: 0 auto 24px;
    line-height: 1.5;
    position: relative;
}

.axk-blog-search-wrap {
    position: relative;
    max-width: 460px;
    margin: 0 auto;
}

.axk-blog-search-wrap svg {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--axk-pg-muted);
    pointer-events: none;
    z-index: 1;
}

.axk-blog-search-wrap input {
    width: 100%;
    padding: 14px 20px 14px 48px;
    border: 1px solid var(--axk-pg-border);
    border-radius: 16px;
    font-size: 15px;
    background: var(--axk-pg-surface);
    color: var(--axk-pg-text);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    transition: border-color 0.25s, box-shadow 0.25s;
    outline: none;
}

.axk-blog-search-wrap input:focus {
    border-color: var(--axk-pg-primary);
    box-shadow: 0 0 0 4px rgba(20, 97, 78, 0.1), 0 4px 16px rgba(0, 0, 0, 0.06);
}

/* ── Pills ── */
.axk-blog-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    margin-bottom: 32px;
}

.axk-pill {
    display: inline-block;
    padding: 8px 20px;
    border: 1px solid var(--axk-pg-border);
    border-radius: 24px;
    font-size: 13px;
    font-weight: 500;
    color: var(--axk-pg-subtle);
    text-decoration: none !important;
    transition: all 0.25s;
    background: var(--axk-pg-surface);
}

.axk-pill:hover {
    border-color: var(--axk-pg-primary);
    color: var(--axk-pg-primary);
    background: rgba(20, 97, 78, 0.04);
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(20, 97, 78, 0.08);
}

.axk-pill.active {
    background: var(--axk-pg-primary);
    color: #fff;
    border-color: var(--axk-pg-primary);
    box-shadow: 0 2px 8px rgba(20, 97, 78, 0.2);
}

/* ── Results Info ── */
.axk-blog-results-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
    font-size: 13px;
    color: var(--axk-pg-muted);
}

.axk-blog-results-info a {
    color: var(--axk-pg-primary);
    text-decoration: none !important;
    font-weight: 500;
}

/* ── Card Grid ── */
.axk-blog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 20px;
    margin-bottom: 40px;
}

.axk-blog-card {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--axk-pg-border);
    border-radius: 20px;
    overflow: hidden;
    text-decoration: none !important;
    background: var(--axk-pg-surface);
    transition: border-color 0.25s, box-shadow 0.35s cubic-bezier(0.4, 0, 0.2, 1), transform 0.25s;
}

.axk-blog-card:hover {
    border-color: rgba(20, 97, 78, 0.2);
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.08);
    transform: translateY(-5px);
    text-decoration: none !important;
}

.axk-blog-card:hover * { text-decoration: none !important; }

.axk-blog-card-img img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
    transition: transform 0.4s;
}

.axk-blog-card:hover .axk-blog-card-img img {
    transform: scale(1.03);
}

.axk-blog-card-placeholder {
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(20, 97, 78, 0.08), rgba(20, 97, 78, 0.02));
    color: var(--axk-pg-primary);
    font-weight: 600;
    font-size: 14px;
    padding: 24px;
    text-align: center;
    line-height: 1.4;
}

.axk-blog-card-body {
    padding: 22px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.axk-blog-card-cat {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--axk-pg-primary);
    margin-bottom: 10px;
}

.axk-blog-card h3 {
    font-size: 18px;
    font-weight: 600;
    color: var(--axk-pg-text);
    margin: 0 0 8px;
    line-height: 1.35;
    letter-spacing: -0.01em;
}

.axk-blog-card p {
    font-size: 14px;
    color: var(--axk-pg-muted);
    margin: 0 0 16px;
    line-height: 1.55;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex: 1;
}

.axk-blog-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 14px;
    border-top: 1px solid var(--axk-pg-border);
}

.axk-blog-card-author {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 500;
    color: var(--axk-pg-text);
}

.axk-blog-avatar {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    object-fit: cover;
}

.axk-blog-avatar-placeholder {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(20, 97, 78, 0.12), rgba(20, 97, 78, 0.04));
    color: var(--axk-pg-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
}

.axk-blog-card-date {
    font-size: 12px;
    color: var(--axk-pg-muted);
}

/* ── Empty ── */
.axk-blog-empty {
    text-align: center;
    padding: 72px 24px;
}

.axk-blog-empty h3 {
    font-size: 20px;
    font-weight: 600;
    color: var(--axk-pg-text);
    margin: 0 0 8px;
}

.axk-blog-empty p {
    font-size: 14px;
    color: var(--axk-pg-muted);
    margin: 0 0 24px;
}

.axk-blog-btn {
    display: inline-block;
    padding: 11px 26px;
    background: var(--axk-pg-primary);
    color: #fff !important;
    border-radius: 10px;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none !important;
    transition: background 0.2s, box-shadow 0.2s, transform 0.15s;
}

.axk-blog-btn:hover {
    background: var(--axk-pg-primary-dark);
    box-shadow: 0 4px 16px rgba(20, 97, 78, 0.25);
    transform: translateY(-1px);
    text-decoration: none !important;
}

/* ── Pagination ── */
.axk-blog-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 32px 0 0;
    border-top: 1px solid var(--axk-pg-border);
    margin-top: 8px;
}

.axk-page-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 18px;
    border: 1px solid var(--axk-pg-border);
    border-radius: 10px;
    font-size: 13px;
    font-weight: 500;
    color: var(--axk-pg-subtle);
    text-decoration: none !important;
    transition: all 0.2s;
    background: var(--axk-pg-surface);
}

.axk-page-btn:hover:not(.disabled) {
    border-color: var(--axk-pg-primary);
    color: var(--axk-pg-primary);
    background: rgba(20, 97, 78, 0.04);
    text-decoration: none !important;
}

.axk-page-btn.disabled {
    opacity: 0.35;
    cursor: not-allowed;
}

.axk-page-numbers {
    display: flex;
    gap: 4px;
}

.axk-page-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid var(--axk-pg-border);
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    color: var(--axk-pg-subtle);
    text-decoration: none !important;
    transition: all 0.2s;
    background: var(--axk-pg-surface);
}

.axk-page-num:hover {
    border-color: var(--axk-pg-primary);
    color: var(--axk-pg-primary);
    text-decoration: none !important;
}

.axk-page-num.active {
    background: var(--axk-pg-primary);
    border-color: var(--axk-pg-primary);
    color: #fff;
    box-shadow: 0 2px 8px rgba(20, 97, 78, 0.2);
}


/* ═══════════════════════════════════════════════════════════════════
   BLOG POST DETAIL

   ═══════════════════════════════════════════════════════════════════ */

body[data-path^="blog/"] main.container {
    max-width: 820px !important;
    padding: 0 24px !important;
}

body[data-path^="blog/"] main.my-4 {
    margin-top: 0 !important;
}

body[data-path^="blog/"] .page-breadcrumbs {
    display: block !important;
    margin-bottom: 4px;
}

body[data-path^="blog/"] .blog-container {
    max-width: 760px;
    margin: 0 auto;
    padding: 20px 0 56px;
}

body[data-path^="blog/"] .blog-header {
    margin-bottom: 32px;
}

body[data-path^="blog/"] .blog-header > div:first-child {
    font-size: 13px;
    margin-bottom: 20px;
}

body[data-path^="blog/"] .blog-header > div:first-child a {
    color: var(--axk-pg-primary) !important;
    text-decoration: none !important;
    font-weight: 500;
    transition: opacity 0.2s;
}

body[data-path^="blog/"] .blog-header > div:first-child a:hover {
    opacity: 0.8;
}

body[data-path^="blog/"] .blog-header h1 {
    font-size: 36px !important;
    font-weight: 700 !important;
    letter-spacing: -0.03em;
    line-height: 1.15;
    color: var(--axk-pg-text);
    margin-bottom: 20px;
}

body[data-path^="blog/"] .blog-header .blog-date {
    font-size: 14px;
    color: var(--axk-pg-muted);
}

body[data-path^="blog/"] .blog-header-image {
    width: 100%;
    max-height: 420px;
    object-fit: cover;
    border-radius: 18px;
    margin-bottom: 32px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
}

/* ── Blog Content Typography ── */
body[data-path^="blog/"] .blog-content {
    font-size: 17px;
    line-height: 1.75;
    color: var(--axk-pg-text);
    letter-spacing: -0.003em;
}

body[data-path^="blog/"] .blog-content h2 {
    font-size: 24px;
    font-weight: 700;
    margin: 40px 0 16px;
    letter-spacing: -0.02em;
    color: var(--axk-pg-text);
}

body[data-path^="blog/"] .blog-content h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 32px 0 12px;
    letter-spacing: -0.015em;
    color: var(--axk-pg-text);
}

body[data-path^="blog/"] .blog-content p {
    margin-bottom: 20px;
    color: var(--axk-pg-subtle);
}

body[data-path^="blog/"] .blog-content ul,
body[data-path^="blog/"] .blog-content ol {
    margin-bottom: 20px;
    padding-left: 24px;
}

body[data-path^="blog/"] .blog-content li {
    margin-bottom: 8px;
    line-height: 1.6;
    color: var(--axk-pg-subtle);
}

body[data-path^="blog/"] .blog-content blockquote {
    border-left: 3px solid var(--axk-pg-primary);
    padding: 16px 20px;
    margin: 24px 0;
    background: rgba(20, 97, 78, 0.03);
    border-radius: 0 12px 12px 0;
    font-style: italic;
    color: var(--axk-pg-subtle);
}

body[data-path^="blog/"] .blog-content code {
    background: var(--axk-pg-shell);
    padding: 2px 7px;
    border-radius: 5px;
    font-size: 0.9em;
}

body[data-path^="blog/"] .blog-content pre {
    background: var(--axk-pg-shell);
    border: 1px solid var(--axk-pg-border);
    border-radius: 14px;
    padding: 20px;
    overflow-x: auto;
    margin: 24px 0;
}

body[data-path^="blog/"] .blog-content img {
    max-width: 100%;
    border-radius: 14px;
    margin: 24px 0;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}

body[data-path^="blog/"] .blog-content a {
    color: var(--axk-pg-primary);
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-color: rgba(20, 97, 78, 0.3);
    transition: text-decoration-color 0.2s;
}

body[data-path^="blog/"] .blog-content a:hover {
    text-decoration-color: var(--axk-pg-primary);
}

/* ── Blog Author Bar ── */
body[data-path^="blog/"] .blog-footer-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 24px 0;
    border-top: 1px solid var(--axk-pg-border);
    margin-top: 40px;
}

body[data-path^="blog/"] .blog-footer-meta .avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
}

body[data-path^="blog/"] .blog-share {
    display: flex;
    gap: 8px;
    margin-top: 20px;
}

body[data-path^="blog/"] .blog-share a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid var(--axk-pg-border);
    border-radius: 8px;
    color: var(--axk-pg-subtle);
    text-decoration: none !important;
    transition: border-color 0.2s, color 0.2s;
}

body[data-path^="blog/"] .blog-share a:hover {
    border-color: var(--axk-pg-primary);
    color: var(--axk-pg-primary);
}

/* ── Comments ── */
body[data-path^="blog/"] .blog-comments {
    margin-top: 40px;
    padding-top: 32px;
    border-top: 1px solid var(--axk-pg-border);
}

body[data-path^="blog/"] .blog-comments h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

body[data-path^="blog/"] .blog-comments .btn {
    border-radius: 10px !important;
}

body[data-path^="blog/"] .blog-comments input,
body[data-path^="blog/"] .blog-comments textarea {
    border: 1px solid var(--axk-pg-border) !important;
    border-radius: 12px !important;
    padding: 12px 16px !important;
    font-size: 14px;
    transition: border-color 0.2s, box-shadow 0.2s;
}

body[data-path^="blog/"] .blog-comments input:focus,
body[data-path^="blog/"] .blog-comments textarea:focus {
    border-color: var(--axk-pg-primary) !important;
    box-shadow: 0 0 0 3px rgba(20, 97, 78, 0.08) !important;
    outline: none;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .axk-kb-hero h1 { font-size: 32px; }
    .axk-blog-hero h1 { font-size: 30px; }
    .axk-kb-grid { grid-template-columns: 1fr; }
    .axk-blog-grid { grid-template-columns: 1fr; }
    body[data-path^="blog/"] .blog-header h1 { font-size: 28px !important; }
    .axk-kb-cta-inner { flex-direction: column; text-align: center; }
}


/* ═══════════════════════════════════════════════════════════════════
   KNOWLEDGE HUB — /knowledge
   ═══════════════════════════════════════════════════════════════════ */

.axk-knowledge {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 20px 48px;
    font-family: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', Roboto, sans-serif;
}

/* ── Hero ── */
.axk-kh-hero {
    text-align: center;
    padding: 48px 0 28px;
    position: relative;
    overflow: hidden;
}

.axk-kh-glow {
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    width: 500px;
    height: 250px;
    background: radial-gradient(ellipse at center, rgba(20, 97, 78, 0.1) 0%, rgba(20, 97, 78, 0.02) 55%, transparent 80%);
    pointer-events: none;
    filter: blur(35px);
}

.axk-kh-hero-inner {
    position: relative;
    z-index: 1;
}

.axk-kh-badge {
    display: inline-block;
    padding: 4px 12px;
    background: rgba(20, 97, 78, 0.07);
    color: var(--axk-pg-primary);
    border-radius: 16px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.axk-kh-hero h1 {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -0.035em;
    color: var(--axk-pg-text);
    margin: 0 0 8px;
    line-height: 1.1;
}

.axk-kh-hero p {
    font-size: 15px;
    color: var(--axk-pg-subtle);
    max-width: 440px;
    margin: 0 auto 20px;
    line-height: 1.5;
}

/* ── Search ── */
.axk-kh-search {
    position: relative;
    max-width: 440px;
    margin: 0 auto;
}

.axk-kh-search svg {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--axk-pg-muted);
    pointer-events: none;
}

.axk-kh-search input {
    width: 100%;
    padding: 12px 18px 12px 44px;
    border: 1px solid var(--axk-pg-border);
    border-radius: 14px;
    font-size: 14px;
    background: var(--axk-pg-surface);
    color: var(--axk-pg-text);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);
    transition: border-color 0.2s, box-shadow 0.2s;
    outline: none;
}

.axk-kh-search input:focus {
    border-color: var(--axk-pg-primary);
    box-shadow: 0 0 0 3px rgba(20, 97, 78, 0.08), 0 2px 12px rgba(0, 0, 0, 0.04);
}

.axk-kh-search input::placeholder { color: var(--axk-pg-muted); }

/* ── Section Headings ── */
.axk-kh-heading {
    font-size: 18px;
    font-weight: 700;
    color: var(--axk-pg-text);
    letter-spacing: -0.015em;
    margin: 0 0 14px;
}

/* ── Topic Grid ── */
.axk-kh-topics {
    margin-bottom: 36px;
}

.axk-kh-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 12px;
}

.axk-kh-card {
    display: flex;
    flex-direction: column;
    padding: 20px;
    border: 1px solid var(--axk-pg-border);
    border-radius: 16px;
    text-decoration: none !important;
    background: var(--axk-pg-surface);
    transition: border-color 0.2s, box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1),
                transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.axk-kh-card::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2.5px;
    background: linear-gradient(90deg, var(--axk-pg-primary), var(--axk-pg-primary-light));
    opacity: 0;
    transition: opacity 0.25s;
}

.axk-kh-card:hover {
    border-color: rgba(20, 97, 78, 0.2);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.06);
    transform: translateY(-3px);
    text-decoration: none !important;
}

.axk-kh-card:hover::before { opacity: 1; }
.axk-kh-card:hover * { text-decoration: none !important; }

.axk-kh-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.axk-kh-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: rgba(20, 97, 78, 0.08);
    color: var(--axk-pg-primary);
}

.axk-kh-card-icon svg {
    width: 20px;
    height: 20px;
}

.axk-kh-card-chevron {
    color: var(--axk-pg-muted);
    opacity: 0;
    transform: translateX(-3px);
    transition: opacity 0.2s, transform 0.2s, color 0.2s;
}

.axk-kh-card:hover .axk-kh-card-chevron {
    opacity: 1;
    transform: translateX(0);
    color: var(--axk-pg-primary);
}

.axk-kh-card h3 {
    font-size: 15px;
    font-weight: 600;
    color: var(--axk-pg-text);
    margin: 0 0 4px;
    line-height: 1.35;
}

.axk-kh-card p {
    font-size: 12px;
    color: var(--axk-pg-muted);
    margin: 0 0 12px;
    line-height: 1.45;
    flex: 1;
}

.axk-kh-card-count {
    font-size: 11px;
    font-weight: 600;
    color: var(--axk-pg-primary);
}

/* ── Recent Articles ── */
.axk-kh-recent {
    margin-bottom: 36px;
}

.axk-kh-recent-list {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.axk-kh-recent-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border: 1px solid var(--axk-pg-border);
    border-radius: 12px;
    text-decoration: none !important;
    background: var(--axk-pg-surface);
    transition: border-color 0.2s, box-shadow 0.15s, transform 0.1s;
    gap: 12px;
}

.axk-kh-recent-row:hover {
    border-color: rgba(20, 97, 78, 0.15);
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.03);
    transform: translateY(-1px);
    text-decoration: none !important;
}

.axk-kh-recent-row:hover * { text-decoration: none !important; }

.axk-kh-recent-content { flex: 1; min-width: 0; }

.axk-kh-recent-top {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 3px;
}

.axk-kh-level {
    display: inline-block;
    font-size: 9px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 16px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    white-space: nowrap;
}

.axk-kh-level-green { background: rgba(20, 97, 78, 0.08); color: #14614E; }
.axk-kh-level-orange { background: rgba(204, 153, 0, 0.08); color: #99760A; }
.axk-kh-level-red { background: rgba(200, 62, 62, 0.08); color: #B03030; }

.axk-kh-recent-cat {
    font-size: 11px;
    color: var(--axk-pg-muted);
    font-weight: 500;
}

.axk-kh-recent-row h4 {
    font-size: 14px;
    font-weight: 600;
    color: var(--axk-pg-text);
    margin: 0 0 2px;
    line-height: 1.35;
}

.axk-kh-recent-row p {
    font-size: 12px;
    color: var(--axk-pg-muted);
    margin: 0 0 3px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.axk-kh-recent-date {
    font-size: 11px;
    color: var(--axk-pg-muted);
}

.axk-kh-recent-arrow {
    color: var(--axk-pg-muted);
    flex-shrink: 0;
    transition: color 0.2s, transform 0.2s;
}

.axk-kh-recent-row:hover .axk-kh-recent-arrow {
    color: var(--axk-pg-primary);
    transform: translateX(2px);
}

/* ── CTA ── */
.axk-kh-cta { margin-bottom: 0; }

.axk-kh-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 22px 24px;
    background: linear-gradient(135deg, rgba(20, 97, 78, 0.05) 0%, rgba(20, 97, 78, 0.01) 100%);
    border: 1px solid rgba(20, 97, 78, 0.1);
    border-radius: 14px;
    gap: 20px;
    flex-wrap: wrap;
}

.axk-kh-cta-inner h3 {
    font-size: 15px;
    font-weight: 600;
    color: var(--axk-pg-text);
    margin: 0 0 2px;
}

.axk-kh-cta-inner p {
    font-size: 12px;
    color: var(--axk-pg-muted);
    margin: 0;
}

.axk-kh-cta-links {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

.axk-kh-cta-primary {
    padding: 8px 18px;
    background: var(--axk-pg-primary);
    color: #fff !important;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
    transition: background 0.2s, box-shadow 0.2s, transform 0.15s;
}

.axk-kh-cta-primary:hover {
    background: var(--axk-pg-primary-dark);
    box-shadow: 0 3px 12px rgba(20, 97, 78, 0.2);
    transform: translateY(-1px);
    text-decoration: none !important;
}

.axk-kh-cta-secondary {
    padding: 8px 18px;
    border: 1px solid var(--axk-pg-border);
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    color: var(--axk-pg-subtle) !important;
    text-decoration: none !important;
    transition: border-color 0.2s, color 0.2s;
    background: var(--axk-pg-surface);
}

.axk-kh-cta-secondary:hover {
    border-color: var(--axk-pg-primary);
    color: var(--axk-pg-primary) !important;
    text-decoration: none !important;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .axk-kh-hero h1 { font-size: 28px; }
    .axk-kh-grid { grid-template-columns: 1fr; }
    .axk-kh-cta-inner { flex-direction: column; text-align: center; }
    .axk-kh-cta-links { justify-content: center; }
}


/* ═══════════════════════════════════════════════════════════════════
   TOPIC VIEW — /knowledge?topic=
   ═══════════════════════════════════════════════════════════════════ */

.axk-kb-topic-main {
    flex: 1;
    min-width: 0;
}

.axk-kb-topic-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 6px;
}

.axk-kb-topic-header h1 {
    font-size: 24px !important;
    font-weight: 700 !important;
    letter-spacing: -0.025em;
    color: var(--axk-pg-text);
    margin: 0;
    padding: 0 !important;
    border: none !important;
    line-height: 1.2;
}

.axk-kb-topic-header p {
    font-size: 13px;
    color: var(--axk-pg-muted);
    margin: 3px 0 0;
    line-height: 1.4;
}

.axk-kb-topic-count {
    font-size: 12px;
    font-weight: 500;
    color: var(--axk-pg-muted);
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--axk-pg-border);
}

/* Sidebar nav label for the topic view */
.axk-kb-nav-label {
    flex: 1;
    font-size: 13px;
}

.axk-kb-nav-count {
    font-size: 11px;
    color: var(--axk-pg-muted);
    background: var(--axk-pg-shell);
    padding: 1px 7px;
    border-radius: 8px;
    font-weight: 600;
}


/* ═══════════════════════════════════════════════════════════════════
   ARTICLE READING VIEW
   ═══════════════════════════════════════════════════════════════════ */

/* Reset Frappe's sidebar grid layout on article pages */
div.container:has(.axk-article) {
    max-width: 100% !important;
    padding: 0 !important;
}

div.container:has(.axk-article) > .row {
    margin: 0 !important;
}

div.container:has(.axk-article) .sidebar-column {
    display: none !important;
}

div.container:has(.axk-article) .main-column {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
}

main.container:has(.axk-article) {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.axk-article {
    max-width: 740px;
    margin: 0 auto;
    padding: 0 20px 48px;
    font-family: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', Roboto, sans-serif;
}

/* ── Breadcrumbs ── */
.axk-article-crumbs {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    padding: 16px 0 24px;
    flex-wrap: wrap;
}

.axk-article-crumbs a {
    color: var(--axk-pg-primary);
    text-decoration: none !important;
    font-weight: 500;
    transition: opacity 0.15s;
}

.axk-article-crumbs a:hover { opacity: 0.75; }

.axk-article-crumbs svg {
    color: var(--axk-pg-muted);
    flex-shrink: 0;
}

.axk-article-crumbs > span {
    color: var(--axk-pg-muted);
    font-weight: 400;
}

/* ── Article Header ── */
.axk-article-header {
    margin-bottom: 28px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--axk-pg-border);
}

.axk-article-meta {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.axk-article-level {
    font-size: 10px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.axk-article-level-green { background: rgba(20, 97, 78, 0.08); color: #14614E; }
.axk-article-level-orange { background: rgba(204, 153, 0, 0.08); color: #99760A; }
.axk-article-level-red { background: rgba(200, 62, 62, 0.08); color: #B03030; }

.axk-article-date,
.axk-article-author {
    font-size: 13px;
    color: var(--axk-pg-muted);
}

.axk-article-header h1 {
    font-size: 32px !important;
    font-weight: 700 !important;
    letter-spacing: -0.03em;
    color: var(--axk-pg-text);
    line-height: 1.2;
    margin: 0;
    border: none !important;
    padding: 0 !important;
}

/* ── Article Body ── */
.axk-article-body {
    font-size: 16px;
    line-height: 1.75;
    color: var(--axk-pg-subtle);
}

.axk-article-body h2 {
    font-size: 22px;
    font-weight: 600;
    color: var(--axk-pg-text);
    margin: 32px 0 12px;
    padding-top: 20px;
    border-top: 1px solid var(--axk-pg-border);
    letter-spacing: -0.01em;
}

.axk-article-body h2:first-child {
    border-top: none;
    padding-top: 0;
    margin-top: 0;
}

.axk-article-body h3 {
    font-size: 17px;
    font-weight: 600;
    color: var(--axk-pg-text);
    margin: 24px 0 8px;
}

.axk-article-body p { margin-bottom: 14px; }

.axk-article-body ul,
.axk-article-body ol {
    padding-left: 22px;
    margin-bottom: 14px;
}

.axk-article-body li { margin-bottom: 6px; }

.axk-article-body code {
    background: rgba(20, 97, 78, 0.06);
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.9em;
    color: var(--axk-pg-primary);
}

.axk-article-body pre {
    background: var(--axk-pg-shell);
    border: 1px solid var(--axk-pg-border);
    border-radius: 10px;
    padding: 16px 20px;
    overflow-x: auto;
    margin: 16px 0;
}

.axk-article-body pre code {
    background: none;
    padding: 0;
    color: inherit;
}

.axk-article-body blockquote {
    border-left: 3px solid var(--axk-pg-primary);
    padding: 12px 18px;
    margin: 16px 0;
    background: rgba(20, 97, 78, 0.03);
    border-radius: 0 8px 8px 0;
    color: var(--axk-pg-subtle);
    font-style: italic;
}

.axk-article-body img {
    max-width: 100%;
    border-radius: 10px;
    margin: 16px 0;
}

.axk-article-body strong { color: var(--axk-pg-text); }

/* ── Feedback ── */
.axk-article-feedback {
    margin-top: 36px;
    padding: 20px;
    border: 1px solid var(--axk-pg-border);
    border-radius: 12px;
    background: var(--axk-pg-shell);
}

.axk-article-feedback-prompt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.axk-article-feedback-prompt > span {
    font-size: 14px;
    font-weight: 500;
    color: var(--axk-pg-text);
}

.axk-article-feedback-btns {
    display: flex;
    gap: 8px;
}

.axk-fb-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 7px 14px;
    border: 1px solid var(--axk-pg-border);
    border-radius: 8px;
    background: var(--axk-pg-surface);
    color: var(--axk-pg-subtle);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: border-color 0.2s, color 0.2s, background 0.2s;
}

.axk-fb-btn:hover {
    border-color: var(--axk-pg-primary);
    color: var(--axk-pg-primary);
    background: rgba(20, 97, 78, 0.03);
}

.axk-article-feedback-thanks {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    color: var(--axk-pg-primary);
}

/* ── Prev / Next Navigation ── */
.axk-article-nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid var(--axk-pg-border);
}

.axk-article-nav-link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    border: 1px solid var(--axk-pg-border);
    border-radius: 12px;
    text-decoration: none !important;
    background: var(--axk-pg-surface);
    transition: border-color 0.2s, box-shadow 0.2s, transform 0.15s;
}

.axk-article-nav-link:hover {
    border-color: rgba(20, 97, 78, 0.2);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
    transform: translateY(-1px);
    text-decoration: none !important;
}

.axk-article-nav-link:hover * { text-decoration: none !important; }

.axk-article-nav-link svg {
    color: var(--axk-pg-muted);
    flex-shrink: 0;
    transition: color 0.2s;
}

.axk-article-nav-link:hover svg { color: var(--axk-pg-primary); }

.axk-nav-prev { justify-content: flex-start; }
.axk-nav-next { justify-content: flex-end; text-align: right; }

/* Solo article — single centered back link */
.axk-article-nav-solo { grid-template-columns: 1fr; }
.axk-nav-back { justify-content: center; }

.axk-nav-label {
    display: block;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--axk-pg-muted);
    margin-bottom: 2px;
}

.axk-nav-title {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: var(--axk-pg-text);
    line-height: 1.3;
}

@media (max-width: 600px) {
    .axk-article-nav { grid-template-columns: 1fr; }
    .axk-article-header h1 { font-size: 24px !important; }
    .axk-nav-next { text-align: left; justify-content: flex-start; }
}


/* ═══════════════════════════════════════════════════════════════════
   VERIFY PAGE — /verify
   ═══════════════════════════════════════════════════════════════════ */

div.container:has(.axk-vfy-page) { max-width: 100% !important; padding: 0 !important; }
div.container:has(.axk-vfy-page) .sidebar-column { display: none !important; }
div.container:has(.axk-vfy-page) .main-column { flex: 0 0 100% !important; max-width: 100% !important; padding: 0 !important; }
div.container:has(.axk-vfy-page) > .row { margin: 0 !important; }

.axk-vfy-page {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 calc(var(--axk-unit) * 3) calc(var(--axk-unit) * 10);
    font-family: var(--axk-font);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ── Hero ── */
.axk-vfy-hero {
    border-radius: calc(var(--axk-radius-lg) + 4px);
    overflow: hidden;
    background: linear-gradient(160deg, var(--axk-deep) 0%, #1A4A3D 50%, var(--axk-deep) 100%);
    margin-top: calc(var(--axk-unit) * 2);
    box-shadow: var(--axk-shadow-lg);
    position: relative;
    transition: min-height 0.5s cubic-bezier(0.16, 1, 0.3, 1),
                padding 0.5s cubic-bezier(0.16, 1, 0.3, 1),
                margin-bottom 0.5s cubic-bezier(0.16, 1, 0.3, 1),
                opacity 0.4s ease;
}

.axk-vfy-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 70% 50% at 50% 20%, rgba(43,112,95,0.18) 0%, transparent 70%);
    pointer-events: none;
}

/* Hero compact: after results loaded, hero collapses */
.axk-vfy-hero--compact {
    display: none;
}

.axk-vfy-hero-inner {
    position: relative;
    text-align: center;
    padding: calc(var(--axk-unit) * 6) calc(var(--axk-unit) * 4) calc(var(--axk-unit) * 5);
    color: #fff;
}

/* Hero logo */
.axk-vfy-hero-logo {
    height: 36px;
    margin-bottom: calc(var(--axk-unit) * 3);
    filter: brightness(0) invert(1);
    opacity: 0.6;
}

.axk-vfy-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: rgba(255,255,255,0.4);
    margin-bottom: calc(var(--axk-unit) * 2.5);
}

.axk-vfy-hero-badge svg { opacity: 0.5; }

.axk-vfy-title {
    font-family: var(--axk-font);
    font-size: 38px;
    font-weight: 700;
    letter-spacing: -0.035em;
    margin: 0 0 calc(var(--axk-unit) * 1.5);
    line-height: 1.1;
    color: #fff;
}

.axk-vfy-subtitle {
    font-size: 15px;
    color: rgba(255,255,255,0.4);
    margin: 0 auto calc(var(--axk-unit) * 4);
    font-weight: 400;
    line-height: 1.7;
    max-width: 420px;
}

/* Search */
.axk-vfy-search-wrap { max-width: 480px; margin: 0 auto; }

.axk-vfy-search-box {
    display: flex;
    align-items: center;
    background: rgba(255,255,255,0.07);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: var(--axk-radius);
    overflow: hidden;
    transition: border-color 0.25s, background 0.25s, box-shadow 0.25s;
}

.axk-vfy-search-box:focus-within {
    border-color: rgba(255,255,255,0.22);
    background: rgba(255,255,255,0.1);
    box-shadow: 0 0 0 4px rgba(255,255,255,0.05);
}

.axk-vfy-search-icon {
    margin-left: calc(var(--axk-unit) * 2);
    color: rgba(255,255,255,0.25);
    flex-shrink: 0;
    transition: color 0.25s;
}

.axk-vfy-search-box:focus-within .axk-vfy-search-icon { color: rgba(255,255,255,0.5); }

.axk-vfy-search {
    flex: 1;
    padding: calc(var(--axk-unit) * 1.75) calc(var(--axk-unit) * 1.5);
    background: transparent;
    border: none;
    outline: none;
    color: #fff;
    font-family: var(--axk-font);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.01em;
}

.axk-vfy-search::placeholder { color: rgba(255,255,255,0.2); }

.axk-vfy-search-btn {
    padding: calc(var(--axk-unit) * 1.25) calc(var(--axk-unit) * 3);
    margin: 5px;
    background: #fff;
    color: var(--axk-deep);
    border: none;
    border-radius: calc(var(--axk-radius) - 3px);
    font-family: var(--axk-font);
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.15s, box-shadow 0.15s;
    flex-shrink: 0;
    letter-spacing: -0.01em;
}

.axk-vfy-search-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

.axk-vfy-search-btn:active { transform: scale(0.97); }

/* Trust tags */
.axk-vfy-trust-row {
    display: flex;
    justify-content: center;
    gap: var(--axk-unit);
    margin-top: calc(var(--axk-unit) * 3);
}

.axk-vfy-trust-tag {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: rgba(255,255,255,0.2);
    padding: 4px 14px;
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: var(--axk-radius-sm);
}

/* ═══ Floating Search Bar ═══ */
.axk-vfy-float-bar {
    position: sticky;
    top: 0;
    z-index: 100;
    display: none;
    align-items: center;
    gap: calc(var(--axk-unit) * 2);
    padding: calc(var(--axk-unit) * 1.5) calc(var(--axk-unit) * 2.5);
    background: var(--axk-surface);
    border: 1px solid var(--axk-border);
    border-radius: var(--axk-radius);
    box-shadow: var(--axk-shadow-lg);
    margin-bottom: calc(var(--axk-unit) * 3);
    animation: axk-vfy-float-in 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.axk-vfy-float-bar--visible { display: flex; }

@keyframes axk-vfy-float-in {
    from { opacity: 0; transform: translateY(-12px); }
    to { opacity: 1; transform: translateY(0); }
}

.axk-vfy-float-logo {
    height: 22px;
    flex-shrink: 0;
    opacity: 0.7;
}

.axk-vfy-float-search {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--axk-mint);
    border: 1px solid var(--axk-border);
    border-radius: calc(var(--axk-radius) - 2px);
    padding-left: calc(var(--axk-unit) * 1.5);
    transition: border-color 0.2s, box-shadow 0.2s;
}

.axk-vfy-float-search:focus-within {
    border-color: var(--axk-primary);
    box-shadow: 0 0 0 3px rgba(43,112,95,0.06);
}

.axk-vfy-float-search svg {
    color: var(--axk-text-secondary);
    opacity: 0.4;
    flex-shrink: 0;
}

.axk-vfy-float-input {
    flex: 1;
    padding: calc(var(--axk-unit) * 1) calc(var(--axk-unit) * 1);
    background: transparent;
    border: none;
    outline: none;
    font-family: var(--axk-font);
    font-size: 13px;
    font-weight: 500;
    color: var(--axk-text);
}

.axk-vfy-float-input::placeholder { color: var(--axk-text-secondary); opacity: 0.5; }

.axk-vfy-float-btn {
    padding: calc(var(--axk-unit) * 0.75) calc(var(--axk-unit) * 2);
    margin: 3px;
    background: var(--axk-primary);
    color: #fff;
    border: none;
    border-radius: calc(var(--axk-radius) - 4px);
    font-family: var(--axk-font);
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.15s, background 0.15s;
    flex-shrink: 0;
}

.axk-vfy-float-btn:hover { background: var(--axk-deep); transform: translateY(-1px); }

/* ── Loading ── */
.axk-vfy-loading { text-align: center; padding: calc(var(--axk-unit) * 6) 0; }

.axk-vfy-loading p {
    font-size: 13px;
    color: var(--axk-text-secondary);
    margin-top: calc(var(--axk-unit) * 2);
}

.axk-vfy-loading-bar {
    width: 120px; height: 2px;
    border-radius: 1px;
    background: var(--axk-border);
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.axk-vfy-loading-bar::after {
    content: '';
    position: absolute;
    top: 0; left: -50%;
    width: 50%; height: 100%;
    background: var(--axk-primary);
    border-radius: 1px;
    animation: axk-vfy-load 1.4s ease-in-out infinite;
}

@keyframes axk-vfy-load { 0%{left:-50%} 100%{left:100%} }

/* ── Result Document ── */
.axk-vfy-result {
    background: var(--axk-surface);
    border: 1px solid var(--axk-border);
    border-radius: var(--axk-radius-lg);
    padding: calc(var(--axk-unit) * 5) calc(var(--axk-unit) * 5) calc(var(--axk-unit) * 4);
    animation: axk-vfy-fi 0.5s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: var(--axk-shadow);
}

@keyframes axk-vfy-fi {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Result document head — logo + label */
.axk-vfy-result-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: calc(var(--axk-unit) * 3);
    padding-bottom: calc(var(--axk-unit) * 2.5);
    border-bottom: 1px solid var(--axk-border);
}

.axk-vfy-result-logo { height: 24px; opacity: 0.8; }

.axk-vfy-result-label {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--axk-text-secondary);
    opacity: 0.5;
}

/* Document head */
.axk-vfy-doc-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: calc(var(--axk-unit) * 2);
}

.axk-vfy-doc-head-left { flex: 1; min-width: 0; }

.axk-vfy-lot-ref {
    font-size: 26px;
    font-weight: 700;
    color: var(--axk-text);
    letter-spacing: -0.025em;
    line-height: 1.15;
}

.axk-vfy-lot-desc {
    font-size: 14px;
    color: var(--axk-text-secondary);
    margin-top: 6px;
    letter-spacing: -0.01em;
}

.axk-vfy-status-pill {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 5px 14px;
    border-radius: var(--axk-radius-sm);
    flex-shrink: 0;
    white-space: nowrap;
}

/* Rule */
.axk-vfy-rule {
    border: none;
    border-top: 1px solid var(--axk-border);
    margin: calc(var(--axk-unit) * 3.5) 0;
}

/* Numbered sections */
.axk-vfy-sec { display: flex; gap: calc(var(--axk-unit) * 3); }

.axk-vfy-sec-num {
    font-size: 12px;
    font-weight: 700;
    color: var(--axk-primary);
    flex-shrink: 0;
    padding-top: 1px;
    opacity: 0.4;
}

.axk-vfy-sec-body { flex: 1; min-width: 0; }

.axk-vfy-sec-label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--axk-text-secondary);
    margin-bottom: calc(var(--axk-unit) * 2);
}

/* Cell grid */
.axk-vfy-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    background: var(--axk-border);
    border: 1px solid var(--axk-border);
    border-radius: var(--axk-radius);
    overflow: hidden;
}

.axk-vfy-cell {
    background: var(--axk-surface);
    padding: calc(var(--axk-unit) * 2) calc(var(--axk-unit) * 2);
    transition: background 0.15s;
}

.axk-vfy-cell:hover { background: var(--axk-mint); }

.axk-vfy-cell-label {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--axk-text-secondary);
    margin-bottom: 4px;
}

.axk-vfy-cell-value {
    font-size: 14px;
    font-weight: 600;
    color: var(--axk-text);
    letter-spacing: -0.01em;
}

/* Trust signals */
.axk-vfy-trust-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: calc(var(--axk-unit) * 2);
}

.axk-vfy-signal-card {
    background: var(--axk-mint);
    border: 1px solid var(--axk-border);
    border-radius: var(--axk-radius);
    padding: calc(var(--axk-unit) * 3);
}

.axk-vfy-signal-head { margin-bottom: calc(var(--axk-unit) * 2); }

.axk-vfy-signal-tag {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--axk-text-secondary);
}

.axk-vfy-ai-row {
    display: flex;
    align-items: center;
    gap: calc(var(--axk-unit) * 2);
}

.axk-vfy-ai-gauge {
    position: relative;
    width: 72px;
    height: 72px;
    flex-shrink: 0;
}

.axk-vfy-ai-gauge svg { width: 100%; height: 100%; }

.axk-vfy-ai-val {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    font-weight: 700;
}

.axk-vfy-ai-grade {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
}

.axk-vfy-ai-note {
    font-size: 12px;
    color: var(--axk-text-secondary);
    margin-top: 3px;
}

/* Chain block */
.axk-vfy-chain-block {
    background: var(--axk-deep) !important;
    border-color: transparent !important;
    color: #fff;
}

.axk-vfy-chain-block .axk-vfy-signal-tag { color: rgba(255,255,255,0.4); }

.axk-vfy-chain-hash {
    display: block;
    font-family: var(--axk-font);
    font-size: 11px;
    font-weight: 500;
    word-break: break-all;
    color: rgba(255,255,255,0.5);
    line-height: 1.7;
    background: rgba(255,255,255,0.04);
    padding: calc(var(--axk-unit) * 1.5) calc(var(--axk-unit) * 2);
    border-radius: var(--axk-radius-sm);
    margin-bottom: calc(var(--axk-unit) * 1.5);
    border-left: 3px solid var(--axk-primary);
}

.axk-vfy-explorer-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 600;
    color: rgba(255,255,255,0.4) !important;
    text-decoration: none !important;
    transition: color 0.2s;
}

.axk-vfy-explorer-link:hover { color: #fff !important; }

/* Timeline */
.axk-vfy-chain-timeline { display: flex; flex-direction: column; }
.axk-vfy-tl-step { display: flex; gap: calc(var(--axk-unit) * 2); }

.axk-vfy-tl-marker {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    width: 16px;
}

.axk-vfy-tl-dot {
    width: 10px; height: 10px;
    border-radius: 50%;
    background: var(--axk-border);
    flex-shrink: 0;
    margin-top: 5px;
    transition: background 0.2s, box-shadow 0.2s;
}

.axk-vfy-tl-step.done .axk-vfy-tl-dot {
    background: var(--axk-primary);
    box-shadow: 0 0 0 3px rgba(43,112,95,0.12);
}

.axk-vfy-tl-line {
    width: 2px;
    flex: 1;
    background: var(--axk-border);
    margin: 3px 0;
    border-radius: 1px;
}

.axk-vfy-tl-step.done .axk-vfy-tl-line { background: rgba(43,112,95,0.2); }

.axk-vfy-tl-body { padding-bottom: calc(var(--axk-unit) * 3); min-width: 0; }

.axk-vfy-tl-type {
    font-size: 14px;
    font-weight: 600;
    color: var(--axk-text);
    letter-spacing: -0.01em;
}

.axk-vfy-tl-status {
    font-size: 11px;
    font-weight: 600;
    color: var(--axk-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-top: 2px;
}

.axk-vfy-tl-meta {
    font-size: 12px;
    color: var(--axk-text-secondary);
    margin-top: 4px;
    line-height: 1.5;
    opacity: 0.7;
}

/* Document foot with centered stamp */
.axk-vfy-doc-foot {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-top: calc(var(--axk-unit) * 4);
    border-top: 1px solid var(--axk-border);
    margin-top: calc(var(--axk-unit) * 4);
    gap: calc(var(--axk-unit) * 2);
}

.axk-vfy-doc-foot-text {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--axk-text-secondary);
    opacity: 0.35;
}

/* Not Found */
.axk-vfy-nf { text-align: center; padding: calc(var(--axk-unit) * 7) calc(var(--axk-unit) * 3); }
.axk-vfy-nf-icon { color: var(--axk-text-secondary); margin-bottom: var(--axk-unit); opacity: 0.2; }
.axk-vfy-nf h3 { font-size: 20px; font-weight: 700; color: var(--axk-text); margin: 0 0 var(--axk-unit); letter-spacing: -0.02em; }
.axk-vfy-nf p { font-size: 14px; color: var(--axk-text-secondary); margin: 0; }
.axk-vfy-nf strong { color: var(--axk-text); }

@media (max-width: 640px) {
    .axk-vfy-grid { grid-template-columns: 1fr 1fr; }
    .axk-vfy-trust-grid { grid-template-columns: 1fr; }
    .axk-vfy-hero-inner { padding: calc(var(--axk-unit) * 4) calc(var(--axk-unit) * 2.5); }
    .axk-vfy-title { font-size: 26px; }
    .axk-vfy-result { padding: calc(var(--axk-unit) * 3); }
    .axk-vfy-doc-head { flex-direction: column; }
    .axk-vfy-lot-ref { font-size: 20px; }
    .axk-vfy-sec { flex-direction: column; gap: var(--axk-unit); }
    .axk-vfy-float-bar { padding: calc(var(--axk-unit) * 1) calc(var(--axk-unit) * 1.5); }
    .axk-vfy-float-logo { height: 18px; }
}


/* ═══════════════════════════════════════════════════════════════════
   AXK PROFILE PAGE — /axk-profile
   ═══════════════════════════════════════════════════════════════════ */

div.container:has(.axk-pf-wrap) { max-width: 100% !important; padding: 0 !important; }
div.container:has(.axk-pf-wrap) .sidebar-column { display: none !important; }
div.container:has(.axk-pf-wrap) .main-column { flex: 0 0 100% !important; max-width: 100% !important; padding: 0 !important; }
div.container:has(.axk-pf-wrap) > .row { margin: 0 !important; }

.axk-pf-wrap {
    max-width: 740px;
    margin: 0 auto;
    padding: 0 calc(var(--axk-unit) * 2.5) calc(var(--axk-unit) * 8);
    font-family: var(--axk-font);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ══════════ GUEST HERO ══════════ */
.axk-pf-hero {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: calc(var(--axk-radius-lg) + 4px);
    margin-top: calc(var(--axk-unit) * 2);
    background: linear-gradient(160deg, var(--axk-deep) 0%, #1A4A3D 50%, var(--axk-deep) 100%);
    min-height: 420px;
    box-shadow: var(--axk-shadow-lg);
    position: relative;
}

.axk-pf-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 60% 50% at 50% 30%, rgba(43,112,95,0.12) 0%, transparent 70%);
    pointer-events: none;
}

.axk-pf-hero-content {
    position: relative;
    text-align: center;
    padding: calc(var(--axk-unit) * 8) calc(var(--axk-unit) * 4);
    color: #fff;
}

.axk-pf-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: rgba(255,255,255,0.35);
    margin-bottom: calc(var(--axk-unit) * 3);
}

.axk-pf-hero-badge svg { opacity: 0.4; }

.axk-pf-hero-title {
    font-family: var(--axk-font);
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -0.035em;
    margin: 0 0 calc(var(--axk-unit) * 2);
    color: #fff;
    line-height: 1.1;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
}

.axk-pf-hero-sub {
    font-size: 16px;
    color: rgba(255,255,255,0.45);
    margin: 0 0 calc(var(--axk-unit) * 4);
    font-weight: 400;
    line-height: 1.5;
}

.axk-pf-hero-cta {
    display: inline-flex;
    align-items: center;
    gap: var(--axk-unit);
    padding: calc(var(--axk-unit) * 1.75) calc(var(--axk-unit) * 4);
    background: #fff;
    color: var(--axk-deep) !important;
    border-radius: var(--axk-radius);
    font-size: 15px;
    font-weight: 600;
    text-decoration: none !important;
    letter-spacing: -0.01em;
    transition: transform 0.2s, box-shadow 0.2s;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.axk-pf-hero-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.15);
    color: var(--axk-deep) !important;
}

.axk-pf-hero-login {
    display: block;
    margin-top: calc(var(--axk-unit) * 2);
    font-size: 13px;
    color: rgba(255,255,255,0.35) !important;
    text-decoration: none !important;
    font-weight: 500;
    transition: color 0.2s;
}

.axk-pf-hero-login:hover { color: rgba(255,255,255,0.8) !important; }

/* ── Promo Grid ── */
.axk-pf-promo-grid {
    display: grid;
    gap: calc(var(--axk-unit) * 1);
    margin-top: calc(var(--axk-unit) * 2);
}

.axk-pf-promo-card {
    display: flex;
    align-items: center;
    gap: calc(var(--axk-unit) * 2);
    padding: calc(var(--axk-unit) * 2) calc(var(--axk-unit) * 2.5);
    background: var(--axk-surface);
    border: 1px solid var(--axk-border);
    border-radius: var(--axk-radius);
    text-decoration: none !important;
    color: var(--axk-text) !important;
    transition: border-color 0.2s, transform 0.15s, box-shadow 0.15s;
}

.axk-pf-promo-card:hover {
    border-color: var(--axk-primary);
    transform: translateY(-2px);
    box-shadow: var(--axk-shadow);
}

.axk-pf-promo-icon {
    width: 40px; height: 40px;
    border-radius: calc(var(--axk-radius) - 2px);
    background: var(--axk-mint);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--axk-primary);
}

.axk-pf-promo-icon-gold {
    background: rgba(200, 150, 62, 0.08);
    color: var(--axk-gold);
}

.axk-pf-promo-text { flex: 1; min-width: 0; }

.axk-pf-promo-text strong {
    display: block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.01em;
    margin-bottom: 2px;
}

.axk-pf-promo-text span {
    font-size: 13px;
    color: var(--axk-text-secondary);
    line-height: 1.4;
}

.axk-pf-promo-arrow {
    flex-shrink: 0;
    color: var(--axk-text-secondary);
    opacity: 0.2;
    transition: opacity 0.2s, transform 0.2s, color 0.2s;
}

.axk-pf-promo-card:hover .axk-pf-promo-arrow {
    opacity: 1;
    transform: translateX(3px);
    color: var(--axk-primary);
}

.axk-pf-promo-footer {
    text-align: center;
    padding: calc(var(--axk-unit) * 2.5) 0;
    font-size: 11px;
    color: var(--axk-text-secondary);
    letter-spacing: 0.04em;
    opacity: 0.5;
}

.axk-pf-promo-footer strong { color: var(--axk-text); font-weight: 600; }

/* ══════════ LOGGED-IN DASHBOARD ══════════ */

.axk-pf-banner {
    height: 112px;
    background: linear-gradient(135deg, var(--axk-deep) 0%, #1A4A3D 100%);
    border-radius: var(--axk-radius-lg) var(--axk-radius-lg) 0 0;
}

.axk-pf-doc {
    background: var(--axk-surface);
    border: 1px solid var(--axk-border);
    border-top: none;
    border-radius: 0 0 var(--axk-radius-lg) var(--axk-radius-lg);
    padding: calc(var(--axk-unit) * 4);
    box-shadow: var(--axk-shadow);
}

/* Identity */
.axk-pf-identity {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--axk-unit) * 2.5);
}

.axk-pf-av {
    width: 56px; height: 56px;
    border-radius: 50%;
    background: var(--axk-primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--axk-font);
    font-size: 20px;
    font-weight: 700;
    flex-shrink: 0;
    letter-spacing: -0.02em;
    box-shadow: 0 2px 8px rgba(43,112,95,0.2);
}

.axk-pf-id-body { flex: 1; min-width: 0; }

.axk-pf-name {
    font-family: var(--axk-font) !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: var(--axk-text) !important;
    margin: 0 0 var(--axk-unit) !important;
    border: none !important;
    padding: 0 !important;
    letter-spacing: -0.025em;
    line-height: 1.15;
}

.axk-pf-tags { display: flex; align-items: center; gap: 6px; margin-bottom: var(--axk-unit); }

.axk-pf-tag-role {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 4px 12px;
    border-radius: 6px;
    background: var(--axk-primary);
    color: #fff;
}

.axk-pf-tag-ok {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 4px 12px;
    border-radius: 6px;
    background: rgba(43,112,95,0.08);
    color: var(--axk-primary);
}

.axk-pf-tag-pending {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 4px 12px;
    border-radius: 6px;
    background: rgba(200,150,62,0.08);
    color: var(--axk-gold);
}

.axk-pf-inst { font-size: 14px; color: var(--axk-text-secondary); letter-spacing: -0.01em; }
.axk-pf-since { font-size: 12px; color: var(--axk-text-secondary); margin-top: 2px; opacity: 0.7; }

.axk-pf-did {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: var(--axk-unit);
}

.axk-pf-did code {
    font-family: var(--axk-font);
    font-size: 11px;
    font-weight: 500;
    color: var(--axk-text-secondary);
    background: var(--axk-mint);
    padding: 4px 10px;
    border-radius: 6px;
}

.axk-pf-copy {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    border: 1px solid var(--axk-border);
    border-radius: 6px;
    background: var(--axk-surface);
    color: var(--axk-text-secondary);
    cursor: pointer;
    transition: all 0.15s;
    font-size: 10px;
}

.axk-pf-copy:hover { border-color: var(--axk-primary); color: var(--axk-primary); }

/* Rule */
.axk-pf-rule {
    border: none;
    border-top: 1px solid var(--axk-border);
    margin: calc(var(--axk-unit) * 3) 0;
}

/* ── Bento Grid ── */
.axk-pf-bento {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: calc(var(--axk-unit) * 1.5);
}

.axk-pf-card {
    background: var(--axk-surface);
    border: 1px solid var(--axk-border);
    border-radius: var(--axk-radius);
    padding: calc(var(--axk-unit) * 2.5);
}

.axk-pf-card-wide { grid-column: 1 / -1; }

.axk-pf-card-head { margin-bottom: calc(var(--axk-unit) * 2); }

.axk-pf-card-tag {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--axk-text-secondary);
}

/* Wallet card — fintech feel */
.axk-pf-card-wallet {
    background: linear-gradient(145deg, var(--axk-deep) 0%, #1A4A3D 100%) !important;
    border-color: transparent !important;
    color: #fff;
    box-shadow: 0 4px 16px rgba(22,58,50,0.2);
}

.axk-pf-card-wallet .axk-pf-card-tag { color: rgba(255,255,255,0.35); }

.axk-pf-wallet-bal {
    font-family: var(--axk-font);
    font-size: 34px;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1;
}

.axk-pf-wallet-bal span {
    font-size: 14px;
    font-weight: 500;
    color: rgba(255,255,255,0.35);
    margin-left: 6px;
}

.axk-pf-wallet-flow {
    display: flex;
    gap: calc(var(--axk-unit) * 2);
    margin-top: var(--axk-unit);
    font-size: 12px;
    font-weight: 600;
}

.axk-pf-mint { color: #5EDDA0; }
.axk-pf-burn { color: #FCA5A5; }

.axk-pf-wallet-txns {
    margin-top: calc(var(--axk-unit) * 2);
    border-top: 1px solid rgba(255,255,255,0.08);
    padding-top: var(--axk-unit);
}

.axk-pf-wallet-tx {
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
    font-size: 12px;
    font-weight: 500;
    color: rgba(255,255,255,0.5);
}

/* Score card */
.axk-pf-card-score {
    background: linear-gradient(160deg, #0F1F1A 0%, #162E28 100%) !important;
    border-color: transparent !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 200px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}

.axk-pf-gauge {
    position: relative;
    width: 104px;
    height: 104px;
}

.axk-pf-gauge svg { width: 100%; height: 100%; }

.axk-pf-gauge-val {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.03em;
}

.axk-pf-gauge-label {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: rgba(255,255,255,0.3);
    margin-top: calc(var(--axk-unit) * 1.5);
}

.axk-pf-score-link {
    display: inline-block;
    margin-top: var(--axk-unit);
    font-size: 11px;
    color: rgba(255,255,255,0.35) !important;
    text-decoration: none !important;
    font-weight: 600;
    transition: color 0.2s;
}

.axk-pf-score-link:hover { color: #fff !important; }

/* Metrics grid */
.axk-pf-metrics {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    background: var(--axk-border);
    border: 1px solid var(--axk-border);
    border-radius: calc(var(--axk-radius) - 2px);
    overflow: hidden;
}

.axk-pf-metric {
    background: var(--axk-surface);
    padding: calc(var(--axk-unit) * 2) calc(var(--axk-unit) * 1.5);
    text-align: center;
    transition: background 0.15s;
}

.axk-pf-metric:hover { background: var(--axk-mint); }

.axk-pf-metric-val {
    font-size: 20px;
    font-weight: 700;
    color: var(--axk-text);
    line-height: 1;
    letter-spacing: -0.02em;
}

.axk-pf-metric-label {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--axk-text-secondary);
    margin-top: 6px;
}

.axk-pf-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(var(--axk-unit) * 2.5);
    color: var(--axk-text-secondary);
    font-size: 13px;
}

/* Subscription rows */
.axk-pf-sub-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: calc(var(--axk-unit) * 1.25) 0;
    border-bottom: 1px solid var(--axk-border);
    font-size: 14px;
}

.axk-pf-sub-row:last-child { border-bottom: none; }

.axk-pf-sub-exp {
    font-size: 11px;
    color: var(--axk-text-secondary);
    margin-top: 2px;
}

/* Security rows */
.axk-pf-sec-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: calc(var(--axk-unit) * 1.25) 0;
    border-bottom: 1px solid var(--axk-border);
    font-size: 13px;
    color: var(--axk-text);
}

.axk-pf-sec-row:last-of-type { border-bottom: none; }

.axk-pf-sec-row code {
    font-family: var(--axk-font);
    font-size: 12px;
    font-weight: 500;
    background: none;
    color: var(--axk-text-secondary);
}

.axk-pf-sec-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: var(--axk-unit) calc(var(--axk-unit) * 2);
    border: 1px solid var(--axk-border);
    border-radius: var(--axk-radius-sm);
    background: var(--axk-surface);
    font-family: var(--axk-font);
    font-size: 12px;
    font-weight: 600;
    color: var(--axk-text) !important;
    text-decoration: none !important;
    margin-top: calc(var(--axk-unit) * 1.5);
    transition: all 0.2s;
}

.axk-pf-sec-btn:hover {
    border-color: var(--axk-primary);
    color: var(--axk-primary) !important;
    box-shadow: 0 2px 8px rgba(43,112,95,0.08);
}

@media (max-width: 600px) {
    .axk-pf-bento { grid-template-columns: 1fr; }
    .axk-pf-card-score { min-height: auto; padding: calc(var(--axk-unit) * 3); }
    .axk-pf-hero { min-height: 340px; border-radius: var(--axk-radius-lg); }
    .axk-pf-hero-title { font-size: 28px; }
    .axk-pf-identity { flex-direction: column; align-items: center; text-align: center; }
    .axk-pf-tags { justify-content: center; }
    .axk-pf-did { justify-content: center; }
    .axk-pf-metrics { grid-template-columns: repeat(2, 1fr); }
    .axk-pf-wallet-bal { font-size: 28px; }
    .axk-pf-doc { padding: calc(var(--axk-unit) * 3) calc(var(--axk-unit) * 2.5); }
}


/* ═══════════════════════════════════════════════════════════════════
   FINANCE ELIGIBILITY PROFILE — /fep
   ═══════════════════════════════════════════════════════════════════ */

div.container:has(.axk-fep-wrap) { max-width: 100% !important; padding: 0 !important; }
div.container:has(.axk-fep-wrap) .sidebar-column { display: none !important; }
div.container:has(.axk-fep-wrap) .main-column { flex: 0 0 100% !important; max-width: 100% !important; padding: 0 !important; }
div.container:has(.axk-fep-wrap) > .row { margin: 0 !important; }

.axk-fep-wrap {
    max-width: 800px;
    margin: 0 auto;
    padding: calc(var(--axk-unit) * 2) calc(var(--axk-unit) * 3) calc(var(--axk-unit) * 8);
    font-family: var(--axk-font);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ── Document Header ── */
.axk-fep-doc-header {
    border: 1px solid var(--axk-border);
    border-bottom: none;
    border-radius: var(--axk-radius-lg) var(--axk-radius-lg) 0 0;
    overflow: hidden;
}

.axk-fep-doc-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: calc(var(--axk-unit) * 2.5) calc(var(--axk-unit) * 4);
    background: var(--axk-surface);
}

.axk-fep-logo { height: 26px; }

.axk-fep-doc-meta {
    display: flex;
    align-items: center;
    gap: calc(var(--axk-unit) * 1.5);
}

.axk-fep-date {
    font-size: 12px;
    font-weight: 500;
    color: var(--axk-text-secondary);
}

.axk-fep-verified-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 4px 12px;
    border-radius: 6px;
    background: rgba(43,112,95,0.06);
    color: var(--axk-primary);
    border: 1px solid rgba(43,112,95,0.12);
}

.axk-fep-pulse {
    width: 6px; height: 6px;
    border-radius: 50%;
    background: var(--axk-primary);
    animation: axk-fep-pulse 2.5s ease-in-out infinite;
}

@keyframes axk-fep-pulse { 0%,100%{opacity:1} 50%{opacity:0.3} }

.axk-fep-doc-title-bar {
    padding: calc(var(--axk-unit) * 1.5) calc(var(--axk-unit) * 4);
    background: var(--axk-primary);
}

.axk-fep-doc-type {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: rgba(255,255,255,0.75);
}

/* ── Document Body ── */
.axk-fep-doc-body {
    background: var(--axk-surface);
    border: 1px solid var(--axk-border);
    border-top: none;
    border-radius: 0 0 var(--axk-radius-lg) var(--axk-radius-lg);
    padding: calc(var(--axk-unit) * 5) calc(var(--axk-unit) * 5);
    box-shadow: var(--axk-shadow);
}

/* ── Entity Block ── */
.axk-fep-entity-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: calc(var(--axk-unit) * 3);
}

.axk-fep-entity { flex: 1; min-width: 0; }

.axk-fep-entity-name {
    font-family: var(--axk-font) !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    color: var(--axk-text) !important;
    margin: 0 0 6px !important;
    border: none !important;
    padding: 0 !important;
    letter-spacing: -0.03em;
    line-height: 1.15;
}

.axk-fep-entity-corridor {
    font-size: 15px;
    color: var(--axk-text-secondary);
    margin-bottom: 3px;
    letter-spacing: -0.01em;
}

.axk-fep-entity-id {
    font-size: 12px;
    font-weight: 500;
    color: var(--axk-text-secondary);
    letter-spacing: 0.01em;
    opacity: 0.6;
}

/* ── Rule lines ── */
.axk-fep-rule {
    border: none;
    border-top: 1px solid var(--axk-border);
    margin: calc(var(--axk-unit) * 4) 0;
}

/* ── Numbered Sections ── */
.axk-fep-section { display: flex; gap: calc(var(--axk-unit) * 3); }

.axk-fep-section-num {
    font-size: 12px;
    font-weight: 700;
    color: var(--axk-primary);
    flex-shrink: 0;
    padding-top: 2px;
    opacity: 0.4;
}

.axk-fep-section-content { flex: 1; min-width: 0; }

.axk-fep-section-title {
    font-family: var(--axk-font) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--axk-text-secondary) !important;
    margin: 0 0 calc(var(--axk-unit) * 2.5) !important;
    border: none !important;
    padding: 0 !important;
}

/* ── Score Row ── */
.axk-fep-score-row {
    display: flex;
    align-items: center;
    gap: calc(var(--axk-unit) * 5);
}

.axk-fep-gauge-wrap {
    flex-shrink: 0;
    text-align: center;
}

.axk-fep-gauge {
    position: relative;
    width: 144px;
    height: 144px;
}

.axk-fep-gauge-svg { width: 100%; height: 100%; }

.axk-fep-gauge-fill {
    transition: stroke-dasharray 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.axk-fep-gauge-value {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 44px;
    font-weight: 700;
    letter-spacing: -0.04em;
}

.axk-fep-gauge-label {
    font-size: 11px;
    font-weight: 600;
    color: var(--axk-text-secondary);
    margin-top: calc(var(--axk-unit) * 1);
    letter-spacing: 0.03em;
    opacity: 0.6;
}

.axk-fep-score-interp { flex: 1; }

.axk-fep-score-grade {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: calc(var(--axk-unit) * 1);
    letter-spacing: -0.02em;
}

.axk-fep-score-interp p {
    font-size: 15px;
    color: var(--axk-text-secondary);
    line-height: 1.7;
    margin: 0;
    letter-spacing: -0.01em;
}

/* ── Metrics Grid ── */
.axk-fep-metrics {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    background: var(--axk-border);
    border: 1px solid var(--axk-border);
    border-radius: var(--axk-radius);
    overflow: hidden;
}

.axk-fep-metric {
    background: var(--axk-surface);
    padding: calc(var(--axk-unit) * 2.5) calc(var(--axk-unit) * 2);
    transition: background 0.15s;
}

.axk-fep-metric:hover { background: var(--axk-mint); }

.axk-fep-metric-label {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--axk-text-secondary);
    margin-bottom: calc(var(--axk-unit) * 1);
}

.axk-fep-metric-value {
    font-size: 24px;
    font-weight: 700;
    color: var(--axk-text);
    line-height: 1;
    letter-spacing: -0.03em;
}

.axk-fep-metric-unit {
    font-size: 13px;
    font-weight: 500;
    color: var(--axk-text-secondary);
    margin-left: 2px;
}

/* ── Trade Table ── */
.axk-fep-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid var(--axk-border);
    border-radius: var(--axk-radius);
}

.axk-fep-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.axk-fep-table th {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--axk-text-secondary);
    padding: calc(var(--axk-unit) * 1.5) calc(var(--axk-unit) * 2);
    text-align: left;
    border-bottom: 1px solid var(--axk-border);
    background: var(--axk-mint);
    white-space: nowrap;
}

.axk-fep-table td {
    padding: calc(var(--axk-unit) * 1.5) calc(var(--axk-unit) * 2);
    border-bottom: 1px solid var(--axk-border);
    color: var(--axk-text);
    font-size: 13px;
    letter-spacing: -0.01em;
}

.axk-fep-table tbody tr:last-child td { border-bottom: none; }
.axk-fep-table tbody tr { transition: background 0.12s; }
.axk-fep-table tbody tr:hover { background: var(--axk-mint); }

.axk-fep-td-mono { font-weight: 600; font-size: 12px !important; }

/* AI score pills */
.axk-fep-ai-pill {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 6px;
}

.axk-fep-ai-pill.high { background: rgba(43,112,95,0.08); color: var(--axk-primary); }
.axk-fep-ai-pill.mid  { background: rgba(200,150,62,0.08); color: var(--axk-gold); }
.axk-fep-ai-pill.low  { background: rgba(197,48,48,0.06); color: var(--axk-danger); }

/* Proof link */
.axk-fep-proof-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    font-weight: 600;
    color: var(--axk-primary) !important;
    text-decoration: none !important;
    padding: 3px 8px;
    border-radius: 6px;
    background: var(--axk-mint);
    transition: background 0.15s;
}

.axk-fep-proof-link:hover {
    background: rgba(43,112,95,0.12);
    text-decoration: none !important;
}

/* ── Document Footer with centered seal ── */
.axk-fep-doc-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-top: calc(var(--axk-unit) * 4);
    border-top: 1px solid var(--axk-border);
    margin-top: calc(var(--axk-unit) * 1);
}

.axk-fep-footer-seal {
    margin-bottom: calc(var(--axk-unit) * 3);
}

.axk-fep-trust-line {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--axk-unit) * 1.5);
    font-size: 13px;
    color: var(--axk-text-secondary);
    line-height: 1.6;
    text-align: left;
    max-width: 500px;
}

.axk-fep-trust-line svg {
    flex-shrink: 0;
    color: var(--axk-primary);
    margin-top: 2px;
    opacity: 0.5;
}

.axk-fep-footer-brand {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--axk-text-secondary);
    margin-top: calc(var(--axk-unit) * 2);
    opacity: 0.3;
}

/* ── Not Found ── */
.axk-fep-notfound {
    text-align: center;
    padding: calc(var(--axk-unit) * 10) calc(var(--axk-unit) * 4);
    background: var(--axk-surface);
    border: 1px solid var(--axk-border);
    border-radius: var(--axk-radius-lg);
    margin-top: calc(var(--axk-unit) * 3);
    box-shadow: var(--axk-shadow);
}

.axk-fep-nf-icon { color: var(--axk-text-secondary); opacity: 0.2; margin-bottom: calc(var(--axk-unit) * 2.5); }

.axk-fep-notfound h2 {
    font-size: 24px;
    font-weight: 700;
    color: var(--axk-text);
    margin: 0 0 var(--axk-unit);
    letter-spacing: -0.02em;
}

.axk-fep-notfound p {
    font-size: 15px;
    color: var(--axk-text-secondary);
    margin: 0;
    line-height: 1.6;
}

.axk-fep-nf-hint {
    font-size: 13px !important;
    color: var(--axk-text-secondary) !important;
    margin-top: 4px !important;
    opacity: 0.7;
}

@media (max-width: 640px) {
    .axk-fep-wrap { padding: calc(var(--axk-unit) * 1) calc(var(--axk-unit) * 2) calc(var(--axk-unit) * 6); }
    .axk-fep-doc-top { padding: calc(var(--axk-unit) * 2) calc(var(--axk-unit) * 2.5); }
    .axk-fep-doc-title-bar { padding: var(--axk-unit) calc(var(--axk-unit) * 2.5); }
    .axk-fep-doc-body { padding: calc(var(--axk-unit) * 3.5) calc(var(--axk-unit) * 3); }
    .axk-fep-score-row { flex-direction: column; text-align: center; gap: calc(var(--axk-unit) * 3); }
    .axk-fep-metrics { grid-template-columns: repeat(2, 1fr); }
    .axk-fep-section { flex-direction: column; gap: var(--axk-unit); }
    .axk-fep-table { font-size: 11px; }
    .axk-fep-table th, .axk-fep-table td { padding: calc(var(--axk-unit) * 1.25) calc(var(--axk-unit) * 1.5); }
    .axk-fep-entity-name { font-size: 24px !important; }
    .axk-fep-gauge { width: 120px; height: 120px; }
    .axk-fep-gauge-value { font-size: 36px; }
}