@charset "UTF-8";
/* Tudástár lista – r1 (2026-10-15) – SistersFlow MOM Park
   A központi SistersFlow tudástár (sistersflow-central-r14.css: .sf-page-hero, .sf-search, .sf-kb-grid, .sf-kb-card) megjelenése,
   csak a tudastar.html .kbl-* blokkjaira szűkítve. A közös CSS-ekhez nem nyúl. */
:root{--kbl-green:#78937F;--kbl-dark:#2D3429;--kbl-deep:#4E5B51;--kbl-muted:#5f665f;--kbl-line:rgba(45,52,41,.13);--kbl-line-strong:rgba(45,52,41,.24);--kbl-soft:#edf2ee;--kbl-ring:rgba(120,147,127,.16);--kbl-ring-strong:rgba(120,147,127,.55);--kbl-hero-bg:linear-gradient(135deg,#eef2ee,#faf7f2)}
/* ---------- Hero (a központi .sf-page-hero mintája) ---------- */
.kbl-hero{position:relative;padding:max(40px, min(6vw, 88px)) 0 max(40px, min(5vw, 64px));background:var(--kbl-hero-bg);color:var(--kbl-dark)}
.kbl-hero .eyebrow,.kbl-head .eyebrow{color:var(--kbl-deep)!important}
.kbl-hero h1{margin:.2rem 0 .1rem;font-family:var(--serif,"Cormorant Garamond","Cormorant Fallback",Georgia,serif);font-weight:500;font-size:max(2.6rem, min(6vw, 5.4rem));line-height:1.02;letter-spacing:-.01em;color:var(--kbl-dark);text-transform:none;text-shadow:none;max-width:16ch}
.kbl-hero h1 + p{max-width:760px;margin:14px 0 0;color:var(--kbl-muted);font-size:1.05rem;line-height:1.8}

/* Gyors navigáció (a meglévő .hero-nav linkjei, világos hátterű pill-sorban) */
.kbl-hero .hero-nav{position:static;left:auto;right:auto;bottom:auto;transform:none;width:auto;max-width:none;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;margin:0 0 max(22px, min(3vw, 34px));padding:0}
.kbl-hero .hero-nav a{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:0 18px;border:1px solid var(--kbl-line);border-radius:999px;background:rgba(255,255,255,.72);color:var(--kbl-dark);font-family:var(--serif,"Cormorant Garamond","Cormorant Fallback",Georgia,serif);font-size:16px;line-height:1.2;white-space:nowrap;text-decoration:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;transition:background .2s ease,color .2s ease,border-color .2s ease}
.kbl-hero .hero-nav a:hover,.kbl-hero .hero-nav a.is-active{background:var(--kbl-dark);border-color:var(--kbl-dark);color:#fff;transform:none}
.kbl-hero .hero-nav a:focus-visible{background:var(--kbl-dark);border-color:var(--kbl-dark);color:#fff;transform:none}

/* Kereső (a központi .sf-search mintája) */
.kbl-search{display:flex;gap:10px;align-items:center;margin:24px 0 0;max-width:760px}
.kbl-search input{width:100%;min-height:52px;margin:0;border:1px solid var(--kbl-line);border-radius:999px;padding:0 20px;background:#fff;color:var(--kbl-dark);font:inherit;font-size:16px;outline:none;box-shadow:0 10px 30px rgba(43,52,45,.06);-webkit-appearance:none;appearance:none}
.kbl-search input::placeholder{color:#7b827c;opacity:1}
.kbl-search input:focus{border-color:var(--kbl-green);box-shadow:0 0 0 3px var(--kbl-ring)}
.kbl-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* ---------- Lista ---------- */
.kbl-section{padding:max(40px, min(6vw, 72px)) 0 max(56px, min(8vw, 96px));background:#fff}
.kbl-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 18px}
.kbl-head h2{margin:.2rem 0 0;font-family:var(--serif,"Cormorant Garamond","Cormorant Fallback",Georgia,serif);font-weight:500;font-size:max(1.8rem, min(3.4vw, 2.8rem));line-height:1.08;color:var(--kbl-dark);max-width:22ch}
.kbl-head p.kbl-lead{margin:10px 0 0;max-width:680px;color:var(--kbl-muted);line-height:1.7}
.kbl-count{flex:0 0 auto;margin:0;color:var(--kbl-muted);font-size:.92rem;font-weight:500;white-space:nowrap}

/* Kategóriaszűrő */
.kbl-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:0}
.kbl-chip{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:44px;margin:0;padding:0 16px;border:1px solid var(--kbl-line);border-radius:999px;background:#fff;color:var(--kbl-dark);font-family:var(--sans,"Poppins","Poppins Fallback",Arial,sans-serif);font-size:14px;font-weight:500;line-height:1.2;white-space:nowrap;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}
.kbl-chip:hover{border-color:var(--kbl-green);background:var(--kbl-soft)}
.kbl-chip[aria-pressed="true"]{background:var(--kbl-dark);border-color:var(--kbl-dark);color:#fff}
.kbl-chip:focus-visible{outline:3px solid var(--kbl-ring-strong);outline-offset:2px}
.kbl-chip .kbl-n{margin-left:7px;font-size:12px;opacity:.7}
.kbl-catdesc{margin:0 0 18px;max-width:760px;color:var(--kbl-muted);font-size:.95rem;line-height:1.7}

/* Kártyák (a központi .sf-kb-grid / .sf-kb-card mintája) */
.kbl-section .sf-kb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px 0 0}
.kbl-section .sf-kb-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;border:1px solid var(--kbl-line);border-radius:20px;padding:20px;background:#fff;color:inherit;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.kbl-section .sf-kb-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(43,52,45,.08);border-color:var(--kbl-line-strong)}
.kbl-section .sf-kb-card:focus-visible{outline:3px solid var(--kbl-ring-strong);outline-offset:3px}
.kbl-section .sf-kb-card small{display:block;color:#69716a;font-size:.8rem;font-weight:500;letter-spacing:.02em;line-height:1.4}
.kbl-section .sf-kb-card h3{margin:.5rem 0;font-family:var(--serif,"Cormorant Garamond","Cormorant Fallback",Georgia,serif);font-weight:500;font-size:1.3rem;line-height:1.22;color:var(--kbl-dark);overflow-wrap:anywhere}
.kbl-section .sf-kb-card p{margin:0;color:var(--kbl-muted);font-size:.92rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.kbl-section .sf-kb-card .kbl-badge{display:inline-flex;align-items:center;margin:0 0 8px;padding:5px 10px;border-radius:999px;background:var(--kbl-soft);color:var(--kbl-deep);font-size:.74rem;font-weight:600;line-height:1.2}
.kbl-section .sf-kb-card .kbl-more{margin-top:auto;padding-top:12px;color:var(--kbl-deep);font-size:.85rem;font-weight:600}

/* Üres találat */
.kbl-empty{margin:24px 0 0;padding:20px 22px;border-radius:20px;background:var(--kbl-soft);color:var(--kbl-dark);line-height:1.7}
.kbl-empty a{display:inline-flex;align-items:center;min-height:44px;margin-top:10px;padding:0 18px;border-radius:999px;background:var(--kbl-dark);color:#fff;font-weight:600;text-decoration:none}

.kbl-section [hidden],.kbl-hero [hidden]{display:none!important}

/* ---------- Tablet ---------- */
@media (max-width:900px){
  .kbl-section .sf-kb-grid{grid-template-columns:1fr 1fr}
  .kbl-head{flex-direction:column;align-items:flex-start;gap:8px}
}
/* ---------- Mobil ---------- */
/* A sablon mobilon (≤760 px) a .container belső margóját nullázza, és a .section kapja a 16 px-t (ux-r22–24) – itt ugyanez */
@media (max-width:760px){
  .kbl-hero,.kbl-section{padding-left:16px;padding-right:16px}
  .kbl-hero .container,.kbl-section .container{padding-left:0;padding-right:0}
}
@media (max-width:640px){
  .kbl-hero{padding-top:32px;padding-bottom:36px}
  .kbl-hero h1{font-size:max(2.3rem, min(11vw, 3rem))}
  .kbl-hero h1 + p{font-size:1rem;line-height:1.7}
  .kbl-filters{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}
  .kbl-filters::-webkit-scrollbar{display:none}
  .kbl-section{padding-top:32px;padding-bottom:56px}
  .kbl-section .sf-kb-grid{grid-template-columns:1fr;gap:14px}
  .kbl-section .sf-kb-card{padding:18px}
}
@media (prefers-reduced-motion:reduce){
  .kbl-section .sf-kb-card,.kbl-chip,.kbl-hero .hero-nav a{transition:none}
  .kbl-section .sf-kb-card:hover{transform:none}
}