/* MarkLabs Blog — warstwa czytelnosci artykulow (tylko pojedynczy wpis). */
body.single-post .single-layout { grid-template-columns:minmax(0,1fr) minmax(260px,300px); gap:clamp(1.5rem,4vw,3.5rem); padding-block:clamp(1.5rem,4vw,3.5rem); }
body.single-post .post-inner { max-width:920px !important; }
body.single-post .post-header { padding-bottom:clamp(1.5rem,3vw,2.5rem); border-bottom:1px solid rgba(33,150,243,.16); margin-bottom:clamp(1.5rem,3vw,2.5rem); }
body.single-post .post-title { max-width:19ch; text-wrap:balance; letter-spacing:-.035em; font-size:clamp(2rem,4.6vw,3.45rem); line-height:1.08; }
body.single-post .post-meta-bar { gap:.55rem; }
body.single-post .post-meta-bar .tag,body.single-post .post-meta-bar .post-card-date { min-height:30px; display:inline-flex; align-items:center; padding:.2rem .6rem; border-radius:999px; background:rgba(33,150,243,.07); border:1px solid rgba(33,150,243,.12); }
body.single-post .post-featured-wrap { overflow:hidden; border-radius:18px; background:#081426; box-shadow:0 22px 55px rgba(0,0,0,.25); }
body.single-post .post-featured-image { display:block; margin:0; border:0; aspect-ratio:16/8; object-fit:cover; }
body.single-post .post-content { color:#d5e6f5; font-size:clamp(1.05rem,1vw + .8rem,1.16rem); line-height:1.86; overflow-wrap:anywhere; }
body.single-post .post-content > * + * { margin-top:1.35em; }
body.single-post .post-content :is(h2,h3,h4) { scroll-margin-top:5.5rem; text-wrap:balance; }
body.single-post .post-content h2 { margin-top:3.2rem; padding-top:2.2rem; font-size:clamp(1.55rem,2.6vw,2rem); }
body.single-post .post-content h3 { margin-top:2.5rem; font-size:clamp(1.25rem,2vw,1.5rem); }
body.single-post .post-content :is(ul,ol) { padding-left:1.35rem; }
body.single-post .post-content li + li { margin-top:.55rem; }
body.single-post .post-content blockquote { margin-inline:0; padding:1rem 1.2rem; color:#cfe9ff; border-left:3px solid var(--ml-cyan); border-radius:0 12px 12px 0; background:linear-gradient(90deg,rgba(0,188,212,.11),rgba(0,188,212,.02)); }
body.single-post .post-content :is(pre,.wp-block-code) { max-width:100%; overflow:auto; padding:1.1rem 1.2rem; border:1px solid rgba(33,150,243,.2); border-radius:12px; background:#071426; box-shadow:inset 0 1px 0 rgba(255,255,255,.03); }
body.single-post .post-content code { color:#a9e6ff; font-family:var(--font-mono); font-size:.88em; }
body.single-post .post-content :not(pre) > code { padding:.12em .38em; border-radius:5px; background:rgba(33,150,243,.12); }
body.single-post .post-content figure,body.single-post .post-content .wp-block-image { margin-inline:0; }
body.single-post .post-content figcaption { margin-top:-1.25rem; color:var(--ml-text-muted); font-size:.86rem; text-align:center; }
body.single-post .post-content .wp-block-table { overflow-x:auto; border:1px solid rgba(33,150,243,.18); border-radius:12px; }
body.single-post .post-content table { width:100%; min-width:620px; border-collapse:collapse; }
body.single-post .post-content :is(th,td) { padding:.8rem .9rem; text-align:left; border-bottom:1px solid rgba(33,150,243,.13); }
body.single-post .post-content th { color:#e8f5ff; background:rgba(33,150,243,.1); }
body.single-post .single-sidebar { position:sticky; top:1.25rem; }
body.single-post .single-sidebar .widget { padding:1.1rem; border-radius:14px; box-shadow:0 14px 30px rgba(0,0,0,.14); }
@media(max-width:1000px){body.single-post .single-layout{grid-template-columns:1fr}body.single-post .single-sidebar{position:static}}
@media(max-width:640px){body.single-post .single-layout{padding-inline:1rem}body.single-post .post-title{max-width:none}body.single-post .post-featured-image{aspect-ratio:16/10}body.single-post .post-nav{grid-template-columns:1fr}body.single-post .share-bar{align-items:stretch}body.single-post .share-bar>:is(a,button){justify-content:center;flex:1 1 calc(50% - .5rem)}}
@media(prefers-reduced-motion:reduce){body.single-post *{scroll-behavior:auto !important}}