.br-blog-main{width:min(1240px,calc(100% - 40px));margin:0 auto;padding:clamp(64px,8vw,110px) 0 5px}
.br-blog-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:34px;align-items:end;padding-bottom:48px;border-bottom:1px solid var(--br-line)}
.br-blog-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;color:var(--br-green);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.br-blog-kicker::before{content:"";width:28px;height:1px;background:var(--br-green)}
.br-blog-hero h1{margin:0 0 22px;font-size:clamp(2.6rem,6vw,5.5rem)!important;line-height:.98!important;max-width:920px}
.br-blog-hero p{margin:0;max-width:780px;color:var(--br-muted);font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.75}
.br-blog-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.br-blog-stat{padding:19px;border-radius:17px;border:1px solid var(--br-line);background:rgba(255,255,255,.025)}
.br-blog-stat strong{display:block;color:#fff;font-size:1.55rem;line-height:1;margin-bottom:7px}.br-blog-stat span{font-size:12px;color:var(--br-muted)}
.br-blog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:34px 0 26px}
.br-blog-categories{display:flex;gap:8px;flex-wrap:wrap}.br-blog-categories a{padding:8px 12px;border-radius:999px;border:1px solid var(--br-line);background:rgba(255,255,255,.025);color:#b9cabe;text-decoration:none;font-size:12px;font-weight:800}.br-blog-categories a:hover,.br-blog-categories a.is-active{color:#051008;background:var(--br-green);border-color:var(--br-green)}
.br-blog-search{display:flex;align-items:center;gap:8px;min-width:min(100%,340px);padding:6px 6px 6px 14px;border:1px solid var(--br-line);border-radius:13px;background:rgba(255,255,255,.025)}.br-blog-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font:inherit}.br-blog-search button{border:0;border-radius:9px;background:rgba(40,232,128,.14);color:var(--br-green);padding:9px 12px;font-weight:850;cursor:pointer}
.br-blog-featured{display:grid;grid-template-columns:1.15fr .85fr;min-height:390px;border:1px solid rgba(40,232,128,.22);border-radius:24px;overflow:hidden;background:linear-gradient(145deg,rgba(20,48,32,.8),rgba(5,12,8,.96));box-shadow:var(--br-shadow);margin-bottom:24px}
.br-blog-featured-media{position:relative;background:radial-gradient(circle at 30% 20%,rgba(40,232,128,.28),transparent 42%),radial-gradient(circle at 85% 80%,rgba(85,223,241,.18),transparent 38%),#07140d;min-height:300px}.br-blog-featured-media img{width:100%;height:100%;object-fit:cover}.br-blog-featured-media::after{content:"BEZRYZYKA / PORADNIK";position:absolute;left:28px;bottom:24px;color:rgba(255,255,255,.7);font-size:11px;font-weight:900;letter-spacing:.13em}
.br-blog-featured-body{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,4vw,54px)}
.br-blog-meta{display:flex;gap:9px;align-items:center;flex-wrap:wrap;color:var(--br-muted);font-size:12px;margin-bottom:15px}.br-blog-meta span:first-child{color:var(--br-green);font-weight:900}.br-blog-meta i{width:3px;height:3px;border-radius:50%;background:#63766a}
.br-blog-featured h2{margin:0 0 16px;color:#fff;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.08}.br-blog-featured p{color:var(--br-muted);line-height:1.7;margin:0 0 24px}.br-blog-read{display:inline-flex;align-items:center;gap:10px;color:#07120b;background:var(--br-green);padding:11px 15px;border-radius:11px;text-decoration:none;font-weight:900;width:max-content}.br-blog-read:hover{transform:translateY(-1px)}
.br-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.br-blog-card{display:flex;flex-direction:column;min-height:330px;padding:25px;border:1px solid var(--br-line);border-radius:20px;background:linear-gradient(145deg,rgba(13,28,19,.72),rgba(5,12,8,.87));text-decoration:none;color:inherit;transition:.2s var(--br-ease)}.br-blog-card:hover{transform:translateY(-4px);border-color:rgba(40,232,128,.28);box-shadow:0 22px 54px rgba(0,0,0,.3)}.br-blog-card h2{margin:0 0 14px;color:#fff;font-size:1.35rem;line-height:1.18}.br-blog-card p{margin:0;color:var(--br-muted);line-height:1.65;font-size:14px}.br-blog-card .br-blog-card-bottom{margin-top:auto;padding-top:24px;display:flex;justify-content:space-between;align-items:center;color:#9db1a3;font-size:12px}.br-blog-card .br-blog-card-bottom b{color:var(--br-green)}
.br-blog-empty{padding:60px;border:1px dashed var(--br-line);border-radius:22px;text-align:center;color:var(--br-muted)}

.br-article-main{width:min(1160px,calc(100% - 40px));margin:0 auto;padding:clamp(54px,7vw,90px) 0 20px}.br-article-breadcrumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#839689;font-size:12px;margin-bottom:30px}.br-article-breadcrumbs a{color:#a8bcae;text-decoration:none}.br-article-header{max-width:920px;margin-bottom:44px}.br-article-header h1{margin:13px 0 20px;font-size:clamp(2.5rem,6vw,5.1rem)!important;line-height:1.01!important}.br-article-lead{font-size:clamp(1.05rem,1.65vw,1.28rem);line-height:1.72;color:var(--br-muted);max-width:830px}.br-article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(250px,1fr);gap:70px;align-items:start}.br-article-content{font-size:17px;line-height:1.82;color:#c7d6cc}.br-article-content h2{margin:56px 0 18px;color:#fff;font-size:clamp(1.7rem,3vw,2.3rem);line-height:1.13}.br-article-content h3{margin:34px 0 13px;color:#f2fff6;font-size:1.35rem}.br-article-content p{margin:0 0 20px}.br-article-content ul,.br-article-content ol{margin:0 0 24px;padding-left:24px}.br-article-content li{margin:9px 0}.br-article-content strong{color:#fff}.br-article-content a{color:var(--br-green)}.br-article-content blockquote{margin:30px 0;padding:22px 24px;border-left:3px solid var(--br-green);border-radius:0 14px 14px 0;background:rgba(40,232,128,.06);color:#e7fff0}.br-article-content table{width:100%;border-collapse:collapse;margin:28px 0;font-size:14px}.br-article-content th,.br-article-content td{padding:12px;border:1px solid var(--br-line);text-align:left}.br-article-content th{color:#fff;background:rgba(255,255,255,.04)}.br-article-aside{position:sticky;top:100px;display:grid;gap:14px}.br-article-aside-card{padding:22px;border:1px solid var(--br-line);border-radius:18px;background:rgba(255,255,255,.025)}.br-article-aside-card h3{margin:0 0 12px;color:#fff;font-size:1rem}.br-article-aside-card p{margin:0;color:var(--br-muted);font-size:13px;line-height:1.6}.br-article-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.br-article-tags a,.br-article-tags span{font-size:11px;padding:6px 8px;border:1px solid var(--br-line);border-radius:999px;color:#abc0b1;text-decoration:none}.br-article-cta{margin-top:56px;padding:34px;border:1px solid rgba(40,232,128,.25);border-radius:22px;background:radial-gradient(circle at 90% 0,rgba(40,232,128,.14),transparent 35%),rgba(8,19,12,.9)}.br-article-cta h2{margin:0 0 10px!important}.br-article-cta p{color:var(--br-muted)}.br-article-cta div{display:flex;gap:10px;flex-wrap:wrap}.br-article-cta a{padding:11px 15px;border-radius:11px;background:var(--br-green);color:#06100a;text-decoration:none;font-weight:900}.br-article-cta a+ a{background:transparent;color:#fff;border:1px solid var(--br-line)}
@media(max-width:960px){.br-blog-hero,.br-blog-featured,.br-article-layout{grid-template-columns:1fr}.br-blog-stats{max-width:500px}.br-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.br-article-aside{position:static;grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.br-blog-main,.br-article-main{width:calc(100% - 28px)}.br-blog-toolbar{align-items:stretch;flex-direction:column}.br-blog-grid{grid-template-columns:1fr}.br-blog-card{min-height:280px}.br-blog-stats,.br-article-aside{grid-template-columns:1fr}.br-blog-featured-body{padding:27px}.br-article-content{font-size:16px}.br-article-cta{padding:25px}}

/* Remodel v2 - spójne tło, blog bez przeładowań i czytelniejszy artykuł */
.br-blog-card[hidden],.br-blog-featured[hidden],.br-blog-empty[hidden],.br-blog-livebar button[hidden]{display:none!important}
.br-blog-main{position:relative}
.br-blog-toolbar{position:sticky;top:86px;z-index:60;padding:10px;border:1px solid rgba(255,255,255,.075);border-radius:20px;background:rgba(4,10,7,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 48px rgba(0,0,0,.28)}
.br-blog-categories a{transition:transform .16s var(--br-ease),background .16s,border-color .16s,color .16s}.br-blog-categories a:hover{transform:translateY(-1px)}
.br-blog-livebar{display:flex;align-items:center;gap:10px;min-height:48px;margin:-8px 0 24px;padding:10px 14px;border:1px solid var(--br-line);border-radius:16px;background:rgba(255,255,255,.026);color:#c6d8cc}.br-blog-livebar span{display:inline-grid;place-items:center;min-width:32px;height:32px;border-radius:10px;background:rgba(40,232,128,.12);color:var(--br-green);font-weight:950}.br-blog-livebar em{font-style:normal;color:var(--br-muted);font-size:13px}.br-blog-livebar button,.br-blog-empty button{margin-left:auto;border:1px solid rgba(40,232,128,.22);border-radius:11px;background:rgba(40,232,128,.1);color:#dffff0;font-weight:850;padding:9px 12px;cursor:pointer}.br-blog-livebar button:hover,.br-blog-empty button:hover{background:rgba(40,232,128,.18)}
.br-blog-featured{position:relative;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);min-height:430px;background:linear-gradient(145deg,rgba(11,31,20,.96),rgba(3,8,6,.98));box-shadow:0 28px 80px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.03)}
.br-blog-featured::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 260px at 32% 0,rgba(40,232,128,.16),transparent 62%),linear-gradient(110deg,rgba(40,232,128,.08),transparent 34%,rgba(85,223,241,.045));pointer-events:none}.br-blog-featured>*{position:relative;z-index:1}
.br-blog-featured-media{min-height:360px;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 25% 20%,rgba(40,232,128,.27),transparent 36%),radial-gradient(circle at 75% 80%,rgba(85,223,241,.17),transparent 42%),linear-gradient(145deg,#07140d,#020504)}.br-blog-featured-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72}.br-blog-featured-media::after{content:"BEZRYZYKA / WYRÓŻNIONE";left:28px;bottom:24px;padding:8px 10px;border-radius:999px;background:rgba(0,0,0,.32);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:rgba(255,255,255,.78)}
.br-feature-visual{width:min(410px,100%);padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:linear-gradient(150deg,rgba(255,255,255,.09),rgba(255,255,255,.025));box-shadow:0 28px 70px rgba(0,0,0,.34);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.br-feature-pill{display:inline-flex;margin-bottom:26px;padding:7px 10px;border-radius:999px;background:rgba(40,232,128,.14);color:var(--br-green);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.12em}.br-feature-visual strong{display:block;color:#fff;font-size:clamp(1.8rem,4vw,3.2rem);line-height:.98;letter-spacing:-1px}.br-feature-visual p{max-width:320px;margin:14px 0 22px;color:#b9cbbf;line-height:1.55}.br-feature-visual div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.br-feature-visual div span{padding:10px 8px;border-radius:13px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.08);color:#eafff1;font-size:12px;text-align:center;font-weight:850}.br-blog-featured-body{padding:clamp(30px,4vw,58px)}.br-feature-checks{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}.br-feature-checks span{padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#bdd0c4;font-size:12px;font-weight:800}.br-blog-read{transition:transform .16s var(--br-ease),box-shadow .16s}.br-blog-read:hover{box-shadow:0 14px 34px rgba(40,232,128,.22)}
.br-blog-results-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:34px 0 18px;scroll-margin-top:160px;outline:none}.br-blog-results-head span{display:block;margin-bottom:8px;color:var(--br-green);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.14em}.br-blog-results-head h2{margin:0;color:#fff;font-size:clamp(1.7rem,3vw,2.35rem);line-height:1.05}.br-blog-results-head p{max-width:430px;margin:0;color:var(--br-muted);font-size:13px;line-height:1.6}
.br-blog-card{position:relative;overflow:hidden}.br-blog-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--br-green),rgba(85,223,241,.7));opacity:.45}.br-blog-card::after{content:"";position:absolute;right:-46px;top:-46px;width:120px;height:120px;border-radius:50%;background:rgba(40,232,128,.075);transition:transform .22s var(--br-ease)}.br-blog-card:hover::after{transform:scale(1.18)}.br-blog-card>*{position:relative;z-index:1}

.br-reading-progress{position:fixed;left:0;right:0;top:0;height:4px;z-index:10050;background:rgba(255,255,255,.06)}.br-reading-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--br-green),var(--br-cyan));box-shadow:0 0 20px rgba(40,232,128,.45);transition:width .08s linear}.br-article-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 22px}.br-back-link,.br-copy-link{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border-radius:12px;border:1px solid var(--br-line);background:rgba(255,255,255,.03);color:#eafff1;text-decoration:none;font-size:13px;font-weight:850}.br-copy-link{cursor:pointer;font:inherit}.br-back-link:hover,.br-copy-link:hover{background:rgba(40,232,128,.1);border-color:rgba(40,232,128,.22)}.br-article-header{padding:28px;border:1px solid rgba(255,255,255,.075);border-radius:26px;background:linear-gradient(145deg,rgba(9,22,14,.76),rgba(4,9,7,.54));box-shadow:0 24px 68px rgba(0,0,0,.22)}.br-article-content{padding:4px 0}.br-article-content h2{scroll-margin-top:110px}.br-read-card strong{display:block;margin:0 0 8px;color:#fff;font-size:1.75rem;line-height:1}.br-toc{display:grid;gap:8px}.br-toc a{display:block;padding:9px 10px;border-radius:10px;background:rgba(255,255,255,.025);color:#bdd2c4;text-decoration:none;font-size:13px;line-height:1.35}.br-toc a:hover,.br-toc a.is-active{background:rgba(40,232,128,.1);color:#fff}.br-related-link{display:block;color:#dfffea;text-decoration:none;margin:12px 0;font-size:13px;line-height:1.45}.br-related-link:hover{color:var(--br-green)}
@media(max-width:960px){.br-blog-toolbar{position:relative;top:auto}.br-blog-results-head{align-items:flex-start;flex-direction:column}.br-blog-featured{grid-template-columns:1fr}.br-blog-featured-media{min-height:320px}.br-article-topline{margin-top:4px}.br-toc-card{order:-1}}
@media(max-width:650px){.br-blog-livebar{align-items:flex-start;flex-wrap:wrap}.br-blog-livebar button{margin-left:0}.br-feature-visual{padding:20px}.br-feature-visual div{grid-template-columns:1fr}.br-blog-featured-media::after{left:18px;bottom:18px}.br-article-topline{align-items:stretch;flex-direction:column}.br-back-link,.br-copy-link{justify-content:center}.br-article-header{padding:20px;border-radius:22px}}

/* v3 enhancements */
.br-blog-featured-media{align-items:stretch}
.br-feature-visual{display:flex;flex-direction:column;justify-content:space-between;gap:16px;min-height:100%;max-width:430px}
.br-feature-highlight{display:grid;grid-template-columns:116px minmax(0,1fr);gap:14px;align-items:stretch}
.br-feature-chart{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;gap:8px;padding:14px;border-radius:18px;background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.08);min-height:110px}
.br-feature-chart span{display:block;border-radius:999px 999px 16px 16px;background:linear-gradient(180deg,var(--br-green),rgba(85,223,241,.52));box-shadow:0 10px 18px rgba(0,0,0,.18)}
.br-feature-chart span:nth-child(1){height:38%}.br-feature-chart span:nth-child(2){height:62%}.br-feature-chart span:nth-child(3){height:82%}.br-feature-chart span:nth-child(4){height:54%}.br-feature-chart span:nth-child(5){height:92%}
.br-feature-metrics{display:grid;gap:8px}
.br-feature-metrics span{display:block;padding:12px 13px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}
.br-feature-metrics b{display:block;color:#fff;font-size:.95rem;line-height:1.1}.br-feature-metrics small{display:block;color:#bfd2c5;font-size:.73rem;line-height:1.35;margin-top:4px}
.br-feature-tags{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.br-feature-tags span{padding:10px 8px;border-radius:13px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.08);color:#eafff1;font-size:12px;text-align:center;font-weight:850}
.br-blog-featured-body{justify-content:center}.br-feature-checks{gap:10px}
.br-feature-checks span{background:rgba(40,232,128,.08);border-color:rgba(40,232,128,.14);color:#e7fff2}
.br-article-actions{display:flex;gap:10px;flex-wrap:wrap}
.br-back-link,.br-copy-link,.br-share-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 14px;border-radius:14px;border:1px solid var(--br-line);text-decoration:none;font-size:13px;font-weight:900;letter-spacing:.01em;transition:transform .16s var(--br-ease),background .16s var(--br-ease),border-color .16s var(--br-ease),box-shadow .16s var(--br-ease)}
.br-back-link{background:rgba(255,255,255,.03);color:#ebfff2}.br-copy-link{cursor:pointer;font:inherit;background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.03));color:#ebfff2;box-shadow:0 10px 24px rgba(0,0,0,.15)}
.br-share-link{cursor:pointer;font:inherit;background:linear-gradient(135deg,rgba(88,101,242,.22),rgba(38,149,255,.18));border-color:rgba(119,132,255,.32);color:#edf1ff;box-shadow:0 10px 24px rgba(69,96,255,.18)}
.br-back-link:hover,.br-copy-link:hover,.br-share-link:hover{transform:translateY(-1px)}
.br-back-link:hover,.br-copy-link:hover{background:rgba(40,232,128,.1);border-color:rgba(40,232,128,.22);box-shadow:0 12px 28px rgba(40,232,128,.12)}
.br-share-link:hover{background:linear-gradient(135deg,rgba(88,101,242,.34),rgba(38,149,255,.24));border-color:rgba(119,132,255,.42);box-shadow:0 14px 30px rgba(69,96,255,.26)}
.br-copy-link::before{content:"↗";font-size:14px}.br-share-link::before{content:"✦";font-size:13px}.br-back-link::before{content:"←";font-size:14px}
.br-article-quickfacts{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.br-article-quickfacts span{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#d9ece0;font-size:12px;font-weight:850}
@media(max-width:960px){.br-feature-highlight{grid-template-columns:1fr}.br-feature-chart{min-height:96px}.br-article-actions{width:100%}}
@media(max-width:650px){.br-feature-tags{grid-template-columns:1fr}.br-article-actions{display:grid;grid-template-columns:1fr}.br-back-link,.br-copy-link,.br-share-link{width:100%}}

/* v5 reading meter + advanced editor blocks */
.br-read-meter{height:12px;border-radius:999px;background:rgba(255,255,255,.075);overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);margin:5px 0 12px}
.br-read-meter span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--br-green),var(--br-cyan));box-shadow:0 0 22px rgba(40,232,128,.45);transition:width .1s linear}
.br-read-meter-label{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.br-read-meter-label strong{margin:0!important;font-size:1.9rem!important}.br-read-meter-label em{font-style:normal;color:var(--br-muted);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.br-article-content .br-blog-callout{margin:28px 0;padding:22px 24px;border-radius:20px;border:1px solid rgba(40,232,128,.22);background:linear-gradient(135deg,rgba(40,232,128,.1),rgba(255,255,255,.025));box-shadow:0 18px 44px rgba(0,0,0,.18)}
.br-article-content .br-blog-callout-warn{border-color:rgba(255,209,102,.28);background:linear-gradient(135deg,rgba(255,209,102,.1),rgba(255,255,255,.025))}.br-article-content .br-blog-callout-info{border-color:rgba(85,223,241,.28);background:linear-gradient(135deg,rgba(85,223,241,.1),rgba(255,255,255,.025))}
.br-article-content .br-blog-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0}.br-article-content .br-blog-kpi{padding:18px;border-radius:18px;border:1px solid var(--br-line);background:rgba(255,255,255,.035)}.br-article-content .br-blog-kpi b{display:block;color:var(--br-green);font-size:1.45rem;line-height:1;margin-bottom:8px}.br-article-content .br-blog-kpi span{display:block;color:#d8eee1;font-size:13px;line-height:1.45}
.br-article-content .br-blog-steps{display:grid;gap:12px;margin:28px 0;counter-reset:brstep}.br-article-content .br-blog-step{position:relative;padding:18px 18px 18px 58px;border-radius:18px;border:1px solid var(--br-line);background:rgba(255,255,255,.03)}.br-article-content .br-blog-step::before{counter-increment:brstep;content:counter(brstep);position:absolute;left:18px;top:18px;width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:var(--br-green);color:#06120b;font-weight:950}.br-article-content .br-blog-step b{display:block;margin-bottom:4px;color:#fff}
.br-article-content .br-blog-table-wrap{overflow-x:auto;margin:28px 0;border-radius:18px;border:1px solid var(--br-line)}.br-article-content .br-blog-table-wrap table{margin:0;min-width:620px}.br-article-content .br-blog-badge-row{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.br-article-content .br-blog-badge{display:inline-flex;padding:7px 10px;border-radius:999px;border:1px solid rgba(40,232,128,.18);background:rgba(40,232,128,.08);color:#eafff2;font-size:12px;font-weight:850}
@media(max-width:700px){.br-article-content .br-blog-kpi-grid{grid-template-columns:1fr}.br-reading-progress{top:auto;bottom:0;height:5px}}


/* v6 reading progress card */
.br-read-card h3{margin-bottom:12px!important}.br-read-meter{height:15px!important;background:rgba(255,255,255,.065)!important;border-color:rgba(255,255,255,.075)!important;margin:0 0 12px!important}.br-read-meter span{background:linear-gradient(90deg,#28e880,#74ffc0)!important}.br-read-meter-label{justify-content:space-between!important;margin:0 0 8px!important}.br-read-meter-label strong{font-size:1.15rem!important}.br-read-meter-label em{font-size:11px!important}.br-read-card p{margin-top:6px!important;font-size:12px!important;line-height:1.55!important}


/* v7 - floating reading progress only, no percent text */
.br-read-card,.br-read-meter-label,[data-read-status]{display:none!important}
.br-reading-progress{height:3px!important;background:transparent!important;z-index:10055!important}
.br-reading-progress span{background:linear-gradient(90deg,#28e880,#74ffc0)!important;box-shadow:none!important}
.br-reading-dock{
  position:fixed;
  left:50%;
  bottom:18px;
  z-index:10055;
  width:min(520px,calc(100vw - 28px));
  height:16px;
  padding:4px;
  transform:translateX(-50%);
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(4,10,7,.82);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.br-reading-dock span{
  display:block;
  width:0;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#28e880,#74ffc0);
  transition:width .09s linear;
}
@media(max-width:700px){
  .br-reading-dock{bottom:12px;height:15px;width:calc(100vw - 22px)}
}


/* v8 - reading dock eye icon */
.br-reading-dock{display:flex!important;align-items:center!important;gap:7px!important;height:20px!important;padding:4px 6px!important}
.br-reading-eye{width:18px;height:18px;min-width:18px;border-radius:999px;display:grid;place-items:center;color:#9effc7;background:rgba(40,232,128,.10);border:1px solid rgba(40,232,128,.18)}
.br-reading-eye svg{display:block;width:13px;height:13px}.br-reading-dock>span{height:8px!important;flex:1!important}

/* v10 - compact featured banner, no empty chart block */
.br-feature-chart{display:none!important}
.br-feature-highlight{display:block!important;margin-top:12px!important}
.br-feature-metrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.br-feature-metrics span{min-height:68px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:12px 10px!important;border-radius:16px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.075)!important}
.br-feature-tags{margin-top:10px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.br-feature-tags span{min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:9px 10px!important;border-radius:14px!important;background:rgba(40,232,128,.055)!important;border:1px solid rgba(40,232,128,.13)!important}
.br-feature-visual{min-height:auto!important;justify-content:flex-start!important}
.br-feature-visual p{margin-bottom:8px!important}

@media(max-width:700px){
  .br-blog-main{width:calc(100% - 22px)!important;padding-top:6px!important}
  .br-blog-hero{display:block!important;padding:18px 0 16px!important;margin-bottom:12px!important;border-bottom:0!important}
  .br-blog-kicker{font-size:10px!important;margin-bottom:8px!important}
  .br-blog-hero h1{font-size:clamp(1.9rem,9vw,2.55rem)!important;line-height:1.02!important;margin:0 0 10px!important;letter-spacing:-.05em!important}
  .br-blog-hero p{font-size:.92rem!important;line-height:1.55!important;margin:0!important;max-width:none!important}
  .br-blog-stats{display:none!important}
  .br-blog-toolbar{position:relative!important;top:auto!important;margin:10px 0!important;padding:9px!important;border-radius:18px!important;gap:8px!important}
  .br-blog-categories{gap:7px!important;max-height:82px!important;overflow:auto!important;padding-bottom:2px!important;scrollbar-width:none!important}
  .br-blog-categories::-webkit-scrollbar{display:none!important}
  .br-blog-categories a{min-height:36px!important;padding:8px 10px!important;font-size:12px!important;border-radius:12px!important;white-space:nowrap!important}
  .br-blog-search{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;width:100%!important}
  .br-blog-search input{min-height:38px!important;padding:0 11px!important;font-size:13px!important;border-radius:12px!important}
  .br-blog-search button{min-height:38px!important;padding:0 12px!important;border-radius:12px!important;font-size:12px!important}
  .br-blog-livebar{margin:8px 0 12px!important;padding:10px 12px!important;border-radius:16px!important;font-size:12px!important}
  .br-blog-livebar span{font-size:1rem!important}
  .br-blog-featured{display:block!important;min-height:0!important;margin:12px 0 18px!important;border-radius:22px!important;overflow:hidden!important}
  .br-blog-featured-media{min-height:0!important;padding:12px!important;display:block!important;background:rgba(4,14,9,.72)!important}
  .br-feature-visual{width:100%!important;max-width:none!important;padding:16px!important;border-radius:20px!important;gap:10px!important;background:rgba(255,255,255,.035)!important}
  .br-feature-pill{margin:0 0 10px!important;padding:7px 10px!important;font-size:10px!important}
  .br-feature-visual strong{font-size:1.6rem!important;line-height:1.05!important;letter-spacing:-.04em!important}
  .br-feature-visual p{font-size:.92rem!important;line-height:1.5!important;margin:8px 0 2px!important;max-width:none!important}
  .br-feature-highlight{margin-top:8px!important}
  .br-feature-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
  .br-feature-metrics span{min-height:58px!important;padding:8px 6px!important;border-radius:13px!important}
  .br-feature-metrics b{font-size:.88rem!important}
  .br-feature-metrics small{font-size:.68rem!important;line-height:1.2!important}
  .br-feature-tags{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin-top:8px!important}
  .br-feature-tags span{min-height:34px!important;padding:7px 5px!important;font-size:11px!important;border-radius:12px!important}
  .br-blog-featured-body{padding:14px 15px 16px!important}
  .br-blog-featured-body .br-blog-meta{font-size:10px!important;gap:7px!important;margin-bottom:8px!important}
  .br-blog-featured h2{font-size:1.35rem!important;line-height:1.12!important;margin:0 0 8px!important}
  .br-blog-featured-body>p{font-size:.9rem!important;line-height:1.5!important;margin:0 0 12px!important}
  .br-feature-checks{display:none!important}
  .br-blog-read{width:100%!important;justify-content:center!important;min-height:42px!important;padding:0 14px!important;border-radius:14px!important}
  .br-blog-results-head{margin:16px 0 12px!important;gap:8px!important}
  .br-blog-results-head h2{font-size:1.45rem!important}
  .br-blog-results-head p{display:none!important}
  .br-blog-grid{gap:12px!important}
  .br-blog-card{min-height:0!important;padding:18px!important;border-radius:18px!important}
  .br-blog-card h2{font-size:1.15rem!important;line-height:1.18!important;margin:10px 0 8px!important}
  .br-blog-card p{font-size:.9rem!important;line-height:1.48!important;margin-bottom:14px!important}
}


/* v11 - real reading progress fill, not flex-stretched */
.br-reading-dock{display:flex!important;align-items:center!important;gap:7px!important}
.br-reading-track{display:block!important;position:relative!important;flex:1 1 auto!important;height:8px!important;min-width:0!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important;overflow:hidden!important;border:0!important}
.br-reading-track>span{display:block!important;width:0;height:100%!important;max-width:100%!important;border-radius:999px!important;background:linear-gradient(90deg,#28e880,#74ffc0)!important;transition:width .09s linear!important;flex:none!important}
.br-reading-dock>span{display:block!important;flex:0 0 auto!important;width:0!important;max-width:0!important;height:0!important;overflow:hidden!important;padding:0!important;margin:0!important}

/* v12 - mobile category drawer + remove featured badge */
.br-blog-featured-media::after{content:none!important;display:none!important}
.br-blog-category-toggle{display:none;border:1px solid rgba(40,232,128,.16);background:rgba(40,232,128,.08);color:#eafff2;border-radius:999px;padding:8px 12px;font:inherit;font-size:12px;font-weight:900;cursor:pointer;min-height:36px;line-height:1;text-decoration:none;white-space:nowrap}
.br-blog-category-toggle:hover{background:rgba(40,232,128,.14);border-color:rgba(40,232,128,.26)}
@media(max-width:700px){
  .br-blog-categories{display:flex!important;align-items:center!important;gap:7px!important;max-height:none!important;overflow:visible!important;padding-bottom:0!important}
  .br-blog-category-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important}
  .br-blog-categories:not(.is-open) a[data-blog-category]:not([data-blog-category=""]){display:none!important}
  .br-blog-categories.is-open a[data-blog-category]:not([data-blog-category=""]){display:inline-flex!important}
  .br-blog-categories a[data-blog-category=""]{display:inline-flex!important}
  .br-blog-categories a,.br-blog-category-toggle{min-height:36px!important;padding:8px 10px!important;font-size:12px!important;border-radius:12px!important;white-space:nowrap!important}
  .br-blog-categories.is-open{max-height:180px!important;overflow:auto!important;scrollbar-width:none!important;padding-bottom:2px!important}
  .br-blog-categories.is-open::-webkit-scrollbar{display:none!important}
}


/* v13 - centered blog intro, no stats tiles */
.br-blog-hero{
  display:block!important;
  max-width:980px!important;
  margin:0 auto!important;
  padding:clamp(26px,5vw,60px) 0 clamp(26px,4vw,46px)!important;
  text-align:center!important;
  border-bottom:0!important;
}
.br-blog-hero>div:first-child{
  max-width:940px!important;
  margin:0 auto!important;
}
.br-blog-hero .br-blog-kicker{
  justify-content:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.br-blog-hero .br-blog-kicker::before{
  display:none!important;
}
.br-blog-hero h1{
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.br-blog-hero p{
  max-width:820px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.br-blog-stats,.br-blog-stat{
  display:none!important;
}
@media(max-width:700px){
  .br-blog-hero{
    width:100%!important;
    padding:20px 0 20px!important;
  }
  .br-blog-hero h1{
    font-size:clamp(2.25rem,13vw,3.55rem)!important;
    line-height:.98!important;
    letter-spacing:-.065em!important;
    margin-bottom:16px!important;
  }
  .br-blog-hero p{
    font-size:1rem!important;
    line-height:1.65!important;
  }
  .br-blog-toolbar{
    margin-top:18px!important;
  }
}

/* v16 - featured banner respects empty admin fields */
.br-feature-pill{
  align-self:flex-start!important;
  display:inline-flex!important;
  width:auto!important;
  max-width:max-content!important;
  min-height:0!important;
  margin:0 0 12px!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  background:rgba(40,232,128,.12)!important;
  border:1px solid rgba(40,232,128,.18)!important;
  color:#56ffab!important;
  line-height:1!important;
  letter-spacing:.10em!important;
}
.br-feature-pill:empty,.br-feature-visual strong:empty,.br-feature-visual p:empty,.br-feature-tags:empty,.br-feature-metrics:empty,.br-feature-highlight:empty{display:none!important}
.br-feature-visual{gap:12px!important}
.br-feature-visual strong{margin:0!important}
.br-feature-visual p{margin:2px 0 4px!important}
.br-feature-highlight{margin-top:4px!important}
.br-feature-tags{margin-top:6px!important}
.br-blog-featured-clean{grid-template-columns:1fr!important}
.br-blog-featured-clean .br-blog-featured-body{max-width:900px;margin:0 auto;text-align:center;align-items:center}
@media(max-width:700px){
  .br-feature-pill{margin-bottom:8px!important;padding:6px 9px!important;font-size:9.5px!important}
  .br-feature-visual{gap:8px!important}
  .br-feature-highlight{margin-top:2px!important}
  .br-feature-tags{margin-top:4px!important}
}


/* v17 - featured banner collapses when mini-card sections are empty + article header width */
.br-blog-featured-compact{
  grid-template-columns:1fr!important;
  min-height:0!important;
  max-width:760px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.br-blog-featured-compact .br-blog-featured-media{
  min-height:0!important;
  padding:18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
}
.br-blog-featured-compact .br-feature-visual{
  width:min(560px,100%)!important;
  min-height:0!important;
  max-width:560px!important;
  margin:0 auto!important;
  padding:clamp(20px,3vw,30px)!important;
  display:block!important;
}
.br-feature-visual-compact{
  min-height:0!important;
  justify-content:center!important;
}
.br-feature-visual-compact .br-feature-pill{
  margin-bottom:12px!important;
}
.br-feature-visual-compact strong{
  display:block!important;
  margin:0 0 12px!important;
}
.br-feature-visual-compact p{
  margin:0!important;
}
.br-blog-featured-compact .br-blog-featured-body{
  max-width:620px!important;
  margin:0 auto!important;
  padding:0 22px 24px!important;
  text-align:center!important;
  align-items:center!important;
}
.br-blog-featured-compact .br-feature-checks{
  justify-content:center!important;
}
.br-blog-featured-clean{
  max-width:760px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  min-height:0!important;
}
.br-blog-featured-clean .br-blog-featured-body{
  padding:clamp(22px,3vw,34px)!important;
}
.br-article-header{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
@media(max-width:700px){
  .br-blog-featured-compact{
    max-width:100%!important;
  }
  .br-blog-featured-compact .br-blog-featured-media{
    padding:12px!important;
  }
  .br-blog-featured-compact .br-feature-visual{
    padding:18px!important;
  }
  .br-blog-featured-compact .br-blog-featured-body{
    padding:0 14px 16px!important;
  }
}


/* v18 - restore proper featured layout: left editable mini-card, right article info */
.br-blog-featured:not(.br-blog-featured-clean){
  display:grid!important;
  grid-template-columns:minmax(280px,.92fr) minmax(0,1.08fr)!important;
  align-items:center!important;
  gap:0!important;
  min-height:0!important;
  max-width:none!important;
  margin:0 0 24px!important;
}
.br-blog-featured:not(.br-blog-featured-clean) .br-blog-featured-media{
  min-height:0!important;
  height:auto!important;
  padding:clamp(22px,3vw,34px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(4,14,9,.42)!important;
}
.br-blog-featured:not(.br-blog-featured-clean) .br-feature-visual{
  width:min(430px,100%)!important;
  max-width:430px!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:clamp(22px,3vw,32px)!important;
  justify-content:flex-start!important;
  align-self:center!important;
}
.br-blog-featured:not(.br-blog-featured-clean) .br-feature-visual-compact{
  width:min(420px,100%)!important;
  padding:clamp(22px,3vw,32px)!important;
}
.br-blog-featured:not(.br-blog-featured-clean) .br-feature-visual-compact strong{
  margin:0 0 12px!important;
}
.br-blog-featured:not(.br-blog-featured-clean) .br-feature-visual-compact p{
  margin:0!important;
}
.br-blog-featured:not(.br-blog-featured-clean) .br-blog-featured-body{
  max-width:none!important;
  margin:0!important;
  padding:clamp(28px,4vw,54px)!important;
  text-align:left!important;
  align-items:flex-start!important;
  justify-content:center!important;
}
.br-blog-featured:not(.br-blog-featured-clean) .br-feature-checks{
  justify-content:flex-start!important;
}
.br-blog-featured-clean{
  display:block!important;
  min-height:0!important;
  max-width:860px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.br-blog-featured-clean .br-blog-featured-body{
  text-align:center!important;
  align-items:center!important;
  padding:clamp(24px,3.2vw,40px)!important;
}
@media(max-width:960px){
  .br-blog-featured:not(.br-blog-featured-clean){
    grid-template-columns:1fr!important;
  }
  .br-blog-featured:not(.br-blog-featured-clean) .br-blog-featured-media{
    padding:16px!important;
  }
  .br-blog-featured:not(.br-blog-featured-clean) .br-blog-featured-body{
    padding:18px 18px 22px!important;
    text-align:center!important;
    align-items:center!important;
  }
  .br-blog-featured:not(.br-blog-featured-clean) .br-feature-checks{
    justify-content:center!important;
  }
}

.br-blog-main{padding:32px 0 5px!important}
.br-blog-hero{padding:56px 0 34px!important;margin:0 auto!important;border-bottom:0!important}
.br-blog-kicker{margin:0 0 13px!important}
.br-blog-hero h1{margin:0 0 14px!important}
.br-blog-hero p{margin:0 auto!important}
.br-blog-toolbar{margin:18px 0 18px!important}

@media(max-width:700px){
  .br-blog-main{width:calc(100% - 22px)!important;padding:0 0 5px!important}
  .br-blog-hero{padding:34px 0 12px!important;margin:0!important;border-bottom:0!important}
  .br-blog-kicker{margin:0 0 6px!important;font-size:10px!important;line-height:1.1!important}
  .br-blog-hero h1{margin:0 0 8px!important;font-size:clamp(2.05rem,11vw,3rem)!important;line-height:1!important}
  .br-blog-hero p{margin:0!important;font-size:.93rem!important;line-height:1.5!important}
  .br-blog-toolbar{margin:8px 0 10px!important}
  .br-blog-livebar{margin:6px 0 10px!important}
}