@charset "UTF-8";
/* Tudástár cikkoldal – r1 (2026-10-15) – SistersFlow MOM Park
   A központi oldal (Fo_weboldal/uj/tudastar-cikk-r1.css) buborékos cikkmegjelenése a MOM szerkezetéhez igazítva:
   itt a hero közvetlenül a <main> gyermeke (nincs .sf-article burok), ezért a kártya-margót a hero kapja.
   Szkóp: csak a .knowledge-article-hero / .article-shell / .article-page elemek és a JS által adott body.sf-cikk osztály. */

body.sf-cikk{--sfc-radius:26px}
.sf-article:has(.knowledge-article-hero){--sfc-radius:26px}

/* ---------- Oldalháttér ---------- */
body.sf-cikk #main-content,
body.sf-cikk main{background:linear-gradient(180deg,#f3efe8 0,#f8f6f2 360px,#fbfaf7 100%)}
body.sf-cikk #main-content > .sf-section{padding-top:max(18px, min(3vw, 36px)) !important;padding-bottom:max(48px, min(7vw, 90px)) !important}
body #main-content > .knowledge-article-hero.hero{width:calc(100% - 2 * max(16px, min(4vw, 40px))) !important;max-width:1180px!important;margin:max(14px, min(2vw, 24px)) auto 0 !important}

/* ---------- Hero: lekerekített képkártya, alul sötétítő átmenet ---------- */
body .knowledge-article-hero.hero{
  position:relative!important;
  display:flex!important;
  align-items:flex-end!important;
  min-height:max(380px, min(56vh, 540px)) !important;
  margin:0!important;
  border-radius:max(22px, min(3vw, 34px)) !important;
  overflow:hidden!important;
  isolation:isolate;
  background:#2d3429;
  box-shadow:0 24px 60px rgba(34,40,34,.16);
}
body .knowledge-article-hero .hero-media{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;inset:0!important;z-index:0}
body .knowledge-article-hero .hero-media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 55%}
body .knowledge-article-hero .hero-media::after{
  content:""!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;inset:0!important;
  background:linear-gradient(180deg,rgba(20,24,20,.12) 0%,rgba(20,24,20,.38) 38%,rgba(20,24,20,.74) 78%,rgba(20,24,20,.86) 100%)!important;
}
body .knowledge-article-hero.hero .hero-content{
  position:relative!important;z-index:1!important;
  width:100%!important;max-width:860px!important;
  margin:0!important;
  padding:max(28px, min(5vw, 64px)) max(22px, min(5vw, 64px)) max(28px, min(4.5vw, 56px)) !important;
  text-align:left!important;
  color:#fff;
}
body .knowledge-article-hero .hero-kicker{
  display:inline-flex!important;align-items:center;gap:8px;
  margin:0 0 14px!important;padding:6px 13px;
  border:1px solid rgba(255,255,255,.34);border-radius:999px;
  background:rgba(255,255,255,.14);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  color:#fff!important;font-size:11.5px!important;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 6px rgba(0,0,0,.35);
}
body .knowledge-article-hero .hero-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:#f0b081;flex:0 0 auto}
body .knowledge-article-hero.hero h1{
  margin:0 0 14px!important;
  color:#fff!important;
  font-size:max(2.3rem, min(4.6vw, 3.9rem)) !important;
  line-height:1.04!important;letter-spacing:-.015em!important;
  text-shadow:0 2px 24px rgba(0,0,0,.25);
  max-width:22ch;
}
body .knowledge-article-hero .hero-description{
  margin:0!important;max-width:640px!important;
  color:rgba(255,255,255,.92)!important;
  font-size:max(1rem, min(.95rem + .35vw, 1.18rem)) !important;line-height:1.6!important;
  text-shadow:0 1px 12px rgba(0,0,0,.25);
}

/* Morzsamenü pill-ekben (a "·" elválasztó helyett nyíl) */
body .knowledge-article-hero .article-breadcrumb{
  display:flex!important;flex-wrap:wrap;justify-content:flex-start!important;align-items:center;gap:8px!important;
  margin:0 0 18px!important;font-size:12.5px!important;color:#fff!important;
}
body .knowledge-article-hero .article-breadcrumb > a,
body .knowledge-article-hero .article-breadcrumb > span:last-child{
  display:inline-flex;align-items:center;min-height:32px;padding:5px 13px;
  border-radius:999px;border:1px solid rgba(255,255,255,.30);
  background:rgba(20,24,20,.28);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  color:#fff!important;text-decoration:none!important;font-weight:500;line-height:1.2;
  transition:background .2s ease,border-color .2s ease;
}
body .knowledge-article-hero .article-breadcrumb > a:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.6)}
body .knowledge-article-hero .article-breadcrumb > a::before{content:"←";margin-right:6px;opacity:.85}
body .knowledge-article-hero .article-breadcrumb > a + span:not(:last-child){display:none!important}
body .knowledge-article-hero .article-breadcrumb > span:last-child{background:transparent;border-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding-left:4px;padding-right:4px;padding-inline:4px;color:rgba(255,255,255,.9)!important;text-shadow:0 1px 8px rgba(0,0,0,.55)}

/* JS: olvasási idő pill a hero alján */
body .knowledge-article-hero .sfc-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
body .knowledge-article-hero .sfc-meta span.sfc-pill{
  display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;
  background:rgba(255,255,255,.92);color:#26302a;font-size:12.5px;font-weight:600;line-height:1.2;
}
body .knowledge-article-hero .sfc-meta span.sfc-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:#78937f}

/* ---------- Cikktest: olvasható hasáb ---------- */
body .article-shell{padding:max(26px, min(4vw, 48px)) 0 0 !important;background:transparent!important}
body .article-shell .article-container{
  max-width:760px!important;margin-left:auto!important;margin-right:auto!important;margin-inline:auto!important;padding:0!important;
  counter-reset:sfc-block;
}
html.sf-old body .article-shell p,html.sf-old body .article-shell li{overflow-wrap:break-word}
body .article-shell :where(p,li){overflow-wrap:break-word}

/* Lead: ha a hero-leírással azonos, a JS elrejti; különben „Röviden” buborék */
body .article-shell .article-lead{
  position:relative;margin:0 0 22px!important;
  padding:max(20px, min(3.4vw, 30px)) max(20px, min(3.6vw, 34px));
  border-radius:var(--sfc-radius,26px);
  background:linear-gradient(135deg,#eef3ef 0%,#fbfaf7 100%);
  border:1px solid rgba(120,147,127,.22);
  color:#26302a!important;
  font-family:var(--serif,"Cormorant Garamond","Cormorant Fallback",Georgia,serif)!important;
  font-size:max(1.3rem, min(1.1rem + .8vw, 1.6rem)) !important;line-height:1.38!important;
}
body .article-shell .article-lead.sfc-lead-dup{display:none!important}
body .article-shell .sfc-label{
  display:inline-flex;align-items:center;gap:7px;margin:0 0 10px;
  font-family:var(--sans,"Poppins","Poppins Fallback",Arial,sans-serif);font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#4e5b51;
}
body .article-shell .sfc-label::before{content:"";width:7px;height:7px;border-radius:50%;background:#d99a6b}
body .article-shell .article-lead .sfc-label{display:flex}

/* Tartalomjegyzék-buborék (JS) */
body .article-shell .sfc-toc{
  margin:0 0 22px;padding:max(20px, min(3.4vw, 28px)) max(20px, min(3.6vw, 32px));
  border-radius:var(--sfc-radius,26px);background:#fff;border:1px solid rgba(78,91,81,.14);
  box-shadow:0 14px 40px rgba(45,52,41,.07);
}
body .article-shell .sfc-toc ol{list-style:none;margin:4px 0 0;padding:0;counter-reset:sfc-toc;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px}
body .article-shell .sfc-toc li{counter-increment:sfc-toc;margin:0;padding:0}
body .article-shell .sfc-toc li::before{content:none!important}
body .article-shell .sfc-toc a{
  display:flex;gap:10px;align-items:flex-start;min-height:44px;padding:10px 12px;border-radius:14px;
  color:#26302a!important;text-decoration:none!important;font-size:15px;line-height:1.4;font-weight:500;
  transition:background .2s ease,color .2s ease;
}
body .article-shell .sfc-toc a::before{
  content:counter(sfc-toc,decimal-leading-zero);flex:0 0 auto;
  font-size:12px;font-weight:600;color:#5a7262;padding-top:2px;letter-spacing:.04em;
}
body .article-shell .sfc-toc a:hover{background:#eef3ef;color:#2d3429!important}
body .article-shell .sfc-toc a:focus-visible{background:#eef3ef;color:#2d3429!important}

/* Szekció-buborékok */
body .article-shell .article-block{
  position:relative;counter-increment:sfc-block;
  margin:0 0 18px!important;
  padding:max(22px, min(3.8vw, 36px)) max(20px, min(4vw, 40px)) !important;
  border:1px solid rgba(78,91,81,.13)!important;border-top:1px solid rgba(78,91,81,.13)!important;
  border-radius:var(--sfc-radius,26px)!important;
  background:#fff!important;
  box-shadow:0 14px 40px rgba(45,52,41,.06);
  scroll-margin-top:calc(var(--announcement-h,30px) + var(--header-h,72px) + 18px);
}
body .article-shell .article-block:nth-of-type(even){background:linear-gradient(135deg,#f2f6f2 0%,#ffffff 70%)!important}
body .article-shell .article-block > h2{
  position:relative;
  margin:0 0 .65em!important;padding-left:54px;
  color:#2d3429!important;
  font-size:max(1.55rem, min(1.25rem + 1.2vw, 2rem)) !important;line-height:1.15!important;letter-spacing:-.005em!important;
  scroll-margin-top:calc(var(--announcement-h,30px) + var(--header-h,72px) + 18px);
}
body .article-shell .article-block > h2::before{
  content:counter(sfc-block,decimal-leading-zero);
  position:absolute;left:0;top:50%;transform:translateY(-50%);
  display:grid;place-items:center;width:40px;height:40px;border-radius:50%;
  background:#4e5b51;color:#fff;
  font-family:var(--sans,"Poppins","Poppins Fallback",Arial,sans-serif);font-size:13px;font-weight:600;letter-spacing:.02em;
  box-shadow:0 6px 16px rgba(78,91,81,.25);
}
html.sf-old body .article-shell .article-block h3{margin:1.3em 0 .4em!important;color:#2d3429!important;font-size:max(1.2rem, min(1.1rem + .4vw, 1.4rem)) !important;line-height:1.25!important}
body .article-shell .article-block :where(h3){margin:1.3em 0 .4em!important;color:#2d3429!important;font-size:max(1.2rem, min(1.1rem + .4vw, 1.4rem)) !important;line-height:1.25!important}
html.sf-old body .article-shell .article-block p,html.sf-old body .article-shell .article-block li{
  color:#39423b!important;
  font-size:max(1.0625rem, min(1rem + .2vw, 1.125rem)) !important;line-height:1.72!important;
  max-width:none!important;
}
body .article-shell .article-block :where(p,li){
  color:#39423b!important;
  font-size:max(1.0625rem, min(1rem + .2vw, 1.125rem)) !important;line-height:1.72!important;
  max-width:none!important;
}
body .article-shell .article-block p{margin:0!important}
body .article-shell .article-block p + p{margin-top:.9em!important}
html.sf-old body .article-shell .article-block ul + p,html.sf-old body .article-shell .article-block ol + p{margin-top:.9em!important}
body .article-shell .article-block :where(ul,ol) + p{margin-top:.9em!important}
html.sf-old body .article-shell .article-block p + ul,html.sf-old body .article-shell .article-block p + ol{margin-top:.9em!important}
body .article-shell .article-block p + :where(ul,ol){margin-top:.9em!important}
html.sf-old body .article-shell .article-block strong,html.sf-old body .article-shell .article-block b{color:#26302a;font-weight:600}
body .article-shell .article-block :where(strong,b){color:#26302a;font-weight:600}
body .article-shell .article-block a:not(.btn){color:#4e5b51!important;text-decoration:underline;text-decoration-color:rgba(120,147,127,.5);text-underline-offset:3px;font-weight:500}
body .article-shell .article-block a:not(.btn):hover{text-decoration-color:#4e5b51}

/* Listák szép pöttyökkel */
body .article-shell .article-block ul{list-style:none!important;margin:.4em 0 0!important;padding:0!important}
body .article-shell .article-block ul > li{position:relative;padding-left:1.55em!important;margin:0 0 .45em!important}
body .article-shell .article-block ul > li::before{
  content:"";position:absolute;left:.2em;top:.62em;width:.5em;height:.5em;border-radius:50%;
  background:#78937f;box-shadow:0 0 0 4px rgba(120,147,127,.16);
}
body .article-shell .article-block ol{margin:.4em 0 0!important;padding-left:1.4em!important}
body .article-shell .article-block ol > li{padding-left:.3em;margin:0 0 .45em!important}
body .article-shell .article-block ol > li::marker{color:#4e5b51;font-weight:600}
body .article-shell .article-block blockquote{
  margin:1em 0 0;padding:16px 20px;border-left:4px solid #d99a6b;border-radius:0 16px 16px 0;background:#f8f3ee;
  font-family:var(--serif,"Cormorant Garamond","Cormorant Fallback",Georgia,serif);font-size:1.3rem;line-height:1.4;color:#2d3429;
}
body .article-shell .article-block img{border-radius:18px;margin-top:1em}
body .article-shell .article-block table{width:100%;border-collapse:collapse;margin-top:1em;font-size:.95rem;display:block;overflow-x:auto}
html.sf-old body .article-shell .article-block th,html.sf-old body .article-shell .article-block td{padding:10px 12px;border-bottom:1px solid rgba(78,91,81,.14);text-align:left}
body .article-shell .article-block :where(th,td){padding:10px 12px;border-bottom:1px solid rgba(78,91,81,.14);text-align:left}

/* GYIK / lenyitható elemek (ha egy cikkben megjelenik) */
html.sf-old body .article-shell .article-faq,html.sf-old body .article-shell .faq,html.sf-old body .article-shell .details-list{margin:0 0 18px}
body .article-shell :where(.article-faq,.faq,.details-list){margin:0 0 18px}
body .article-shell details{
  margin:0 0 10px;border:1px solid rgba(78,91,81,.14);border-radius:20px;background:#fff;
  box-shadow:0 8px 24px rgba(45,52,41,.05);overflow:hidden;
}
body .article-shell details > summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;
  min-height:56px;padding:14px 20px;color:#2d3429;font-weight:600;font-size:1.02rem;line-height:1.4;
}
body .article-shell details > summary::-webkit-details-marker{display:none}
body .article-shell details > summary::after{
  content:"+";flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;
  background:#eef3ef;color:#4e5b51;font-size:18px;font-weight:500;transition:transform .2s ease;
}
body .article-shell details[open] > summary::after{content:"–"}
body .article-shell details > :not(summary){padding:0 20px 18px;margin:0;color:#39423b;font-size:1.02rem;line-height:1.7}

/* ---------- Záró CTA-buborék (meglévő .article-cta és a JS-féle .sfc-end) ---------- */
body .article-shell .article-cta,
body.sf-cikk .sfc-end{
  position:relative;overflow:hidden;
  margin:30px 0 0!important;
  padding:max(26px, min(4.4vw, 44px)) max(22px, min(4.4vw, 44px)) !important;
  border-radius:max(24px, min(3vw, 32px)) !important;border:0!important;
  background:radial-gradient(120% 140% at 100% 0%,rgba(240,176,129,.28) 0%,rgba(240,176,129,0) 46%),linear-gradient(135deg,#4e5b51 0%,#2d3429 100%)!important;
  color:#fff!important;text-align:left;
  box-shadow:0 24px 60px rgba(34,44,36,.22);
}
body .article-shell .article-cta .eyebrow,
body.sf-cikk .sfc-end .sfc-end-eyebrow{
  display:inline-flex;align-items:center;gap:8px;margin:0 0 12px!important;
  color:rgba(255,255,255,.86)!important;font-size:11.5px!important;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
}
body .article-shell .article-cta .eyebrow::before,
body.sf-cikk .sfc-end .sfc-end-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:#f0b081}
body .article-shell .article-cta h2{margin:0 0 10px!important;color:#fff!important;font-size:max(1.8rem, min(1.4rem + 1.6vw, 2.6rem)) !important;line-height:1.08!important}
body .article-shell .article-cta p:not(.eyebrow){margin:0 0 22px!important;max-width:560px;color:rgba(255,255,255,.86)!important;font-size:1.05rem!important;line-height:1.65!important}
body .article-shell .article-cta > div,
body.sf-cikk .sfc-end .sfc-end-actions{display:flex!important;flex-wrap:wrap;gap:10px!important;align-items:center}
body .article-shell .article-cta a,
body.sf-cikk .sfc-end a{
  display:inline-flex!important;align-items:center;justify-content:center;gap:8px;
  min-height:50px;padding:0 22px!important;border-radius:999px!important;
  font-size:14.5px!important;font-weight:600!important;letter-spacing:.01em;text-decoration:none!important;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;
}
body .article-shell .article-cta a.button-primary,
body.sf-cikk .sfc-end a.sfc-btn-primary{background:#f0b081!important;color:#23342a!important;border:1px solid #f0b081!important;box-shadow:0 12px 30px rgba(0,0,0,.18)}
body .article-shell .article-cta a.button-secondary,
body.sf-cikk .sfc-end a.sfc-btn-secondary{background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(255,255,255,.55)!important}
body .article-shell .article-cta a.sfc-btn-ghost,
body.sf-cikk .sfc-end a.sfc-btn-ghost{background:transparent!important;color:rgba(255,255,255,.9)!important;border:1px solid transparent!important;padding:0 12px!important;text-decoration:underline!important;text-underline-offset:4px}
body .article-shell .article-cta a:hover,
body.sf-cikk .sfc-end a:hover{transform:translateY(-2px)}
body .article-shell .article-cta a:focus-visible{outline:3px solid #f0b081!important;outline-offset:3px}
body.sf-cikk .sfc-end a:focus-visible{outline:3px solid #f0b081!important;outline-offset:3px}

/* A JS-féle záró buborék az üres (csak hero) cikkeknél is */
body.sf-cikk .sfc-end{max-width:760px;margin:max(22px, min(4vw, 36px)) auto 0 !important}
body.sf-cikk .sfc-end .sfc-end-title{margin:0 0 18px;font-family:var(--serif,"Cormorant Garamond","Cormorant Fallback",Georgia,serif);font-size:max(1.7rem, min(1.3rem + 1.4vw, 2.4rem));font-weight:500;line-height:1.1;color:#fff}

/* Régi „Vissza a Tudástárhoz” sor: ha a JS a CTA-ba tette, rejtjük */
body.sf-cikk .article-shell .article-back.sfc-merged{display:none!important}
body .article-shell .article-back{margin:18px 0 0;text-align:center}
body .article-shell .article-back a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(78,91,81,.18);background:#fff;color:#2d3429!important;text-decoration:none!important;font-weight:500}

/* Alsó pill-navigáció */
body.sf-cikk .sf-article-nav{
  display:flex!important;flex-wrap:wrap;justify-content:center;gap:10px!important;
  max-width:760px;margin:max(22px, min(4vw, 34px)) auto 0 !important;
}
body .sf-article:has(.knowledge-article-hero) .sf-article-nav{
  display:flex!important;flex-wrap:wrap;justify-content:center;gap:10px!important;
  max-width:760px;margin:max(22px, min(4vw, 34px)) auto 0 !important;
}
body.sf-cikk .sf-article-nav a{
  display:inline-flex;align-items:center;min-height:44px;padding:0 18px!important;border-radius:999px!important;
  border:1px solid rgba(78,91,81,.18)!important;background:#fff;color:#2d3429!important;
  font-size:14px;font-weight:500;text-decoration:none!important;
  box-shadow:0 6px 18px rgba(45,52,41,.05);transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
body .sf-article:has(.knowledge-article-hero) .sf-article-nav a{
  display:inline-flex;align-items:center;min-height:44px;padding:0 18px!important;border-radius:999px!important;
  border:1px solid rgba(78,91,81,.18)!important;background:#fff;color:#2d3429!important;
  font-size:14px;font-weight:500;text-decoration:none!important;
  box-shadow:0 6px 18px rgba(45,52,41,.05);transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
body.sf-cikk .sf-article-nav a:hover{background:#eef3ef;border-color:rgba(78,91,81,.32);transform:translateY(-1px)}
body .sf-article:has(.knowledge-article-hero) .sf-article-nav a:hover{background:#eef3ef;border-color:rgba(78,91,81,.32);transform:translateY(-1px)}

/* Olvasási folyamatjelző (JS) */
.sfc-progress{position:fixed;left:0;top:0;height:3px;width:100%;z-index:1101;pointer-events:none;background:transparent}
.sfc-progress > i{display:block;height:100%;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#78937f,#d99a6b)}

/* Nyelvpárok: a language-r24.js a hidden attribútummal vált */
body.sf-cikk [data-hu][hidden],
body.sf-cikk [data-en][hidden]{display:none!important}

/* ---------- Tablet ---------- */
@media (max-width:900px){
  body .article-shell .sfc-toc ol{grid-template-columns:1fr}
}

/* ---------- Mobil ---------- */
@media (max-width:760px){
  body.sf-cikk #main-content > .sf-section{padding-top:12px!important;padding-bottom:48px!important;padding-left:0!important;padding-right:0!important}
  body #main-content > .knowledge-article-hero.hero{width:calc(100% - 24px)!important;margin-top:12px!important}
  /* a sablon mobilon nullázza a .container belső margóját – a cikktörzs itt kapja vissza */
  body.sf-cikk .article-page .container,
  body.sf-cikk .related-knowledge .container{padding-left:16px!important;padding-right:16px!important}
  body .knowledge-article-hero.hero,
  body .knowledge-article-hero.hero.hero-unified{min-height:max(340px, min(58vh, 460px))!important;min-height:max(340px, min(58svh, 460px)) !important;border-radius:24px!important}
  body .knowledge-article-hero.hero .hero-content,
  body .knowledge-article-hero.hero.hero-unified .hero-content{padding:24px 20px 24px!important}
  body .knowledge-article-hero.hero h1,
  body .knowledge-article-hero.hero.hero-unified h1{font-size:max(1.95rem, min(8.6vw, 2.5rem)) !important;line-height:1.06!important;letter-spacing:-.01em!important;max-width:none}
  body .knowledge-article-hero .hero-description{font-size:15.5px!important;line-height:1.6!important;margin-left:0!important;margin-right:0!important;margin-inline:0!important}
  body .knowledge-article-hero .article-breadcrumb{margin-bottom:14px!important}
  body .knowledge-article-hero .hero-kicker{margin-bottom:12px!important;font-size:10.5px!important}
  body .article-shell{padding-top:18px!important}
  body .article-shell .article-container{padding-left:16px!important;padding-right:16px!important;padding-inline:16px!important}
  body .article-shell .article-block{padding:22px 18px!important;margin-bottom:14px!important;border-radius:22px!important}
  body .article-shell .article-block > h2{padding-left:0;padding-top:46px;font-size:max(1.5rem, min(6.6vw, 1.8rem)) !important}
  body .article-shell .article-block > h2::before{top:0;transform:none;width:36px;height:36px;font-size:12px}
  html.sf-old body .article-shell .article-block p,html.sf-old body .article-shell .article-block li{font-size:1.0625rem!important;line-height:1.7!important}
body .article-shell .article-block :where(p,li){font-size:1.0625rem!important;line-height:1.7!important}
  body .article-shell .sfc-toc,
  body .article-shell .article-lead{border-radius:22px}
  body .article-shell .sfc-toc a{padding:10px 8px}
  body .article-shell .article-cta,
  body.sf-cikk .sfc-end{border-radius:24px!important;padding:26px 20px!important}
  body .article-shell .article-cta > div,
  body.sf-cikk .sfc-end .sfc-end-actions{display:grid!important;grid-template-columns:1fr!important}
  body .article-shell .article-cta a,
  body.sf-cikk .sfc-end a{width:100%!important}
  body.sf-cikk .sf-article-nav{justify-content:flex-start}
body .sf-article:has(.knowledge-article-hero) .sf-article-nav{justify-content:flex-start}
}

@media (prefers-reduced-motion:reduce){
  body .article-shell .article-cta a,body.sf-cikk .sfc-end a,body.sf-cikk .sf-article-nav a{transition:none!important}
  .sfc-progress{display:none}
}
@media print{
  .sfc-progress,body .article-shell .sfc-toc,body.sf-cikk .sfc-end{display:none!important}
  body .article-shell .article-block{box-shadow:none!important;break-inside:avoid}
}

/* MOM: a csak heroból álló cikkeknél (hatha-joga, noi-joga) a záró buborék közvetlenül a <main>-ben van – oldalmargó + alsó térköz */
body.sf-cikk #main-content > .sfc-end{width:calc(100% - 2 * max(16px, min(4vw, 40px))) !important;margin-bottom:max(40px, min(6vw, 72px)) !important}
@media (max-width:760px){
  body.sf-cikk #main-content > .sfc-end{width:calc(100% - 24px)!important}
}

/* r2 2026-10-18: "Olvass tovabb" kartya mobilon/kis tableten (<=760px):
   a regi 100px-es keposzlop-szabaly a flex-oszlopos kartyan uresen hagyta a jobb oldalt.
   Kep felul, teljes szelessegben, egyseges 16/10 vagassal; alatta a szoveg. Asztali nezet valtozatlan. */
@media (max-width:760px){
  body .related-knowledge .knowledge-card{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;min-height:0!important}
  body .related-knowledge .knowledge-card > img{display:block!important;flex:0 0 auto!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16/10!important;object-fit:cover!important;object-position:center!important}
  body .related-knowledge .knowledge-card > span{flex:1 1 auto;width:100%}
}