/* MicroBiome Run — blog bejegyzés + listaoldal stílus.
   A MicroBiome Bank blog/assets/post.css szerkezetét követi, teal palettával. */
.blog-hero{padding:150px 0 74px}
.crumb{max-width:var(--maxw);margin:0 auto;padding:110px 24px 0;font-size:.84rem;color:var(--gray-1)}
.crumb a{color:var(--teal-med)}
.crumb span{margin:0 .5em;opacity:.5}
.post{max-width:820px;padding-top:14px;padding-bottom:60px}
.post .backlink{display:inline-block;margin:1.2em 0 1.4em;font-size:.88rem;font-weight:600;
  color:var(--teal-med)}
.post .kicker{font-family:var(--sans);font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  font-size:.72rem;color:var(--teal-med)}
.post h1{font-size:clamp(1.8rem,3.6vw,2.6rem);margin:.25em 0 .35em}
.post .meta{font-size:.88rem;color:var(--gray-1);margin-bottom:1.6em}
.post img.hero{width:100%;height:auto;border-radius:var(--r);display:block;margin-bottom:2.2em;
  box-shadow:0 22px 60px -34px rgba(4,87,103,.7)}
.post .body{font-size:1.03rem;line-height:1.85}
.post .body h2{font-size:1.45rem;margin:1.9em 0 .5em}
.post .body h3{font-size:1.18rem;margin:1.6em 0 .4em}
.post .body p{margin-bottom:1.05em}
.post .body ul,.post .body ol{margin:1em 0 1.3em 1.3em}
.post .body li{margin-bottom:.5em}
.post .body img{max-width:100%;height:auto;border-radius:12px;display:block;margin:1.8em auto}
.post .body blockquote{border-left:4px solid var(--teal-med);padding:.2em 0 .2em 1.2em;
  margin:1.6em 0;font-family:var(--serif);font-size:1.12rem;color:var(--green)}
.post .body a{color:var(--teal-med);text-decoration:underline;text-underline-offset:3px}
.post .body table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:.94rem}
.post .body th,.post .body td{border:1px solid rgba(0,0,0,.1);padding:.6em .8em;text-align:left}
.posttags{margin-top:2.4em;padding-top:1.4em;border-top:1px solid rgba(0,0,0,.08)}
.tagrow{display:flex;flex-wrap:wrap;gap:8px}
.tag{font-size:.76rem;font-weight:600;color:var(--teal-med);background:var(--cream-2);
  padding:.32em .8em;border-radius:100px}
.authorbox{display:flex;gap:16px;align-items:center;margin-top:2em;background:var(--white);
  border-radius:var(--r);padding:18px 22px;box-shadow:0 12px 40px -32px rgba(4,87,103,.6)}
.authorbox .av{flex:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(150deg,#16787E,#04262C);color:#fff;font-family:var(--serif);
  font-size:1.05rem}
.authorbox .m{font-size:.9rem;color:var(--gray-1)}
.authorbox .m strong{color:var(--green)}
/* listaoldal */
.plist{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
@media(max-width:960px){.plist{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.plist{grid-template-columns:1fr}}
.pcard{background:var(--white);border-radius:var(--r);overflow:hidden;display:flex;
  flex-direction:column;box-shadow:0 16px 48px -34px rgba(4,87,103,.6);
  border-top:3px solid var(--teal-med);transition:transform .3s,box-shadow .3s}
.pcard:hover{transform:translateY(-4px);box-shadow:0 24px 60px -32px rgba(4,87,103,.7)}
.pcard .thumb{aspect-ratio:16/10;overflow:hidden;background:linear-gradient(150deg,#16787E,#04262C)}
.pcard .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.pcard .pc{padding:20px 22px 24px}
.pcard .d{font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:var(--teal-med)}
.pcard h3{font-size:1.08rem;margin:.35em 0 .4em;line-height:1.32}
.pcard p{font-size:.9rem;color:var(--gray-1)}