/* ============================================================
   JKM — LEFT sidebar for single posts, the blog page, and
   category / tag archives.

   Cards: 1 Author · 2 Free guide (dark) · 3 Browse by topic (flat)
          4 My Tools · 5 Learn

   IMPORTANT: jkm-style.css contains blanket !important rules —
     body.jkm-style section { background:transparent !important;
                             box-shadow:none !important }
     body.jkm-style p { font-size:17px !important;
                        text-transform:none !important;
                        color:var(--bodyc) !important }
     body.jkm-style h2/h3 { font-size:clamp(...) !important; color:ink }
   Our cards are <section> with <p>/<h3> inside, so EVERY visual
   property here must be !important or the cards lose their ground,
   their shadow, and their type scale.
   ============================================================ */

/* ---- Layout: split .theme-content into [ sidebar | content ] ---- */
body .theme-content.jkm-has-sidebar{
  display:flex !important;
  align-items:flex-start !important;
  gap:46px !important;
  width:100% !important;
  float:none !important;
}
body .theme-content.jkm-has-sidebar > .jkm-content-col{
  flex:1 1 auto !important;
  min-width:0 !important;
  width:auto !important;
}
body #jkm-sidebar{
  flex:0 0 336px !important;
  width:336px !important;
  order:-1 !important;      /* left */
  box-sizing:border-box !important;
}
#jkm-sidebar,
#jkm-sidebar *{ box-sizing:border-box; }

@media (max-width:1024px){
  body .theme-content.jkm-has-sidebar{ flex-direction:column !important; gap:0 !important; }
  body #jkm-sidebar{ order:3 !important; width:100% !important; flex-basis:auto !important; margin-top:48px !important; }
}

/* ---- Card base (raised paper) ---- */
body #jkm-sidebar section.jkm-side-card{
  background:#E8E0D4 !important;
  background-color:#E8E0D4 !important;
  border-radius:28px !important;
  box-shadow:8px 8px 20px rgba(198,184,162,.6),-8px -8px 20px rgba(255,252,246,.92) !important;
  padding:24px 24px 28px !important;
  margin:0 0 34px !important;
}

/* ============================================================
   Card 1: Author
   ============================================================ */
body #jkm-sidebar .jkm-side-mosaic{
  width:100% !important; height:auto !important; display:block !important;
  aspect-ratio:720 / 963; object-fit:cover !important;
  border-radius:18px !important; margin:0 0 22px !important; background:#DBCEBC !important;
}
body #jkm-sidebar h2.jkm-side-wordmark{
  font-family:'Archivo',sans-serif !important; font-weight:700 !important;
  font-size:26px !important; line-height:1.06 !important;
  letter-spacing:-0.02em !important; color:#29241C !important; margin:0 0 22px !important;
  text-transform:none !important;
}
body #jkm-sidebar h2.jkm-side-wordmark em{
  font-family:'Instrument Serif',serif !important; font-style:italic !important;
  font-weight:400 !important; letter-spacing:0 !important; color:#29241C !important;
}
body #jkm-sidebar .jkm-side-author-row{ display:flex !important; align-items:center !important; gap:15px !important; margin:0 0 20px !important; }
body #jkm-sidebar .jkm-side-avatar{
  width:70px !important; height:70px !important; flex:0 0 70px !important;
  border-radius:50% !important; object-fit:cover !important; margin:0 !important;
  box-shadow:4px 4px 10px rgba(198,184,162,.6),-4px -4px 10px rgba(255,252,246,.9) !important;
}
body #jkm-sidebar .jkm-side-name{
  display:block !important; font-family:'Archivo',sans-serif !important; font-weight:700 !important;
  font-size:17px !important; color:#29241C !important; line-height:1.2 !important;
  text-transform:none !important; letter-spacing:normal !important;
}
body #jkm-sidebar a.jkm-side-site{
  display:inline-flex !important; align-items:center !important; gap:6px !important; margin-top:5px !important;
  font-family:'Geist Mono',monospace !important; font-size:12px !important; text-transform:lowercase !important;
  letter-spacing:0.02em !important; color:#BE6E50 !important; text-decoration:none !important;
}
body #jkm-sidebar a.jkm-side-site svg{ width:13px !important; height:13px !important; stroke:#BE6E50 !important; }
body #jkm-sidebar a.jkm-side-site:hover{ color:#29241C !important; }
body #jkm-sidebar p.jkm-side-bio{
  font-family:'Geist',sans-serif !important; font-size:15px !important; line-height:1.6 !important;
  color:#6B6152 !important; margin:0 0 16px !important; text-transform:none !important; letter-spacing:normal !important;
}
body #jkm-sidebar p.jkm-side-bio a{ color:#BE6E50 !important; text-decoration:none !important; }
body #jkm-sidebar p.jkm-side-bio a:hover{ color:#29241C !important; }
body #jkm-sidebar p.jkm-side-bio strong{ color:#4A4236 !important; font-weight:600 !important; }

/* Shared pill button (author + tools + learn) */
body #jkm-sidebar a.jkm-side-btn,
body #jkm-sidebar span.jkm-side-btn{
  display:inline-flex !important; align-items:center !important; gap:10px !important; margin-top:8px !important;
  padding:12px 24px !important; border-radius:999px !important; background:#E8E0D4 !important; text-decoration:none !important;
  box-shadow:5px 5px 12px rgba(198,184,162,.55),-5px -5px 12px rgba(255,252,246,.9) !important;
  font-family:'Geist Mono',monospace !important; font-size:11px !important; letter-spacing:0.14em !important;
  text-transform:uppercase !important; color:#29241C !important;
  transition:transform .2s ease, box-shadow .2s ease;
}
body #jkm-sidebar .jkm-side-btn .jkm-side-dot{ width:8px !important; height:8px !important; border-radius:50% !important; background:#BE6E50 !important; }
body #jkm-sidebar a.jkm-side-btn:hover,
body #jkm-sidebar a.jkm-side-cardlink:hover span.jkm-side-btn{
  transform:translateY(-2px);
  box-shadow:8px 8px 16px rgba(198,184,162,.7),-8px -8px 16px rgba(255,252,246,.95) !important;
}

/* ============================================================
   Card 2: Free guide — the one DARK card
   ============================================================ */
body #jkm-sidebar section.jkm-side-guide{
  background:#1B1A17 !important;
  background-color:#1B1A17 !important;
  box-shadow:0 18px 40px rgba(41,36,28,.30) !important;
  padding:26px 26px 30px !important;
}
body #jkm-sidebar .jkm-side-guide-cover{
  width:100% !important; height:auto !important; display:block !important;
  border-radius:20px !important; margin:0 0 22px !important; background:#2A2823 !important;
}
body #jkm-sidebar .jkm-side-guide p.jkm-side-eyebrow{
  font-family:'Geist Mono',monospace !important; font-size:11px !important;
  letter-spacing:0.16em !important; text-transform:uppercase !important;
  color:#BE6E50 !important; margin:0 0 14px !important; line-height:1.4 !important;
}
body #jkm-sidebar .jkm-side-guide h3.jkm-side-guide-title{
  font-family:'Archivo',sans-serif !important; font-weight:700 !important;
  font-size:23px !important; line-height:1.15 !important; letter-spacing:-0.02em !important;
  color:#F3ECE0 !important; margin:0 0 16px !important; text-transform:none !important;
}
body #jkm-sidebar .jkm-side-guide h3.jkm-side-guide-title em{
  font-family:'Instrument Serif',serif !important; font-style:italic !important;
  font-weight:400 !important; color:#BE6E50 !important; letter-spacing:0 !important;
}
body #jkm-sidebar .jkm-side-guide p.jkm-side-guide-body{
  font-family:'Geist',sans-serif !important; font-size:14px !important; line-height:1.6 !important;
  color:#B4AB9C !important; margin:0 0 22px !important; text-transform:none !important; letter-spacing:normal !important;
}

/* ---- Kit form — JKM owns the look ---- */
body #jkm-sidebar .jkm-side-form .formkit-fields{ display:block !important; }
body #jkm-sidebar .jkm-side-form .formkit-field{ margin:0 0 12px !important; }
body #jkm-sidebar .jkm-side-form input,
body #jkm-sidebar .jkm-side-form .formkit-input{
  width:100% !important; display:block !important; margin:0 !important; padding:17px 20px !important;
  border:1px solid rgba(243,236,224,0.09) !important; border-radius:16px !important;
  background:#242220 !important; color:#F3ECE0 !important;
  font-family:'Geist Mono',monospace !important; font-size:12px !important;
  letter-spacing:0.10em !important; text-transform:uppercase !important;
  box-shadow:inset 2px 2px 7px rgba(0,0,0,.40) !important;
}
body #jkm-sidebar .jkm-side-form input::placeholder,
body #jkm-sidebar .jkm-side-form .formkit-input::placeholder{
  font-family:'Geist Mono',monospace !important; text-transform:uppercase !important;
  letter-spacing:0.12em !important; font-size:12px !important; color:#8A8377 !important; opacity:1 !important;
}
body #jkm-sidebar .jkm-side-form input:focus,
body #jkm-sidebar .jkm-side-form .formkit-input:focus{
  outline:none !important; border-color:rgba(190,110,80,0.55) !important;
}
body #jkm-sidebar .jkm-side-form button,
body #jkm-sidebar .jkm-side-form .formkit-submit{
  width:100% !important; margin:6px 0 0 !important; padding:18px !important; border:none !important;
  border-radius:999px !important; cursor:pointer !important;
  background:#EDE7DC !important; background-color:#EDE7DC !important; color:#29241C !important;
  font-family:'Geist Mono',monospace !important; font-size:12px !important; font-weight:600 !important;
  letter-spacing:0.18em !important; text-transform:uppercase !important;
  display:flex !important; align-items:center !important; justify-content:center !important; gap:8px !important;
  box-shadow:0 6px 18px rgba(0,0,0,.28) !important; min-height:0 !important;
  transition:transform .2s ease, filter .2s ease;
}
body #jkm-sidebar .jkm-side-form button span{ color:#29241C !important; }
body #jkm-sidebar .jkm-side-form button:hover,
body #jkm-sidebar .jkm-side-form .formkit-submit:hover{ transform:translateY(-1px); filter:brightness(1.03); }
body #jkm-sidebar .jkm-side-form .formkit-spinner{ display:none !important; }
body #jkm-sidebar p.jkm-side-fineprint{
  text-align:center !important; font-family:'Geist Mono',monospace !important; font-size:10px !important;
  letter-spacing:0.12em !important; text-transform:uppercase !important; color:#8A8377 !important;
  margin:16px 0 0 !important; line-height:1.5 !important;
}
body #jkm-sidebar .formkit-powered-by-convertkit-container,
body #jkm-sidebar .formkit-powered-by-convertkit{ display:none !important; }
body #jkm-sidebar .jkm-side-form .formkit-alert{
  list-style:none !important; margin:0 0 12px !important; padding:11px 14px !important;
  border-radius:12px !important; font-family:'Geist',sans-serif !important;
  font-size:13px !important; line-height:1.45 !important; text-transform:none !important;
}
body #jkm-sidebar .jkm-side-form .formkit-alert-error{ background:#3a221e !important; color:#F0C7BC !important; }
body #jkm-sidebar .formkit-alert:empty{ display:none !important; }
body #jkm-sidebar .seva-custom-content,
body #jkm-sidebar .seva-custom-content *,
body #jkm-sidebar .formkit-success,
body #jkm-sidebar .formkit-success *,
body #jkm-sidebar .jkm-side-guide .formkit-alert-success,
body #jkm-sidebar .jkm-side-form .formkit-alert-success{
  font-family:'Geist',sans-serif !important; font-size:14px !important; line-height:1.6 !important;
  color:#BE6E50 !important; text-transform:none !important; background:transparent !important;
}

/* ============================================================
   Card 3: Browse by topic — FLAT (no raise, no glow)
   ============================================================ */
body #jkm-sidebar section.jkm-side-topics{
  background:transparent !important;
  background-color:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:2px 6px 0 !important;
  margin:0 0 40px !important;
}
body #jkm-sidebar section.jkm-side-topics p.jkm-side-eyebrow{
  font-family:'Geist Mono',monospace !important; font-size:11px !important;
  letter-spacing:0.16em !important; text-transform:uppercase !important;
  color:#A2957F !important; margin:0 0 14px !important; line-height:1.4 !important;
}
body #jkm-sidebar a.jkm-side-topic{
  display:flex !important; align-items:center !important; justify-content:space-between !important;
  gap:14px !important; padding:16px 14px !important; text-decoration:none !important;
  border-bottom:1px solid rgba(41,36,28,.10) !important; border-radius:14px !important;
  font-family:'Archivo',sans-serif !important; font-weight:500 !important; font-size:17px !important;
  line-height:1.25 !important; letter-spacing:-0.01em !important; color:#29241C !important;
  transition:box-shadow .2s ease, color .2s ease;
}
body #jkm-sidebar a.jkm-side-topic:last-of-type{ border-bottom:none !important; }
body #jkm-sidebar a.jkm-side-topic .jkm-side-arrow{
  flex:0 0 auto !important; color:#BE6E50 !important; font-size:15px !important; line-height:1 !important;
  transition:transform .2s ease;
}
body #jkm-sidebar a.jkm-side-topic:hover{
  color:#BE6E50 !important;
  box-shadow:inset 4px 4px 9px rgba(198,184,162,.55),inset -4px -4px 9px rgba(255,252,246,.9) !important;
}
body #jkm-sidebar a.jkm-side-topic:hover .jkm-side-arrow{ transform:translateX(3px); }

/* ============================================================
   Cards 4 + 5: My Tools / Learn (whole card is a link)
   ============================================================ */
body #jkm-sidebar a.jkm-side-cardlink{ display:block !important; text-decoration:none !important; }
body #jkm-sidebar .jkm-side-media{
  width:100% !important; height:auto !important; display:block !important;
  border-radius:18px !important; margin:0 0 20px !important; background:#DBCEBC !important;
}
body #jkm-sidebar video.jkm-side-media{ aspect-ratio:4 / 5; object-fit:cover !important; }
body #jkm-sidebar section.jkm-side-promo p.jkm-side-eyebrow{
  font-family:'Geist Mono',monospace !important; font-size:11px !important;
  letter-spacing:0.16em !important; text-transform:uppercase !important;
  color:#BE6E50 !important; margin:0 0 12px !important; line-height:1.4 !important;
}
body #jkm-sidebar section.jkm-side-promo h3.jkm-side-promo-title{
  font-family:'Archivo',sans-serif !important; font-weight:700 !important;
  font-size:22px !important; line-height:1.15 !important; letter-spacing:-0.02em !important;
  color:#29241C !important; margin:0 0 12px !important; text-transform:none !important;
}
body #jkm-sidebar section.jkm-side-promo p.jkm-side-promo-body{
  font-family:'Geist',sans-serif !important; font-size:15px !important; line-height:1.6 !important;
  color:#6B6152 !important; margin:0 0 6px !important; text-transform:none !important; letter-spacing:normal !important;
}