/* Marketing Limited — blog single posts */
.nbs-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:1001;pointer-events:none}
.nbs-progress span{display:block;height:100%;width:0;background:linear-gradient(-90deg,#E32B2B,#5065E8);transition:width .1s linear}

.nbs-hero{padding-bottom:clamp(90px,12vw,150px)}
.nbs-hero .container{max-width:980px}
.nbs-hero h1{font-size:clamp(1.7rem,4vw,2.8rem);line-height:1.4}
.nbs-cat{display:inline-block;margin:0 auto .9rem;padding:.35rem .95rem;border-radius:999px;background:rgba(227,43,43,.9);color:#fff!important;font-size:.82rem;font-weight:800;text-decoration:none}
.nbs-meta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem 1.4rem;margin-top:1.2rem;color:rgba(255,255,255,.75);font-size:.92rem}
.nbs-meta span{display:inline-flex;align-items:center;gap:.45rem}
.nbs-meta i{color:#ff8a80}
.nbs-author img{width:30px;height:30px;padding:4px;border-radius:50%;background:#fff;object-fit:contain}

.nbs-main{padding:0 0 clamp(40px,6vw,80px);background:#fff}
.nbs-cover{max-width:1060px;margin:calc(-1 * clamp(70px,10vw,120px)) auto clamp(2rem,4vw,3rem);position:relative;z-index:2;overflow:hidden;border-radius:24px;box-shadow:0 30px 70px rgba(13,17,48,.22);background:#EEF0F7}
.nbs-cover img{display:block;width:100%;height:auto;max-height:560px;object-fit:cover}
.nbs-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(1.5rem,4vw,3.5rem);align-items:start;max-width:1160px;margin:0 auto}
.nbs-grid>*{min-width:0}
.nbs-grid>.nbs-content{margin:0;width:auto}
.nbs-content .wp-block-table,.nbs-content figure,.nbs-content pre{max-width:100%}
.nbs-content pre{overflow-x:auto}
.nbs-main:not(:has(.nbs-cover)){padding-top:clamp(40px,6vw,72px)}

/* article typography on top of .nhp-prose */
.nbs-content{max-width:none;font-size:clamp(1.02rem,1.35vw,1.1rem);line-height:2.05}
.nbs-content h2{scroll-margin-top:110px;padding-top:.4rem;border-top:1px solid #EEF0F7;margin-top:2.6rem}
.nbs-content>h2:first-child{border-top:0;padding-top:0}
.nbs-content h3{scroll-margin-top:110px}
.nbs-content h2 a,.nbs-content h3 a{color:inherit;text-decoration:none}
.nbs-content hr,.nbs-content .wp-block-separator{border:0;height:1px;margin:2rem 0;background:#E7E9F3}
.nbs-content .wp-block-image,.nbs-content figure{margin:1.8rem 0}
.nbs-content figure img,.nbs-content .wp-block-image img{margin-inline:auto;border-radius:16px}
.nbs-content figcaption{margin-top:.5rem;text-align:center;font-size:.88rem;color:#6B7280}
.nbs-content ul li::marker{color:#E32B2B}
.nbs-content ol li::marker{color:#E32B2B;font-weight:800}
.nbs-content .wp-block-quote,.nbs-content blockquote{margin:1.8rem 0;padding:1.3rem 1.6rem;border-left:4px solid #E32B2B;border-radius:14px;background:#F6F7FC}
.nbs-content .wp-block-table{margin:1.8rem 0;overflow-x:auto}
.nbs-content table{display:table;width:100%;min-width:520px;border-collapse:collapse;font-size:.95rem}
.nbs-content .wp-block-table table{margin:0}
.nbs-content th,.nbs-content td{padding:.7rem .9rem;border:1px solid #E7E9F3;text-align:left;vertical-align:top}
.nbs-content thead th,.nbs-content tr:first-child th{background:#0D1130;color:#fff}
.nbs-content tbody tr:nth-child(even){background:#FAFBFE}
.nbs-content .wp-block-embed__wrapper{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:16px}
.nbs-content .wp-block-embed__wrapper iframe,.nbs-content iframe[src*="youtube"]{width:100%;height:100%;border:0}
.nbs-content iframe[src*="youtube"]{aspect-ratio:16/9;height:auto;border-radius:16px}
.nbs-content .wp-block-buttons{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.4rem 0}
.nbs-content .wp-block-button__link{display:inline-flex;min-height:46px;align-items:center;padding:.65rem 1.4rem;border-radius:12px;background:#E32B2B;color:#fff;text-decoration:none}
.nbs-content .wp-block-columns{display:flex;flex-wrap:wrap;gap:1.25rem}
.nbs-content .wp-block-column{flex:1 1 260px;min-width:0}
.nbs-content .wp-block-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.8rem}
.nbs-content .has-text-align-center{text-align:center}
.nbs-content img{height:auto}

.nbs-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:2.2rem 0 0}
.nbs-tags span{padding:.3rem .8rem;border-radius:999px;background:#F6F7FC;color:#5F6475;font-size:.85rem;font-weight:700}

.nbs-share{display:flex;flex-wrap:wrap;gap:.45rem}
.nbs-share a,.nbs-share button{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;border:1px solid #E7E9F3;background:#fff;color:#0D1130;font-size:1rem;text-decoration:none;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.nbs-share a:hover,.nbs-share button:hover{background:#0D1130;border-color:#0D1130;color:#fff}
.nbs-share a.is-wa:hover{background:#25D366;border-color:#25D366}
.nbs-share button.is-copied{background:#16a34a;border-color:#16a34a;color:#fff}
.nbs-endshare{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-top:2rem;padding:1.2rem 1.4rem;border-radius:18px;background:#F6F7FC}
.nbs-endshare strong{color:#0D1130}
.nbs-authorbox{display:flex;gap:1rem;align-items:center;margin-top:1.4rem;padding:1.4rem;border:1px solid #E7E9F3;border-radius:18px}
.nbs-authorbox img{flex:none;width:64px;height:64px;padding:10px;border-radius:50%;background:#0D1130;object-fit:contain;filter:none}
.nbs-authorbox strong{display:block;color:#0D1130;font-size:1.02rem}
.nbs-authorbox p{margin:.25rem 0 0;color:#5F6475;font-size:.92rem;line-height:1.8}

.nbs-side{position:sticky;top:100px;display:grid;gap:1rem}
.nbs-toc{padding:1.1rem 1.2rem;border:1px solid #E7E9F3;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(13,17,48,.05)}
.nbs-toc summary{display:flex;align-items:center;gap:.5rem;list-style:none;cursor:pointer;font-weight:900;color:#0D1130}
.nbs-toc summary::-webkit-details-marker{display:none}
.nbs-toc summary i{color:#E32B2B}
.nbs-toc ol{max-height:52vh;overflow:auto;margin:.8rem 0 0;padding:0;list-style:none;counter-reset:toc;scrollbar-width:thin}
.nbs-toc li{counter-increment:toc;margin:0}
.nbs-toc a{display:flex;gap:.5rem;padding:.42rem .5rem;border-radius:9px;color:#5F6475;font-size:.9rem;line-height:1.6;text-decoration:none}
.nbs-toc a::before{content:counter(toc);flex:none;min-width:1.4rem;color:#9aa0b4;font-weight:800}
.nbs-toc a:hover{background:#F6F7FC;color:#0D1130}
.nbs-toc a.on{background:rgba(227,43,43,.08);color:#E32B2B;font-weight:800}
.nbs-toc a.on::before{color:#E32B2B}
.nbs-box{padding:1.1rem 1.2rem;border:1px solid #E7E9F3;border-radius:18px;background:#fff}
.nbs-box>strong{display:block;margin-bottom:.7rem;color:#0D1130}
.nbs-cta{background:#0D1130;border-color:#0D1130;color:#fff}
.nbs-cta>strong{color:#fff;margin-bottom:.3rem}
.nbs-cta p{margin:0 0 1rem;color:rgba(255,255,255,.72);font-size:.9rem;line-height:1.8}
.nbs-cta-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:.8rem;border-radius:12px;background:rgba(227,43,43,.2);color:#ff8a80}

.nbs-nav{padding:0 0 clamp(40px,6vw,70px);background:#fff}
.nbs-nav-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:1160px;margin:0 auto}
.nbs-nav-item{display:block;padding:1.2rem 1.4rem;border:1px solid #E7E9F3;border-radius:18px;text-decoration:none;transition:border-color .2s,box-shadow .2s}
.nbs-nav-item:hover{border-color:#E32B2B;box-shadow:0 8px 24px rgba(13,17,48,.06)}
.nbs-nav-item.is-next{text-align:right}
.nbs-nav-item em{display:block;margin-bottom:.3rem;font-style:normal;font-size:.82rem;font-weight:800;color:#E32B2B}
.nbs-nav-item strong{display:block;color:#0D1130;line-height:1.6}

@media (max-width:1024px){
  .nbs-grid{grid-template-columns:minmax(0,1fr)}
  .nbs-side{position:static;order:-1}
  .nbs-side .nbs-box{display:none}
  .nbs-toc:not([open]) ol{display:none}
}
@media (max-width:640px){
  .nbs-cover{border-radius:16px;margin-inline:-.25rem}
  .nbs-nav-grid{grid-template-columns:1fr}
  .nbs-nav-item.is-next{text-align:left}
  .nbs-endshare{flex-direction:column;align-items:flex-start}
  .nbs-authorbox{align-items:flex-start}
  .nbs-meta{font-size:.85rem;gap:.5rem 1rem}
}
