/* RLX — hand-built theme. Bone paper, olive-sage, charcoal ink, clay trail. */
:root{
  --csont:#f8f6f1;
  --csont-mely:#efebe2;
  --zsalya:#8a9a5b;
  --zsalya-sotet:#56632f;
  --zsalya-halvany:#eceee2;
  --zsalya-vonal:#d9ddc8;
  --tinta:#2b2d2f;
  --tinta-halk:#5f6163;
  --agyag:#d9b8a0;
  --agyag-sotet:#9a6b4c;
  --vonal:#e2ddd2;
  --feher:#fffdf9;
  --kerek:22px;
  --szel:1180px;
  --cim:"Comfortaa",ui-rounded,"Trebuchet MS",sans-serif;
  --szoveg:"Kurale",Georgia,"Times New Roman",serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--csont);color:var(--tinta);font-family:var(--szoveg);font-size:1.125rem;line-height:1.65;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--zsalya-sotet);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--tinta)}
h1,h2,h3{font-family:var(--cim);font-weight:700;line-height:1.18;color:var(--tinta);letter-spacing:-.01em}
:focus-visible{outline:2px solid var(--zsalya-sotet);outline-offset:3px;border-radius:6px}
.ugras{position:absolute;left:-999px;top:8px;background:var(--tinta);color:var(--csont);padding:8px 14px;border-radius:10px;z-index:10}
.ugras:focus{left:16px}

/* header */
.fejsor-belso{max-width:var(--szel);margin:0 auto;padding:26px 32px 18px;display:flex;align-items:center;gap:34px;flex-wrap:wrap}
.szojel{font-family:var(--cim);font-weight:700;font-size:2.9rem;line-height:1;color:var(--tinta);text-decoration:none;display:inline-flex;align-items:flex-end;gap:5px}
.szojel:hover{color:var(--tinta)}
.szojel-pont{width:.24em;height:.24em;border-radius:50%;background:var(--zsalya);margin-bottom:.08em}
.szojel-kicsi{font-size:1.9rem}
.fomenu{position:relative;padding-left:34px}
.fomenu::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:1px;background:var(--vonal)}
.fomenu ul{list-style:none;margin:0;padding:0;display:flex;gap:6px 24px;flex-wrap:wrap}
.fomenu a{font-family:var(--cim);font-weight:600;font-size:.95rem;color:var(--tinta);text-decoration:none;padding:4px 0;border-bottom:1px solid transparent}
.fomenu a:hover{border-bottom-color:var(--zsalya)}

/* buttons */
.gomb{font-family:var(--cim);font-weight:700;font-size:1rem;border:0;border-radius:999px;background:var(--tinta);color:var(--csont);padding:13px 28px;cursor:pointer;transition:background .2s}
.gomb:hover{background:#45484b}
.gomb[aria-pressed="true"]{background:var(--zsalya-sotet)}
.gomb-halk{background:transparent;color:var(--tinta);border:1px solid var(--tinta);padding:9px 20px;font-size:.92rem}
.gomb-halk:hover{background:var(--tinta);color:var(--csont)}
.gomb-halk.fut{background:var(--zsalya-halvany);border-color:var(--zsalya-sotet);color:var(--zsalya-sotet)}

/* breathing hero */
.legzo{max-width:var(--szel);margin:0 auto;padding:36px 32px 80px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px;align-items:center}
.legzo h1{font-size:clamp(2.2rem,4.4vw,3.6rem);margin:0 0 20px}
.legzo-bevezeto p{margin:0 0 14px;color:var(--tinta-halk);font-size:1.2rem;max-width:34ch}
.mod-valaszto{display:inline-flex;flex-wrap:wrap;gap:4px;padding:5px;border:1px solid var(--vonal);border-radius:999px;background:var(--feher);margin:18px 0 22px}
.mod-valaszto button{font-family:var(--cim);font-weight:700;font-size:.9rem;border:0;background:transparent;color:var(--tinta);padding:10px 16px;border-radius:999px;cursor:pointer}
.mod-valaszto button span{font-weight:400;color:var(--tinta-halk);margin-left:4px}
.mod-valaszto button[aria-checked="true"]{background:var(--zsalya);color:#fff}
.mod-valaszto button[aria-checked="true"] span{color:#f3f4ec}
.pacer-lepesek{margin:0 0 10px;padding:0;list-style:none;counter-reset:lep}
.pacer-lepesek li{counter-increment:lep;display:flex;gap:12px;align-items:baseline;padding:6px 0;color:var(--tinta-halk)}
.pacer-lepesek li::before{content:counter(lep);font-family:var(--cim);font-weight:700;font-size:.85rem;width:26px;height:26px;flex:none;border-radius:50%;border:1px solid var(--vonal);display:inline-grid;place-items:center;color:var(--tinta)}
.pacer-lepesek li.aktiv{color:var(--tinta)}
.pacer-lepesek li.aktiv::before{background:var(--agyag);border-color:var(--agyag)}
.mod-megjegyzes{font-size:.98rem;color:var(--tinta-halk);margin:8px 0 0;max-width:40ch}

.pacer{background:var(--feher);border:1px solid var(--vonal);border-radius:36px;padding:28px 28px 24px;box-shadow:0 30px 60px -40px rgba(43,45,47,.35)}
.pacer-rajz{position:relative;max-width:440px;margin:0 auto}
.pacer svg{width:100%;height:auto;display:block;overflow:visible}
.pacer-alak[hidden]{display:none}
.pacer-ut{fill:none;stroke:var(--vonal);stroke-width:7;stroke-linecap:round}
.pacer-ut.aktiv{stroke:var(--zsalya-vonal)}
.pacer-nyom{fill:none;stroke:var(--agyag);stroke-width:7;stroke-linecap:round}
.pacer-pont{fill:var(--zsalya-sotet);stroke:var(--feher);stroke-width:4}
.pacer-cimke{font-family:var(--cim);font-size:11px;font-weight:600;fill:var(--tinta-halk);text-anchor:middle;dominant-baseline:middle}
.pacer-kozep{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;text-align:center}
.pacer[data-mod="478"] .pacer-kozep{inset:0 30% 30% 0;padding:0 0 0 20%}
.pacer-szo{font-family:var(--cim);font-weight:700;font-size:clamp(1.4rem,3.2vw,2.1rem);color:var(--tinta)}
.pacer-szam{font-family:var(--cim);font-size:1.15rem;color:var(--tinta-halk);min-height:1.5em;font-variant-numeric:tabular-nums}
.pacer-vezerlo{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center;margin-top:18px}
.pacer-kor{font-size:.95rem;color:var(--tinta-halk)}

/* rest minutes */
.pihenok{background:var(--zsalya-halvany);padding:72px 32px 84px}
.pihenok>h2,.pihenok-bev,.pihenok-sor{max-width:var(--szel);margin-left:auto;margin-right:auto}
.pihenok>h2{font-size:clamp(1.9rem,3.2vw,2.6rem);margin-top:0;margin-bottom:12px}
.pihenok-bev{color:var(--tinta-halk);margin-bottom:36px}
.pihenok-bev{max-width:min(var(--szel),100%)}
.pihenok-sor{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.piheno{background:var(--feher);border:1px solid var(--zsalya-vonal);border-radius:var(--kerek);padding:28px 26px 24px;display:flex;flex-direction:column}
.piheno-fej{display:flex;align-items:baseline;gap:8px}
.piheno-perc{font-family:var(--cim);font-weight:700;font-size:4rem;line-height:1;color:var(--zsalya-sotet)}
.piheno-egyseg{font-family:var(--cim);font-weight:600;color:var(--tinta-halk)}
.piheno h3{font-size:1.25rem;margin:16px 0 8px}
.piheno p{margin:0 0 20px;color:var(--tinta-halk);font-size:1.02rem}
.piheno-ora{margin-top:auto;display:flex;align-items:center;gap:14px}
.piheno-ora svg{width:44px;height:44px;transform:rotate(-90deg);flex:none}
.gyuru-alap{fill:none;stroke:var(--zsalya-vonal);stroke-width:3}
.gyuru{fill:none;stroke:var(--agyag-sotet);stroke-width:3;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100}
.piheno-ido{font-family:var(--cim);font-weight:700;font-variant-numeric:tabular-nums;min-width:3.2em}
.piheno.vege .piheno-ido{color:var(--zsalya-sotet)}

/* topic sections */
.temak{max-width:var(--szel);margin:0 auto;padding:84px 32px 40px}
.tema{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start;padding:0 0 76px}
.tema+.tema{padding-top:76px;border-top:1px solid var(--vonal)}
.tema-2 .tema-fej,.tema-4 .tema-fej{order:2}
.tema-kep{margin:0 0 22px;border-radius:var(--kerek);overflow:hidden;background:var(--csont-mely);aspect-ratio:3/2}
.tema-kep img{width:100%;height:100%;object-fit:cover}
.tema-fej h2{font-size:clamp(1.8rem,3vw,2.4rem);margin:0 0 10px}
.tema-fej p{margin:0;color:var(--tinta-halk)}
.tema-irasok{list-style:none;margin:0;padding:0}
.tema-irasok li{padding:20px 0;border-bottom:1px solid var(--vonal);display:grid;grid-template-columns:1fr auto;gap:4px 24px}
.tema-irasok li:first-child{padding-top:4px}
.tema-irasok a{font-family:var(--cim);font-weight:600;font-size:1.12rem;line-height:1.35;color:var(--tinta);text-decoration:none}
.tema-irasok a:hover{color:var(--zsalya-sotet);text-decoration:underline}
.tema-datum{font-size:.9rem;color:var(--tinta-halk);white-space:nowrap;padding-top:2px}
.tema-kivonat{grid-column:1/-1;color:var(--tinta-halk);font-size:1rem}

/* article */
.iras{max-width:760px;margin:0 auto;padding:40px 32px 80px}
.iras-utvonal{font-family:var(--cim);font-size:.9rem;margin:0 0 18px;color:var(--tinta-halk)}
.iras-utvonal a{color:var(--tinta-halk);text-decoration:none}
.iras-utvonal a:hover{color:var(--tinta);text-decoration:underline}
.iras h1{font-size:clamp(2rem,4.4vw,3rem);margin:0 0 14px}
.iras-datum{margin:0 0 18px;color:var(--tinta-halk);font-size:.98rem}
.iras-lead{font-size:1.28rem;line-height:1.55;margin:0 0 30px}
.probald{background:var(--zsalya-halvany);border:1px solid var(--zsalya-vonal);border-radius:28px;padding:26px 28px 24px;margin:0 0 40px}
.probald-fej h2{font-size:1.35rem;margin:0}
.probald-alcim{margin:4px 0 14px;color:var(--tinta-halk)}
.probald-lepesek{margin:0 0 18px;padding-left:1.3em}
.probald-lepesek li{margin:4px 0}
.probald-lepesek li::marker{font-family:var(--cim);font-weight:700;color:var(--zsalya-sotet)}
.probald-ora{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.probald-ido{font-family:var(--cim);font-weight:700;font-variant-numeric:tabular-nums}
.iras-kep{margin:0 0 36px;border-radius:var(--kerek);overflow:hidden}
.iras-torzs{font-size:1.16rem}
.iras-torzs h2{font-size:1.6rem;margin:2.2em 0 .6em}
.iras-torzs h3{font-size:1.25rem;margin:1.8em 0 .5em}
.iras-torzs p,.iras-torzs ul,.iras-torzs ol{margin:0 0 1.1em}
.iras-torzs li{margin:.35em 0}
.iras-torzs blockquote{margin:1.6em 0;padding:18px 24px;background:var(--feher);border:1px solid var(--vonal);border-radius:18px;font-size:1.1rem}
.iras-torzs blockquote p:last-child{margin-bottom:0}
.iras-torzs table{border-collapse:collapse;width:100%;margin:1.4em 0;font-size:1rem}
.iras-torzs th,.iras-torzs td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--vonal);vertical-align:top}
.iras-torzs th{font-family:var(--cim);font-size:.92rem}
.iras-torzs hr{border:0;border-top:1px solid var(--vonal);margin:2.4em 0}
.tabla-keret{overflow-x:auto}
.iras-tovabb{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:56px}
.iras-tovabb a{display:block;background:var(--feher);border:1px solid var(--vonal);border-radius:20px;padding:20px 22px;text-decoration:none;font-family:var(--cim);font-weight:600;color:var(--tinta);line-height:1.35}
.iras-tovabb a:hover{border-color:var(--zsalya)}
.iras-tovabb span{display:block;font-family:var(--szoveg);font-weight:400;font-size:.95rem;color:var(--tinta-halk);margin-bottom:6px}

/* list pages */
.lista{max-width:900px;margin:0 auto;padding:40px 32px 80px}
.lista-fej h1{font-size:clamp(2.2rem,4.4vw,3.2rem);margin:0 0 12px}
.lista-bev{color:var(--tinta-halk);margin-bottom:24px}
.lista-tema{margin-top:48px}
.lista-tema h2{font-size:1.6rem;margin:0 0 14px}

/* footer */
.lablec{background:var(--csont-mely);margin-top:40px}
.lablec-belso{max-width:var(--szel);margin:0 auto;padding:56px 32px 40px}
.lablec-segitseg{max-width:720px;padding-bottom:36px;border-bottom:1px solid var(--vonal)}
.lablec-cim{font-family:var(--cim);font-weight:700;font-size:1.3rem;margin:0 0 8px}
.lablec-segitseg p{margin:0 0 6px;color:var(--tinta-halk)}
.lablec-also{display:flex;align-items:center;gap:20px 36px;flex-wrap:wrap;padding-top:28px}
.lablec-linkek{list-style:none;margin:0;padding:0;display:flex;gap:8px 22px;flex-wrap:wrap}
.lablec-linkek a{color:var(--tinta);text-decoration:none;font-family:var(--cim);font-weight:600;font-size:.92rem}
.lablec-linkek a:hover{text-decoration:underline}
.lablec-kis{margin:0;color:var(--tinta-halk);font-size:.9rem}

@media (max-width:960px){
  .legzo{grid-template-columns:1fr;gap:0;padding-bottom:64px}
  .legzo-szoveg{display:contents}
  .legzo h1{order:1}.legzo-bevezeto{order:2}.pacer{order:3;margin:8px 0 6px}.mod-valaszto{order:4;justify-self:start}.pacer-lepesek{order:5}.mod-megjegyzes{order:6}
  .legzo-bevezeto p{max-width:none}
  .tema{grid-template-columns:1fr;gap:28px}
  .tema-2 .tema-fej,.tema-4 .tema-fej{order:0}
  .pihenok-sor{grid-template-columns:1fr}
}
@media (max-width:640px){
  body{font-size:1.06rem}
  .fejsor-belso{padding:18px 16px 10px;gap:12px 20px}
  .szojel{font-size:2.4rem}
  .fomenu{padding-left:0;width:100%}
  .fomenu::before{display:none}
  .fomenu ul{gap:4px 16px}
  .legzo,.temak,.iras,.lista{padding-left:16px;padding-right:16px}
  .legzo{padding-top:20px}
  .pihenok{padding:52px 16px 60px}
  .pacer{padding:18px 14px 20px;border-radius:26px}
  .mod-valaszto{display:flex;border-radius:22px}
  .mod-valaszto button{flex:1 1 auto;padding:9px 10px}
  .tema+.tema{padding-top:52px}
  .tema{padding-bottom:52px}
  .tema-irasok li{grid-template-columns:1fr}
  .tema-datum{order:-1}
  .iras-tovabb{grid-template-columns:1fr}
  .probald{padding:22px 20px 20px}
  .lablec-belso{padding:44px 16px 32px}
}