/* V37 — blog: index (/blog/) and articles (/blog/<slug>/). Builds on ds-v32.css and the kp-* layout from prywatnosc-v32.css. */
.bp-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 26px;font:600 14px/1.3 Figtree,sans-serif;color:var(--muted-dark)}
.bp-crumbs a{color:var(--paper);border-bottom:1px solid #ffffff40;transition:border-color .2s}
.bp-crumbs a:hover{border-color:var(--amber)}
.bp-crumbs i{font-style:normal;color:#ffffff55}
.bp-meta{display:flex;flex-wrap:wrap;gap:6px 22px;margin:-6px 0 30px;font:600 15px/1.4 Figtree,sans-serif;color:var(--amber)}
.bp-meta span+span:before{content:"·";margin-right:22px;color:#ffffff55}

/* Opening visual: the article in short. */
.bp-visual{display:grid;place-items:center;min-height:clamp(300px,27vw,400px)}
.bp-sum{position:relative;width:min(420px,94%);padding:24px 26px 28px;background:var(--paper);color:var(--ink);box-shadow:0 22px 44px #00000066;transform:rotate(-2deg)}
.bp-sum-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--ink)}
.bp-sum-head b{font:700 18px/1.1 Sora,sans-serif;letter-spacing:-.02em}
.bp-sum-head span{font:600 12px/1.2 Figtree,sans-serif;color:#6b706a}
.bp-sum ul{list-style:none;display:grid;gap:11px;margin:0;padding:0}
.bp-sum li{display:grid;grid-template-columns:10px minmax(0,1fr);gap:12px;font:500 15px/1.45 Figtree,sans-serif;color:#2c312d}
.bp-sum li:before{content:"";width:10px;height:10px;margin-top:6px;background:var(--amber)}

/* Article text */
.bp .kp-layout>*{min-width:0}
.ds .bp-copy{max-width:74ch}
.ds .bp-copy section:first-child{padding-top:0;border-top:0}
.ds .bp-copy h3{font:600 clamp(19px,1.5vw,23px)/1.3 Figtree,sans-serif;letter-spacing:-.02em;text-transform:none;color:var(--ink);margin:28px 0 10px}
.bp-copy :is(ul,ol){padding-left:1.3em}
.bp-copy li::marker{color:var(--gold);font-weight:700}
.bp-copy strong{color:var(--ink)}
.bp-copy blockquote{margin:0 0 18px;padding:14px 20px;border-left:4px solid var(--amber);background:#fff;color:var(--ink)}
.bp-copy table{width:100%;border-collapse:collapse;margin:6px 0 22px;font-size:15.5px;line-height:1.45;background:#fff}
.bp-copy th,.bp-copy td{padding:10px 12px;border:1px solid #15191c33;text-align:left;vertical-align:top}
.bp-copy thead th{background:var(--ink);color:var(--paper);font-weight:600;border-color:var(--ink)}
.bp-copy .bp-table{overflow-x:auto;margin:6px 0 22px}
.bp-copy .bp-table table{margin:0;min-width:520px}
.bp-author{display:grid;grid-template-columns:56px minmax(0,1fr);gap:18px;align-items:start;margin-top:44px;padding:22px 24px;background:#fff;border:1px solid var(--line)}
.bp-author>b{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--amber);font:800 24px/1 Sora,sans-serif;color:var(--ink)}
.bp-author p{margin:0;font-size:16px;line-height:1.55;color:#4f564f}
.bp-author p strong{display:block;margin-bottom:2px;font:700 17px/1.3 Sora,sans-serif;letter-spacing:-.02em;color:var(--ink)}
.bp-author a{border-bottom:1px solid currentColor;font-weight:600;color:var(--ink)}
.bp-aside-offer{display:grid;gap:10px;padding:20px 22px;background:var(--amber);color:var(--ink)}
.bp-aside-offer>span{font:600 14px/1.35 Figtree,sans-serif}
.bp-aside-offer a{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;font:700 18px/1.25 Sora,sans-serif;letter-spacing:-.02em;color:var(--ink)}
.bp-aside-offer a span{font-size:20px;transition:transform .25s}
.bp-aside-offer a:hover span{transform:translate(3px,-3px)}

/* Cards (index, related) */
.bl-card .ds-tag{display:flex;flex-wrap:wrap;gap:4px 14px}
.bl-card .ds-tag span+span{color:#6b706a}
.ds .bl-card h3{font-size:clamp(23px,1.9vw,30px);line-height:1.08}
.ds .bl-card h3 a{color:inherit}
.ds .bl-card h3 a:hover{color:var(--gold)}
.bl-grid{--cols:3}
.ds-white .bl-card{background:var(--paper)}
.ds-paper .bl-card,.ds-beige .bl-card{background:#fff}

/* Index opening visual: newest articles as a list. */
.bl-visual{display:grid;align-content:center;min-height:clamp(300px,27vw,400px)}
.bl-list{position:relative;display:grid;margin:0;padding:22px 26px 26px;list-style:none;background:var(--paper);color:var(--ink);box-shadow:0 22px 44px #00000066;transform:rotate(-2deg)}
.bl-list>li:first-child{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px;padding-bottom:12px;border-bottom:2px solid var(--ink);font:700 18px/1.1 Sora,sans-serif;letter-spacing:-.02em}
.bl-list>li:first-child span{font:600 12px/1.2 Figtree,sans-serif;color:#6b706a}
.bl-list a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:11px 0;border-bottom:1px solid var(--line);font:600 15.5px/1.35 Figtree,sans-serif;color:var(--ink)}
.bl-list li:last-child a{border-bottom:0}
.bl-list a i{font-style:normal;color:var(--gold);transition:transform .25s}
.bl-list a:hover i{transform:translate(3px,-3px)}

/* Index: topic chips and topic boxes with their article lists. */
.bl-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 clamp(32px,4vw,52px);padding:0;list-style:none}
.bl-chips a{display:inline-block;padding:8px 14px;border:1px solid #15191c33;background:#fff;font:600 14.5px/1.2 Figtree,sans-serif;color:var(--ink);transition:background .2s,border-color .2s}
.bl-chips a:hover{background:var(--amber);border-color:var(--amber)}
.bl-topics-grid{align-items:start}
.ds .bl-topic{scroll-margin-top:96px;background:#fff}
.ds .bl-topic h3{font-size:clamp(23px,1.9vw,29px);line-height:1.08;margin-bottom:10px}
.ds .bl-topic p{font-size:15.5px;margin-bottom:16px}
.bl-topic-list{display:grid;margin:0;padding:0;list-style:none;counter-reset:bl;border-top:2px solid var(--ink)}
.bl-topic-list li{counter-increment:bl;border-bottom:1px solid var(--line)}
.bl-topic-list a{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;padding:10px 0;font:600 15.5px/1.35 Figtree,sans-serif;color:var(--ink);transition:color .2s}
.bl-topic-list a:before{content:counter(bl);font:700 12px/1.9 Sora,sans-serif;color:var(--gold)}
.bl-topic-list a:hover{color:var(--gold)}
.bl-topic:target{outline:3px solid var(--amber);outline-offset:4px}
.bp-more{margin:28px 0 0;font-size:16px;line-height:1.6;color:#4f564f}
.bp-more strong{color:var(--ink)}
.bp-more a{border-bottom:1px solid currentColor;font-weight:600;color:var(--ink)}

@media(max-width:1100px){.bl-grid{--cols:2}}
@media(max-width:860px){.bp-aside-offer{grid-column:1/-1}}
@media(max-width:700px){.bp-copy table{font-size:14px}.bp-copy th,.bp-copy td{padding:8px}.bp-author{grid-template-columns:44px minmax(0,1fr);padding:18px}.bp-author>b{width:44px;height:44px;font-size:19px}}
@media(prefers-reduced-motion:reduce){.bp-aside-offer a span,.bl-list a i,.bl-chips a,.bl-topic-list a,.bp-crumbs a{transition:none}}

/* Headings: article titles are longer than page titles, so the opening heading is smaller. */
html body.bp .ds-open h1{font-size:clamp(40px,4.5vw,72px)!important;line-height:1.02}
@media(max-width:420px){html body.bp .ds-open h1{font-size:clamp(31px,9.4vw,40px)!important}}
html body.bp .kp-copy .faq-group h2{font-size:clamp(23px,2vw,30px)!important}
