/* Znajdowalni: blog (lista wpisów i wpis). Korzysta z tokenów i nagłówka z style-branze.css. */
.blog-main{padding:40px 0 90px}
.blog-head{max-width:820px;margin:0 0 42px}
.blog-head h1{font:600 clamp(36px,5.4vw,64px)/1.05 "Playfair Display",Georgia,serif;letter-spacing:-.03em;margin:0 0 20px;text-wrap:balance}
.blog-head h1 em{font-style:normal;color:#0B5F58}
.blog-head .lead{font-size:19px;line-height:1.55;margin:0 0 14px;max-width:700px}
.blog-meta{color:#50605F;font-size:14px;margin:0}
.breadcrumbs{font-size:13px;color:#50605F;margin:0 0 26px}
.breadcrumbs a{color:#50605F}
.blog-post{max-width:760px}
.blog-body{font-size:18px;line-height:1.7}
.blog-body h2{font:600 clamp(28px,3.4vw,38px)/1.15 "Playfair Display",Georgia,serif;letter-spacing:-.02em;margin:52px 0 16px}
.blog-body h3{font:600 23px/1.25 "Playfair Display",Georgia,serif;margin:34px 0 10px}
.blog-body p,.blog-body ul,.blog-body ol{margin:0 0 20px}
.blog-body li{margin:0 0 8px}
.blog-body a{color:#00807B;text-underline-offset:3px}
.blog-body strong{font-weight:700}
.blog-body table{width:100%;border-collapse:collapse;font-size:16px}
.blog-body th,.blog-body td{border:1px solid #c7cfce;padding:10px 12px;text-align:left;vertical-align:top}
.blog-body th{background:#E3F5F1}
.blog-body blockquote{margin:0 0 22px;padding:16px 20px;border-left:4px solid #17B2A6;background:#E3F5F1}
.blog-body blockquote p:last-child{margin:0}
.blog-cta{margin:44px 0;padding:30px;background:#121416;color:#F7F3EA;border:1px solid #121416;box-shadow:6px 6px 0 #17B2A6}
.blog-cta .eyebrow{color:#B9F24A;margin:0 0 10px}
.blog-cta h2{font:600 clamp(26px,3vw,34px)/1.15 "Playfair Display",Georgia,serif;color:#F7F3EA;margin:0 0 12px}
.blog-cta p{margin:0 0 20px;font-size:17px;line-height:1.55;color:#e8e4da}
.blog-cta .button{background:#B9F24A;color:#121416;padding:15px 20px;font-size:14px}
.blog-industry{font-size:15px;color:#50605F}
.blog-industry a{color:#00807B}
.blog-related{margin-top:60px}
.blog-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.blog-card{display:flex;flex-direction:column;gap:10px;padding:24px;background:#fff;border:1px solid #121416;box-shadow:4px 4px 0 #121416;color:#121416;text-decoration:none;transition:transform .15s ease}
.blog-card:hover{transform:translate(-2px,-2px)}
.blog-card .eyebrow{margin:0;color:#00807B}
.blog-card strong{font:600 22px/1.2 "Playfair Display",Georgia,serif}
.blog-card span:last-child{font-size:15px;line-height:1.5;color:#40514e}
@media (max-width:640px){.blog-main{padding:24px 0 70px}.blog-body{font-size:17px}.blog-cta{padding:22px;box-shadow:4px 4px 0 #17B2A6}}
/* Elementy wpisu: grafika główna, „W skrócie”, spis treści, tabele, autor */
.blog-hero{margin:0 0 30px}
.blog-hero img{display:block;width:100%;height:auto;border:1px solid #121416}
.blog-tldr{background:#E3F5F1;border-left:5px solid #17B2A6;padding:20px 24px;margin:0 0 26px}
.blog-tldr .eyebrow{margin:0 0 8px;color:#00807B}
.blog-tldr ul{margin:0;padding-left:20px;font-size:17px;line-height:1.6}
.blog-tldr li{margin:0 0 6px}
.blog-toc{border:1px solid #c7cfce;padding:18px 24px;margin:0 0 34px;background:#fff}
.blog-toc .eyebrow{margin:0 0 8px}
.blog-toc ol{margin:0;padding-left:22px;font-size:16px;line-height:1.7}
.blog-toc a{color:#121416;text-underline-offset:3px}
.blog-body h2,.blog-body h3{scroll-margin-top:90px}
.table-wrap{overflow-x:auto;margin:0 0 24px}
.table-wrap table{display:table;margin:0;min-width:520px}
.blog-author{display:flex;gap:20px;align-items:flex-start;border:1px solid #121416;background:#fff;padding:22px;margin:40px 0 24px}
.blog-author img{width:72px;height:72px;flex:none}
.blog-author .eyebrow{margin:0 0 4px}
.blog-author-name{font:600 22px "Playfair Display",Georgia,serif;margin:0}
.blog-author-role{color:#50605F;font-size:14px;margin:0 0 8px}
.blog-author p:last-child{margin:0;font-size:15px;line-height:1.55}
.blog-card img{display:block;width:calc(100% + 48px);margin:-24px -24px 6px;height:auto;border-bottom:1px solid #121416}
.blog-meta a{color:inherit}
@media (max-width:640px){.blog-author{flex-direction:column}.blog-tldr,.blog-toc{padding:16px 18px}}
.blog-stanowisko{border:2px solid #121416;background:#fff;box-shadow:5px 5px 0 #B9F24A;padding:18px 22px}
.blog-stanowisko strong{display:block;font:500 12.5px "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:#00807B;margin-bottom:6px}