/* Hírcikk (single) oldalak. A cikkkártyák az about.css-ből jönnek, a tokenek a design-system.css-ből. */
.post-hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:min(72vh,640px);padding:140px 10% 64px;color:#fff}
.post-hero>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.post-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 25%,#000c),linear-gradient(#0006,transparent 30%)}
.post-hero-inner{max-width:900px}
.post-hero h1{font-size:clamp(28px,3.6vw,48px);line-height:1.15;letter-spacing:-.025em;color:#fff}
.post-hero .post-date{margin:0 0 12px;color:#ffffffd9}
.post-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-bottom:16px;font-size:15px;font-weight:600;color:#fff}
.post-back:before{content:'←';font-weight:400}
.post-back:hover{text-decoration:underline;text-underline-offset:4px}

.post-article{padding:64px 6% 16px}
/* A design-system.css minden bekezdést 17 px-re állít (!important); a listák ehhez igazodnak. */
.post-body{max-width:760px;margin:0 auto;font-size:17px;line-height:1.75;color:var(--color-label,#1d1d1f)}
.post-body>*{margin-bottom:0}
.post-body>*+*{margin-top:1.1em}
.post-page .post-body :is(p,li){margin-bottom:0;font-size:17px;line-height:1.75;color:#3a3a3c}
.post-body h2{margin-top:2em;font-size:clamp(24px,2.2vw,30px);line-height:1.25;letter-spacing:-.02em}
.post-body h3{margin-top:1.8em;font-size:clamp(20px,1.8vw,24px);line-height:1.3;letter-spacing:-.01em}
.post-body h4{margin-top:1.6em;font-size:19px;line-height:1.35}
.post-body :is(h2,h3,h4)+*{margin-top:.6em}
.post-body strong,.post-body b{font-weight:600;color:var(--color-label,#1d1d1f)}
.post-body a{color:var(--color-accent,#287858);text-decoration:underline;text-underline-offset:3px}
.post-body a:hover{color:var(--color-accent-hover,#206348)}
.post-body ul,.post-body ol{padding-left:1.3em}
.post-body li+li{margin-top:.5em}
.post-body li::marker{color:var(--color-brand,#56b28d)}
.post-body figure{margin:2em 0 0}
.post-body figure+*{margin-top:2em}
.post-body img{display:block;width:auto;max-width:100%;height:auto;margin-inline:auto;border-radius:20px}
.post-body blockquote{margin:2em 0 0;padding:24px 28px;background:var(--color-surface,#f5f5f7);border-left:4px solid var(--color-brand,#56b28d);border-radius:0 20px 20px 0}
.post-body blockquote p{color:var(--color-label,#1d1d1f)}
.post-body table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.5}
.post-body th,.post-body td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--color-separator,#dcdce1)}
.post-body th{font-weight:600;background:var(--color-surface,#f5f5f7)}
.post-video{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:20px;background:#000}
.post-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.post-body .post-cta .button{color:#fff;text-decoration:none}
.post-body .post-cta .button:hover{color:#fff}

.post-more h2{margin-bottom:28px;font-size:clamp(24px,2.4vw,34px);line-height:1.25;letter-spacing:-.02em}
.post-card h3{font-size:clamp(18px,1.5vw,20px);line-height:1.35;letter-spacing:-.01em}

@media(max-width:760px){.post-hero{min-height:520px;padding:120px 6% 40px}.post-article{padding-top:40px}.post-body,.post-page .post-body :is(p,li){font-size:17px}.post-body table{display:block;overflow-x:auto}.post-body blockquote{padding:20px}}
/* A cikkekben kiírt hosszú URL-ek se lógjanak ki keskeny képernyőn. */
.post-body a{overflow-wrap:anywhere}