/* Biutniq — blog.css (tylko /blog; tokeny, przyciski, nagłówek, formularz i stopka są w style.css) */
.blog{--read:#3A342F}
.blog main{padding-top:calc(76px + env(safe-area-inset-top,0px))}
@media (max-width:1023px){.blog main{padding-top:calc(64px + env(safe-area-inset-top,0px))}}
.blog .site-header .logo:hover{color:var(--accent)}

/* ---------- nagłówek wpisu ---------- */
.post__head,.blog-head .wrap{display:flex;flex-direction:column;gap:clamp(16px,2vw,24px);padding-block:clamp(20px,3.4vw,44px) clamp(36px,5vw,64px)}
.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;font-size:14px;color:var(--ink-2)}
.crumbs li{display:flex;align-items:center}
.crumbs li+li::before{content:"";width:18px;height:1px;background:var(--line-2);margin-inline:10px}
.crumbs a{display:inline-block;padding:11px 0;color:var(--ink-2);text-decoration:none}
.crumbs a:hover{color:var(--accent);text-decoration:underline}
.post__title{font-weight:500;font-size:clamp(31px,4.6vw,60px);line-height:1;letter-spacing:-.02em;text-transform:uppercase;text-wrap:balance;max-width:17em}
.post__title em{display:block;margin-top:.14em;font-family:var(--serif);font-weight:400;font-size:1.06em;line-height:1.02;letter-spacing:-.01em;text-transform:none;color:var(--accent)}
.post__meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;font-size:14.5px;color:var(--ink-2)}
/* kropka stoi za elementem, więc po zawinięciu nowa linia nie zaczyna się od kropki */
.post__meta>:not(:last-child)::after,.bpost__meta>:not(:last-child)::after{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--line-2);margin:0 12px;vertical-align:middle}
.post__short{margin-top:clamp(4px,1vw,12px);border-top:1px solid var(--ink);padding-top:clamp(18px,2vw,24px);max-width:900px;display:flex;flex-direction:column;gap:8px}
.post__label,.toc__t{font-family:var(--serif);font-style:italic;font-size:19px;line-height:1.2;color:var(--accent)}
.post__short p:last-child{font-size:clamp(18px,1.7vw,23px);line-height:1.5;color:var(--ink);text-wrap:pretty}
.post__short a{color:var(--accent)}
.blog-head .lede{max-width:640px}
.draft-bar{background:var(--accent);color:var(--paper);font-size:14.5px;line-height:1.45;padding:10px var(--gut);text-align:center}

/* ---------- układ: spis treści i treść ---------- */
.post__paper{background:var(--paper);border-top:1px solid var(--line);padding-block:clamp(32px,5vw,72px) var(--sec)}
.post__grid{display:grid;gap:32px}
.toc{border-top:1px solid var(--ink);padding-top:16px;display:flex;flex-direction:column;gap:6px}
.toc ol{counter-reset:toc;font-size:15.5px;line-height:1.4}
.toc li{counter-increment:toc;border-bottom:1px solid var(--line)}
.toc a{display:flex;gap:12px;padding:12px 0;text-decoration:none;color:var(--ink-2)}
.toc a::before{content:counter(toc,decimal-leading-zero);flex:none;font-family:var(--serif);font-style:italic;color:var(--accent)}
.toc a:hover{color:var(--ink)}
.side-cta{display:none}
@media (min-width:1000px){
  .post__grid{grid-template-columns:minmax(0,300px) minmax(0,760px);justify-content:space-between;align-items:start;gap:64px}
  .post__side{position:sticky;top:108px;display:flex;flex-direction:column;gap:20px;max-height:calc(100svh - 132px);overflow:auto}
  .side-cta{display:flex;flex-direction:column;gap:4px;background:var(--dark-2);color:var(--on-dark);border-radius:6px;padding:18px 20px;text-decoration:none;font-size:14.5px;line-height:1.4;transition:transform .25s var(--ease)}
  .side-cta b{font-size:16px}
  .side-cta span{color:var(--on-dark-2)}
  .side-cta:hover{color:var(--on-dark);transform:translateY(-1px)}
  .side-cta:hover b{text-decoration:underline}
  .side-cta:focus-visible{outline-offset:2px}
}

/* ---------- treść wpisu ---------- */
.post__body{font-size:clamp(17px,1.3vw,18.5px);line-height:1.7;color:var(--read);min-width:0}
.post__body>*+*{margin-top:1.1em}
.post__body>:first-child{margin-top:0}
.post__body h2{margin-top:2.3em;padding-top:.85em;border-top:1px solid var(--ink);font-size:clamp(25px,2.5vw,34px);font-weight:500;line-height:1.14;letter-spacing:-.015em;color:var(--ink);text-wrap:balance}
.post__body h2:first-child{margin-top:0}
.post__body h3{margin-top:1.9em;font-size:clamp(19px,1.6vw,22px);font-weight:500;line-height:1.3;color:var(--ink);text-wrap:balance}
.post__body h2+*,.post__body h3+*{margin-top:.7em}
.post__body b{color:var(--ink)}
.post__body a{color:var(--accent)}
.post__body a:hover{color:var(--ink)}
.post__body ul,.post__body ol{display:grid;gap:.55em}
.post__body ul>li{position:relative;padding-left:1.5em}
.post__body ul>li::before{content:"";position:absolute;left:0;top:.82em;width:.8em;height:1px;background:var(--accent)}
.post__body ol{counter-reset:n}
.post__body ol>li{position:relative;padding-left:2.3em;counter-increment:n}
.post__body ol>li::before{content:counter(n);position:absolute;left:0;top:-.12em;font-family:var(--serif);font-style:italic;font-size:1.45em;line-height:1.5;color:var(--accent)}
.post__body code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;background:var(--bg);border-radius:3px;padding:.12em .4em}
.post__body figure img{width:100%;border-radius:6px}
.post__body figcaption{margin-top:8px;font-size:14px;line-height:1.5;color:var(--ink-2)}
.post-note{background:var(--sand);border-radius:6px;padding:clamp(16px,2vw,22px) clamp(18px,2.4vw,26px);color:#4F4741;font-size:.96em}
.post-note>*+*{margin-top:.7em}
.post-note b{color:var(--ink)}
.post-table{overflow-x:auto;-webkit-overflow-scrolling:touch}
.post-table table{width:100%;border-collapse:collapse;font-size:.9em;line-height:1.5}
.post-table--wide table{min-width:620px}
.post-table th{text-align:left;font-weight:500;color:var(--ink);padding:10px 16px 10px 0;border-bottom:1px solid var(--ink);vertical-align:bottom}
.post-table td{padding:12px 16px 12px 0;border-bottom:1px solid var(--line);vertical-align:top}
.post-table th:last-child,.post-table td:last-child{padding-right:0}

/* zaproszenie do audytu albo rozmowy w środku wpisu */
.post-cta{background:var(--dark-2);color:var(--on-dark);border-radius:8px;padding:clamp(22px,3vw,34px);display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-block:2em}
.post-cta__t{font-size:clamp(22px,2.3vw,30px);font-weight:500;line-height:1.02;letter-spacing:-.02em;text-transform:uppercase;color:var(--paper);text-wrap:balance}
.post-cta__t em{display:block;margin-top:.14em;font-family:var(--serif);font-weight:400;font-size:1.08em;letter-spacing:-.01em;text-transform:none;color:var(--rose)}
.post-cta p:not(.post-cta__t){font-size:16px;line-height:1.55;color:var(--on-dark-2);max-width:560px}
.post-cta .btn{margin-top:4px}
.post__body .post-cta .btn{color:var(--ink)}
.post-cta :focus-visible{outline-color:var(--rose)}
@media (max-width:520px){.post-cta .btn{width:100%}}

/* pytania, źródła, autor */
.post__body .faq__list{margin-top:.9em}
.post__body .faq__a{font-size:.95em;color:var(--read)}
.post__body .faq__a>*+*{margin-top:0}
.post-src{font-size:15px;line-height:1.6;color:var(--ink-2)}
.post-src a{overflow-wrap:anywhere}
.post-src>*+*{margin-top:1.4em}
.post-author{margin-top:3em;border-top:1px solid var(--ink);padding-top:24px;display:flex;gap:clamp(16px,2.4vw,24px);align-items:center;font-size:15.5px;line-height:1.6;color:var(--ink-2)}
.post-author img{flex:none;width:clamp(72px,9vw,96px);height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 30%;background:#D8C6B5;border-radius:999px 999px 0 0}
.post-author b{display:block;font-size:17px;color:var(--ink)}

/* ---------- lista wpisów ---------- */
.blog-list{display:grid}
.bpost{border-top:1px solid var(--ink);padding-block:clamp(22px,3vw,34px);display:grid;gap:10px}
.bpost:last-child{border-bottom:1px solid var(--line)}
.bpost__meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;font-size:14px;color:var(--ink-2)}
.bpost__cat{font-family:var(--serif);font-style:italic;font-size:17px;color:var(--accent)}
.bpost__title{font-size:clamp(24px,2.8vw,38px);font-weight:500;line-height:1.1;letter-spacing:-.02em;text-wrap:balance}
.bpost__title a{text-decoration:none;display:inline-block;padding-block:4px}
.bpost__title a:hover{text-decoration:underline}
.bpost__title em{font-family:var(--serif);font-weight:400;letter-spacing:-.01em;color:var(--accent)}
.bpost__text{max-width:720px;font-size:16.5px;line-height:1.6;color:var(--ink-2)}
@media (min-width:1000px){
  .bpost{grid-template-columns:minmax(0,300px) minmax(0,760px);justify-content:space-between;gap:10px 64px}
  .bpost__meta{grid-row:span 2;align-self:start;flex-direction:column;align-items:flex-start;gap:6px;padding-top:8px}
  .bpost__meta>:not(:last-child)::after{display:none}
}
.more{background:var(--bg)}
.more .blog-list{margin-top:clamp(28px,4vw,48px)}
.more .bpost__title{font-size:clamp(22px,2.2vw,30px)}

@media print{.post__side,.post-cta,.audit,.more,.contact,.draft-bar{display:none}.blog main{padding-top:0}.post__paper{border:0;padding:0}}