/*
Theme Name: Pro Business Blog WP
Theme URI: https://probusinessblog.com/
Author: Pro Business Blog
Description: WordPress conversion of the supplied Pro Business Blog React design with matching homepage, archives, search, pages and single post layout.
Version: 1.0.6
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: pro-business-blog-wp
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@300;400;500;600;700&display=swap');
:root{--brand-primary:#0F172A;--brand-secondary:#64748B;--brand-accent:#C2410C}.font-display{font-family:"Space Grotesk",sans-serif}body{font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#fff;color:var(--brand-primary);-webkit-font-smoothing:antialiased}.text-brand-primary{color:var(--brand-primary)}.text-brand-secondary{color:var(--brand-secondary)}.text-brand-accent{color:var(--brand-accent)}.bg-brand-primary{background-color:var(--brand-primary)}.bg-brand-secondary{background-color:var(--brand-secondary)}.bg-brand-accent{background-color:var(--brand-accent)}.border-brand-accent{border-color:var(--brand-accent)}.fill-brand-accent{fill:var(--brand-accent)}.hover\:text-brand-accent:hover{color:var(--brand-accent)}.hover\:text-brand-primary:hover{color:var(--brand-primary)}.hover\:bg-brand-accent:hover{background-color:var(--brand-accent)}.hover\:border-brand-accent:hover{border-color:var(--brand-accent)}.selection\:bg-brand-accent::selection{background:var(--brand-accent);color:#fff}.cut-corner{clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px))}.cut-corner-lg{clip-path:polygon(0 0,calc(100% - 48px) 0,100% 48px,100% 100%,48px 100%,0 calc(100% - 48px))}.cut-corner-btn{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.custom-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.page-transition{transition:all .5s ease-in-out}@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.animate-marquee{animation:marquee 30s linear infinite;display:inline-flex;min-width:200%}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.markdown-content p{margin-bottom:1.5rem;line-height:1.75;font-size:1.125rem;color:#334155}.markdown-content h2{font-size:1.875rem;line-height:2.25rem;font-family:"Space Grotesk",sans-serif;font-weight:700;margin-top:4rem;margin-bottom:2rem;display:flex;align-items:center}.markdown-content h3{font-size:1.5rem;line-height:2rem;font-family:"Space Grotesk",sans-serif;font-weight:700;margin-top:3rem;margin-bottom:1.5rem}.pro-content img{max-width:100%;height:auto}.screen-reader-text{position:absolute;left:-9999px}.admin-bar .pro-sticky{top:116px}.comment-form input,.comment-form textarea{width:100%;background:#f9fafb;border:1px solid #f3f4f6;padding:1rem 1.25rem}.comment-form .submit{background:var(--brand-primary);color:white;font-weight:700;padding:.85rem 1.5rem;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}@media(max-width:1023px){.custom-grid{grid-template-columns:repeat(1,1fr)}.lg\:hidden{display:block!important}.desktop-menu{display:none!important}.mobile-panel.hidden{display:none!important}.mobile-panel{display:block}.single-progress{display:none}}@media(min-width:1024px){.mobile-toggle{display:none!important}.mobile-panel{display:none!important}}html{scroll-behavior:smooth}

/* Local Tailwind-compatible utility subset for exact uploaded design rendering */
*{box-sizing:border-box}body{margin:0}a{text-decoration:none;color:inherit}img{display:block}button,input,textarea{font:inherit}button{cursor:pointer;border:0} .container{width:100%}
.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.top-0{top:0}.top-4{top:1rem}.top-16{top:4rem}.top-24{top:6rem}.top-full{top:100%}.top-1\/2{top:50%}.right-0{right:0}.right-2{right:.5rem}.right-6{right:1.5rem}.bottom-0{bottom:0}.bottom-6{bottom:1.5rem}.left-0{left:0}.left-4{left:1rem}.left-6{left:1.5rem}.-bottom-2{bottom:-.5rem}.-bottom-24{bottom:-6rem}.-left-12{left:-3rem}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[60\]{z-index:60}
.block{display:block}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.flex{display:flex}.grid{display:grid}.hidden{display:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.flex-1{flex:1 1 0%}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.self-start{align-self:flex-start}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.col-span-12{grid-column:span 12/span 12}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-x-12{column-gap:3rem}.gap-y-4{row-gap:1rem}
.max-w-xs{max-width:20rem}.max-w-md{max-width:28rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-screen-2xl{max-width:1536px}.w-full{width:100%}.w-1\/3{width:33.333333%}.w-1\/4{width:25%}.w-2\/3{width:66.666667%}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-48{width:12rem}.w-64{width:16rem}.w-\[1px\]{width:1px}.w-\[500px\]{width:500px}.h-full{height:100%}.h-1{height:.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-20{height:5rem}.h-24{height:6rem}.h-48{height:12rem}.h-64{height:16rem}.h-px{height:1px}.h-\[500px\]{height:500px}.h-\[600px\]{height:600px}.min-h-screen{min-height:100vh}.min-h-\[160px\]{min-height:160px}.aspect-video{aspect-ratio:16/9}.aspect-square{aspect-ratio:1/1}.aspect-\[4\/3\]{aspect-ratio:4/3}
.mx-auto{margin-left:auto;margin-right:auto}.ml-auto{margin-left:auto}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.-mr-8{margin-right:-2rem}.mt-0\.5{margin-top:.125rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.-mt-8{margin-top:-2rem}.-mt-16{margin-top:-4rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-12{margin-top:3rem;margin-bottom:3rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}
.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.p-12{padding:3rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.pt-10{padding-top:2.5rem}.pt-16{padding-top:4rem}.pb-0\.5{padding-bottom:.125rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pb-12{padding-bottom:3rem}.pb-24{padding-bottom:6rem}.pb-28{padding-bottom:7rem}.pl-4{padding-left:1rem}.pl-8{padding-left:2rem}.pr-12{padding-right:3rem}
.space-y-1>*+*{margin-top:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.space-y-10>*+*{margin-top:2.5rem}.space-y-12>*+*{margin-top:3rem}.space-x-2>*+*{margin-left:.5rem}.space-x-3>*+*{margin-left:.75rem}.space-x-4>*+*{margin-left:1rem}.space-x-5>*+*{margin-left:1.25rem}.space-x-6>*+*{margin-left:1.5rem}.space-x-8>*+*{margin-left:2rem}.space-x-12>*+*{margin-left:3rem}
.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.object-cover{object-fit:cover}.pointer-events-none{pointer-events:none}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}
.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-gray-50{border-color:#f9fafb}.border-gray-100{border-color:#f3f4f6}.border-gray-200{border-color:#e5e7eb}.border-gray-200\/60{border-color:rgba(229,231,235,.6)}.border-white{border-color:white}.border-white\/5{border-color:rgba(255,255,255,.05)}.border-white\/10{border-color:rgba(255,255,255,.1)}.border-white\/20{border-color:rgba(255,255,255,.2)}.border-brand-primary{border-color:var(--brand-primary)}.border-brand-accent\/30{border-color:rgba(194,65,12,.3)}.border-brand-accent\/50{border-color:rgba(194,65,12,.5)}
.bg-white{background:#fff}.bg-transparent{background:transparent}.bg-gray-50{background:#f9fafb}.bg-gray-50\/50{background:rgba(249,250,251,.5)}.bg-gray-100{background:#f3f4f6}.bg-white\/5{background:rgba(255,255,255,.05)}.bg-white\/10{background:rgba(255,255,255,.1)}.bg-white\/95{background:rgba(255,255,255,.95)}.bg-brand-accent\/5{background:rgba(194,65,12,.05)}.bg-brand-accent\/10{background:rgba(194,65,12,.1)}.bg-brand-accent\/20{background:rgba(194,65,12,.2)}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-from,transparent),var(--tw-gradient-via,transparent),var(--tw-gradient-to,transparent))}.from-brand-primary{--tw-gradient-from:var(--brand-primary)}.via-transparent{--tw-gradient-via:transparent}.to-transparent{--tw-gradient-to:transparent}
.text-center{text-align:center}.text-white{color:white}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-brand-secondary\/90{color:rgba(100,116,139,.9)}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-\[8px\]{font-size:8px}.text-\[10px\]{font-size:10px}.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-black{font-weight:900}.italic{font-style:italic}.uppercase{text-transform:uppercase}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-widest{letter-spacing:.1em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-\[0\.3em\]{letter-spacing:.3em}.leading-tight{line-height:1.25}.leading-snug{line-height:1.375}.leading-relaxed{line-height:1.625}.leading-\[1\.05\]{line-height:1.05}
.shadow-sm{box-shadow:0 1px 2px rgba(0,0,0,.05)}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.shadow-inner{box-shadow:inset 0 2px 4px rgba(0,0,0,.05)}.shadow-brand-accent\/20{box-shadow:0 20px 25px -5px rgba(194,65,12,.2),0 8px 10px -6px rgba(194,65,12,.2)}
.opacity-5{opacity:.05}.opacity-10{opacity:.1}.opacity-60{opacity:.6}.opacity-\[0\.03\]{opacity:.03}.grayscale{filter:grayscale(100%)}.blur-2xl{filter:blur(40px)}.blur-3xl{filter:blur(64px)}.blur-\[120px\]{filter:blur(120px)}.backdrop-blur-md{backdrop-filter:blur(12px)}.backdrop-blur-sm{backdrop-filter:blur(4px)}
.transform{transform:translate(var(--tw-translate-x,0),var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) skewX(var(--tw-skew-x,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1))}.translate-x-1\/2{--tw-translate-x:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y,0))}.translate-x-1\/3{--tw-translate-x:33.333%;transform:translate(var(--tw-translate-x),var(--tw-translate-y,0))}.translate-x-1\/4{--tw-translate-x:25%;transform:translate(var(--tw-translate-x),var(--tw-translate-y,0))}.-translate-x-1\/4{--tw-translate-x:-25%;transform:translate(var(--tw-translate-x),var(--tw-translate-y,0))}.translate-y-1\/2{--tw-translate-y:50%;transform:translate(var(--tw-translate-x,0),var(--tw-translate-y))}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x,0),var(--tw-translate-y))}.skew-x-12{transform:skewX(-12deg)}.rotate-0{rotate:0deg}.origin-left{transform-origin:left}.transition-all{transition:all .3s ease}.transition-colors{transition:color .2s ease,background-color .2s ease,border-color .2s ease}.transition-transform{transition:transform .3s ease}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{50%{opacity:.5}}
.group:hover .group-hover\:scale-105{transform:scale(1.05)}.group:hover .group-hover\:scale-110{transform:scale(1.10)}.group:hover .group-hover\:text-brand-accent{color:var(--brand-accent)}.group:hover .group-hover\:grayscale-0{filter:grayscale(0)}.group\/subcard:hover .group-hover\/subcard\:grayscale-0{filter:grayscale(0)}.hover\:text-white:hover{color:white}.hover\:bg-white:hover{background:white}.hover\:bg-white\/10:hover{background:rgba(255,255,255,.1)}.hover\:bg-gray-50:hover{background:#f9fafb}.hover\:shadow-xl:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.hover\:underline:hover{text-decoration:underline}.hover\:grayscale-0:hover{filter:grayscale(0)}.hover\:translate-x-1:hover{transform:translateX(.25rem)}.hover\:animate-none:hover{animation:none}.last\:border-0:last-child{border-width:0}.focus\:outline-none:focus{outline:0}.focus\:ring-0:focus{box-shadow:none}.focus\:ring-2:focus{box-shadow:0 0 0 2px var(--brand-accent)}.focus\:border-brand-accent:focus{border-color:var(--brand-accent)}.focus\:bg-white:focus{background:white}.outline-none{outline:0}.scroll-mt-32{scroll-margin-top:8rem}
@media (min-width:640px){.sm\:block{display:block}.sm\:hidden{display:none}.sm\:flex-row{flex-direction:row}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:h-20{height:5rem}.sm\:h-auto{height:auto}.sm\:top-20{top:5rem}.sm\:w-1\/3{width:33.333333%}.sm\:w-2\/3{width:66.666667%}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-xs{font-size:.75rem;line-height:1rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}}
@media (min-width:768px){.md\:flex{display:flex}.md\:flex-row{flex-direction:row}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:items-start{align-items:flex-start}.md\:-mt-32{margin-top:-8rem}.md\:p-12{padding:3rem}.md\:p-24{padding:6rem}.md\:pt-12{padding-top:3rem}.md\:pt-24{padding-top:6rem}.md\:pb-16{padding-bottom:4rem}.md\:pb-48{padding-bottom:12rem}.md\:py-24{padding-top:6rem;padding-bottom:6rem}.md\:py-32{padding-top:8rem;padding-bottom:8rem}.md\:text-left{text-align:left}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}}
@media (min-width:1024px){.lg\:flex{display:flex}.lg\:hidden{display:none!important}.lg\:flex-col{flex-direction:column}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:h-16{height:4rem}.lg\:w-full{width:100%}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:text-\[10px\]{font-size:10px}.lg\:text-8xl{font-size:6rem;line-height:1}.lg\:-rotate-90{transform:rotate(-90deg)}}


/* v1.0.3 responsive consistency updates: keep the uploaded homepage/single/footer design intact on mobile, tablet and desktop */
@media (max-width: 1023px){
  header .custom-logo{max-height:52px;width:auto;}
  .desktop-menu{display:none!important;}
  .mobile-toggle{display:block!important;}
  .mobile-panel:not(.hidden){display:block!important;}
  .mobile-panel.hidden{display:none!important;}
  .custom-grid{display:grid;grid-template-columns:1fr!important;gap:2rem;}
  .lg\:col-span-2,.lg\:col-span-3,.lg\:col-span-4,.lg\:col-span-5,.lg\:col-span-7,.lg\:col-span-8,.lg\:col-span-12{grid-column:span 1/span 1!important;}
  .lg\:grid-cols-3,.lg\:grid-cols-4,.lg\:grid-cols-12{grid-template-columns:repeat(1,minmax(0,1fr))!important;}
  .lg\:flex-col{flex-direction:row;}
  .lg\:w-full{width:auto;}
  .lg\:h-16{height:auto;}
  .lg\:-rotate-90{transform:none!important;}
  .single-progress{display:none!important;}
  .pro-content article,.pro-content{max-width:100%;overflow-wrap:anywhere;}
}
@media (max-width: 767px){
  body{overflow-x:hidden;}
  .max-w-7xl,.max-w-screen-2xl{max-width:100%;}
  .cut-corner-lg{clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,28px 100%,0 calc(100% - 28px));}
  .h-\[600px\]{height:430px!important;}
  .h-\[500px\],.w-\[500px\]{height:280px!important;width:280px!important;}
  .p-8{padding:1.25rem;}.p-10{padding:1.5rem;}.p-12{padding:1.5rem;}
  .py-16{padding-top:3rem;padding-bottom:3rem;}.py-24{padding-top:4rem;padding-bottom:4rem;}
  .pt-16{padding-top:3rem;}.pb-24,.pb-28{padding-bottom:4rem;}
  .mb-16{margin-bottom:3rem;}.mb-12{margin-bottom:2rem;}.mb-10{margin-bottom:1.75rem;}
  .gap-12{gap:2rem;}.gap-10{gap:1.5rem;}.gap-8{gap:1.25rem;}
  .text-6xl,.md\:text-6xl,.lg\:text-8xl{font-size:2.75rem!important;line-height:1.05!important;}
  .text-5xl,.md\:text-5xl{font-size:2.35rem!important;line-height:1.08!important;}
  .text-4xl,.md\:text-4xl{font-size:2rem!important;line-height:1.15!important;}
  .text-3xl,.md\:text-3xl{font-size:1.65rem!important;line-height:1.2!important;}
  .text-2xl{font-size:1.35rem;line-height:1.25;}
  .text-xl{font-size:1.15rem;line-height:1.45;}
  .homepage-section-head{align-items:flex-start!important;gap:1rem;}
  .homepage-section-head .collection-link{font-size:11px;white-space:nowrap;padding-top:.3rem;}
  .homepage-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1rem!important;}
  .homepage-mini-grid .p-4{padding:.85rem;}
  .homepage-mini-grid .text-xs{font-size:.7rem;line-height:1rem;}
  .homepage-horizontal-list{display:grid!important;grid-template-columns:1fr!important;gap:1rem!important;}
  .homepage-horizontal-list .flex{align-items:center;}
  .markdown-content p{font-size:1rem;line-height:1.75;}
  .markdown-content h2{font-size:1.55rem;line-height:1.25;margin-top:2.5rem;margin-bottom:1.25rem;}
  .markdown-content h3{font-size:1.3rem;line-height:1.3;margin-top:2rem;margin-bottom:1rem;}
  .single-post .sticky,.page-transition .sticky{position:relative;top:auto;}
  footer .md\:flex-row{flex-direction:column!important;align-items:flex-start!important;text-align:left;}
  footer .space-x-6{gap:1rem;flex-wrap:wrap;} footer .space-x-6>*+*{margin-left:0;}
}
@media (max-width: 480px){
  .h-\[600px\]{height:390px!important;}
  header .text-2xl,header .sm\:text-3xl{font-size:1.35rem!important;line-height:1.1!important;}
  .homepage-mini-grid{grid-template-columns:1fr!important;}
  .flex.items-center.space-x-6.pt-4{gap:.75rem;flex-wrap:wrap;}.flex.items-center.space-x-6.pt-4>*+*{margin-left:0;}
  .space-x-12>*+*{margin-left:2rem;}
  .collection-link span{margin-left:.25rem;}
}


/* v1.0.4 full responsive compatibility patch: preserves the desktop design while making all homepage, archive and single-post blocks load cleanly on tablet/mobile */
html,body{max-width:100%;overflow-x:hidden;}
img,video,iframe{max-width:100%;height:auto;}
.pro-content,.markdown-content{min-width:0;}
.mobile-toggle{background:transparent;line-height:1;font-size:1.65rem;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;}
.mobile-panel a{word-break:normal;}

@media (max-width:1199px){
  .desktop-menu{gap:1.25rem;}
  .desktop-menu a{font-size:12px;}
  .max-w-7xl,.max-w-screen-2xl{width:100%;}
}

@media (max-width:1023px){
  header{position:sticky;top:0;z-index:999;}
  header .max-w-7xl{max-width:100%;}
  header .h-16, header .sm\:h-20{height:72px!important;}
  .desktop-menu{display:none!important;}
  .mobile-toggle{display:inline-flex!important;}
  .mobile-panel{position:fixed!important;top:104px!important;left:0!important;right:0!important;width:100%!important;max-height:calc(100vh - 104px);overflow-y:auto;background:#fff;box-shadow:0 24px 48px rgba(15,23,42,.18);}
  body.admin-bar .mobile-panel{top:136px!important;max-height:calc(100vh - 136px);}
  .mobile-panel.hidden{display:none!important;}
  .mobile-panel:not(.hidden){display:block!important;}

  .custom-grid,.single-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:2rem!important;}
  .grid{min-width:0;}
  .col-span-12,.lg\:col-span-2,.lg\:col-span-3,.lg\:col-span-4,.lg\:col-span-5,.lg\:col-span-7,.lg\:col-span-8{grid-column:1/-1!important;}
  .lg\:grid-cols-3,.lg\:grid-cols-4,.lg\:grid-cols-12{grid-template-columns:minmax(0,1fr)!important;}
  .lg\:flex-col{flex-direction:row!important;}
  .lg\:w-full{width:auto!important;}
  .lg\:h-16{height:auto!important;}
  .lg\:-rotate-90{transform:none!important;}
  .single-progress{display:none!important;}
  .single-post .sticky,.page-transition .sticky{position:relative!important;top:auto!important;}
  aside .sticky{position:relative!important;top:auto!important;}
  .single-post aside:first-child{order:2;}
  .single-post article{order:1;}
  .single-post aside:last-child{order:3;}
  .single-post article,.single-post aside{min-width:0;}
  .single-post .flex.lg\:flex-col{align-items:center;}
  .single-post .flex.lg\:flex-col .flex.lg\:flex-col{width:100%;}
}

@media (max-width:767px){
  .bg-brand-primary.text-white.text-\[10px\]{font-size:10px;}
  header .px-4{padding-left:1rem;padding-right:1rem;}
  header .space-x-4>*+*{margin-left:.75rem;}
  header .text-2xl,header .sm\:text-3xl{font-size:1.45rem!important;line-height:1.05!important;letter-spacing:-.04em;}
  header .custom-logo{max-width:210px;height:auto;}
  .mobile-panel{top:100px!important;max-height:calc(100vh - 100px);}
  body.admin-bar .mobile-panel{top:146px!important;max-height:calc(100vh - 146px);}

  .max-w-7xl,.max-w-6xl,.max-w-4xl,.max-w-screen-2xl{max-width:100%;width:100%;}
  .px-4,.sm\:px-6,.lg\:px-8{padding-left:1rem!important;padding-right:1rem!important;}
  .py-24,.md\:py-24,.md\:py-32{padding-top:4rem!important;padding-bottom:4rem!important;}
  .py-20{padding-top:3.5rem!important;padding-bottom:3.5rem!important;}
  .py-16{padding-top:3rem!important;padding-bottom:3rem!important;}
  .pt-16,.md\:pt-24{padding-top:3rem!important;}
  .pb-24,.pb-28,.md\:pb-48{padding-bottom:4rem!important;}
  .mb-16{margin-bottom:2.75rem!important;}.mb-12{margin-bottom:2rem!important;}.mb-10{margin-bottom:1.75rem!important;}.mb-8{margin-bottom:1.5rem!important;}
  .gap-12{gap:2rem!important;}.gap-10{gap:1.5rem!important;}.gap-8{gap:1.25rem!important;}.gap-6{gap:1rem!important;}
  .p-12,.md\:p-12,.md\:p-24{padding:1.5rem!important;}.p-10{padding:1.5rem!important;}.p-8{padding:1.25rem!important;}.p-6{padding:1.1rem!important;}
  .cut-corner-lg{clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,28px 100%,0 calc(100% - 28px))!important;}
  .cut-corner{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))!important;}

  .h-48{height:12rem!important;}
  .h-64{height:14rem!important;}
  .h-\[600px\]{height:430px!important;}
  .h-\[500px\],.w-\[500px\]{height:260px!important;width:260px!important;}
  .w-64{width:12rem!important;}.h-64{height:12rem!important;}
  .w-1\/3,.w-2\/3,.sm\:w-1\/3,.sm\:w-2\/3{width:100%!important;}

  .text-6xl,.md\:text-6xl,.lg\:text-8xl{font-size:2.65rem!important;line-height:1.05!important;}
  .text-5xl,.md\:text-5xl{font-size:2.25rem!important;line-height:1.08!important;}
  .text-4xl,.md\:text-4xl{font-size:1.95rem!important;line-height:1.15!important;}
  .text-3xl,.md\:text-3xl{font-size:1.6rem!important;line-height:1.2!important;}
  .text-2xl{font-size:1.3rem!important;line-height:1.25!important;}
  .text-xl{font-size:1.08rem!important;line-height:1.45!important;}
  p.text-xl, .markdown-content p{font-size:1rem!important;line-height:1.75!important;}

  .homepage-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1rem!important;}
  .homepage-mini-grid .aspect-video{aspect-ratio:16/10;}
  .homepage-mini-grid .p-4{padding:.85rem!important;}
  .homepage-section-head{align-items:flex-start!important;gap:1rem!important;flex-wrap:wrap;}
  .homepage-section-head .space-y-2{max-width:100%;}
  .collection-link{font-size:11px!important;white-space:nowrap;}
  .homepage-horizontal-list{display:grid!important;grid-template-columns:1fr!important;gap:1rem!important;}
  .homepage-horizontal-list>div{padding-top:1rem!important;padding-bottom:1rem!important;}

  .flex.flex-col.sm\:flex-row,.sm\:flex-row{flex-direction:column!important;}
  .md\:flex-row{flex-direction:column!important;}
  .md\:items-start{align-items:flex-start!important;}
  .md\:text-left{text-align:left!important;}
  .text-center.md\:text-left{text-align:left!important;}
  .single-post .flex.flex-wrap.items-center.gap-10{gap:1.25rem!important;align-items:flex-start!important;}
  .single-post .ml-auto{margin-left:0!important;width:100%;justify-content:flex-start;}
  .single-post .border-l-2.pl-8{padding-left:1rem!important;}
  .single-post .-mt-16,.single-post .md\:-mt-32{margin-top:-2rem!important;}
  .single-post article.space-y-12>*+*{margin-top:2rem!important;}
  .single-post article .absolute.bottom-6{position:static!important;margin-top:-1px;background:#0f172a!important;border-color:rgba(255,255,255,.1)!important;}
  .single-post .markdown-content h2{font-size:1.55rem!important;line-height:1.25!important;margin-top:2.5rem!important;margin-bottom:1.25rem!important;display:block!important;}
  .single-post .markdown-content h2 span{display:inline-block;margin-right:.5rem!important;}
  .single-post .markdown-content h3{font-size:1.3rem!important;line-height:1.3!important;margin-top:2rem!important;margin-bottom:1rem!important;}
  .single-post .markdown-content .text-2xl{font-size:1.18rem!important;}
  .single-post .markdown-content img{margin-top:2rem!important;margin-bottom:2rem!important;}
  .single-post section.bg-gray-50{align-items:flex-start!important;text-align:left!important;}
  .single-post aside .aspect-square{aspect-ratio:auto;height:44px;}

  footer .grid{grid-template-columns:1fr!important;gap:2rem!important;}
  footer .md\:flex-row{flex-direction:column!important;align-items:flex-start!important;text-align:left!important;}
  footer .space-x-6{gap:1rem;flex-wrap:wrap;} footer .space-x-6>*+*{margin-left:0!important;}
  footer input{min-width:0;}
}

@media (max-width:520px){
  .homepage-mini-grid{grid-template-columns:1fr!important;}
  .h-\[600px\]{height:390px!important;}
  .h-48{height:10.5rem!important;}
  .text-6xl,.md\:text-6xl,.lg\:text-8xl{font-size:2.25rem!important;}
  .text-5xl,.md\:text-5xl{font-size:2rem!important;}
  header .text-2xl,header .sm\:text-3xl{font-size:1.25rem!important;}
  header .custom-logo{max-width:178px;}
  .flex.items-center.space-x-6.pt-4{gap:.75rem!important;flex-wrap:wrap!important;}.flex.items-center.space-x-6.pt-4>*+*{margin-left:0!important;}
  .space-x-12>*+*{margin-left:2rem!important;}
  .bg-brand-primary.text-white.pt-16.pb-28 .flex.items-center.space-x-4{gap:.75rem!important;flex-wrap:wrap!important;}.bg-brand-primary.text-white.pt-16.pb-28 .space-x-4>*+*{margin-left:0!important;}
}

@media (max-width:380px){
  .px-4,.sm\:px-6,.lg\:px-8{padding-left:.85rem!important;padding-right:.85rem!important;}
  .p-8,.p-10,.p-12,.md\:p-12,.md\:p-24{padding:1rem!important;}
  .h-\[600px\]{height:360px!important;}
  header .text-2xl,header .sm\:text-3xl{font-size:1.12rem!important;}
}

/* Admin-configurable header/footer menus */
.desktop-menu ul,.mobile-panel ul,footer ul.menu{list-style:none;margin:0;padding:0}.desktop-menu li{position:relative}.desktop-menu li a{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--brand-secondary);transition:color .2s ease}.desktop-menu li a:hover{color:var(--brand-accent)}.desktop-menu .sub-menu{display:none;position:absolute;top:100%;left:0;background:white;min-width:210px;padding:.75rem;border:1px solid #f3f4f6;box-shadow:0 20px 25px -5px rgba(0,0,0,.1);z-index:80}.desktop-menu li:hover>.sub-menu{display:block}.desktop-menu .sub-menu li a{display:block;padding:.6rem .75rem;font-size:.78rem}.mobile-panel li{list-style:none}.mobile-panel li a{display:block;padding:.75rem 1rem;font-size:1.125rem;font-family:"Space Grotesk",sans-serif;font-weight:700;color:var(--brand-primary)}.mobile-panel .sub-menu a{font-size:.95rem;padding-left:2rem;color:var(--brand-secondary)}footer ul.menu li a{color:#9ca3af;transition:color .2s ease}footer ul.menu li a:hover{color:white}

/* v1.0.8 footer recent posts: remove arrow/icon markers */
footer h4 + ul li a span.text-brand-accent,
footer .footer-recent-posts li a::before,
footer .footer-recent-posts li a::after {
  display: none !important;
  content: none !important;
}


/* v1.2.1 story link arrow cleanup */
a:has(> span.ml-2):has(+ *) { }
.read-full-story-link::before,
.read-full-story-link::after {
  display:none!important;
  content:none!important;
}

/* v10: original-style sticky menu and editorial credit responsiveness */
.site-header{position:sticky!important;top:0!important;z-index:9999!important;box-shadow:0 10px 30px rgba(15,23,42,.06)}
.admin-bar .site-header{top:32px!important}
.editorial-credits img{object-fit:cover}
@media(max-width:782px){.admin-bar .site-header{top:46px!important}.editorial-credits{gap:1.25rem!important}.editorial-credits .ml-auto{margin-left:0!important;width:100%;justify-content:flex-start}}
@media(max-width:640px){.editorial-credits{align-items:flex-start}.editorial-credits>div{width:100%}.editorial-credits .h-12{height:auto!important}.site-header{box-shadow:0 8px 24px rgba(15,23,42,.08)}}

/* v11: fixed glossy sticky menu like original uploaded design */
html{scroll-padding-top:120px;}
body{padding-top:112px;}
.site-header,
body .site-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:99999!important;
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.86))!important;
  -webkit-backdrop-filter:saturate(180%) blur(18px)!important;
  backdrop-filter:saturate(180%) blur(18px)!important;
  border-bottom:1px solid rgba(226,232,240,.8)!important;
  box-shadow:0 18px 45px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.85)!important;
  transform:translateZ(0);
}
.site-header::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(194,65,12,.35),transparent);
  pointer-events:none;
}
.site-header .bg-brand-primary{
  background:linear-gradient(90deg,#0f172a,#1e293b,#0f172a)!important;
}
.site-header .max-w-7xl.mx-auto.px-4.sm\:px-6.lg\:px-8{
  background:rgba(255,255,255,.58);
}
.site-header.is-scrolled{
  background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.78))!important;
  box-shadow:0 22px 55px rgba(15,23,42,.14), inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.admin-bar .site-header,
body.admin-bar .site-header{top:32px!important;}
.mobile-panel{
  position:fixed!important;
  top:112px!important;
  left:0!important;
  right:0!important;
  z-index:99998!important;
  background:rgba(255,255,255,.96)!important;
  -webkit-backdrop-filter:saturate(180%) blur(18px)!important;
  backdrop-filter:saturate(180%) blur(18px)!important;
}
body.admin-bar .mobile-panel{top:144px!important;}
@media(max-width:782px){
  body.admin-bar{padding-top:112px;}
  body.admin-bar .site-header{top:46px!important;}
  body.admin-bar .mobile-panel{top:158px!important;}
}
@media(max-width:767px){
  body{padding-top:104px;}
  html{scroll-padding-top:112px;}
  .site-header{box-shadow:0 14px 36px rgba(15,23,42,.12), inset 0 1px 0 rgba(255,255,255,.88)!important;}
  .mobile-panel{top:104px!important;max-height:calc(100vh - 104px)!important;}
  body.admin-bar .mobile-panel{top:150px!important;max-height:calc(100vh - 150px)!important;}
}
@media(max-width:520px){
  body{padding-top:100px;}
  html{scroll-padding-top:108px;}
  .mobile-panel{top:100px!important;max-height:calc(100vh - 100px)!important;}
  body.admin-bar .mobile-panel{top:146px!important;max-height:calc(100vh - 146px)!important;}
}

/* v12: single post TOC anchors and WordPress content formatting */
.markdown-content,
.pro-content,
.single-post article{
  overflow-wrap:anywhere;
}
.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{
  color:var(--brand-primary);
  font-family:"Space Grotesk",sans-serif;
  font-weight:800;
  line-height:1.15;
  letter-spacing:-.025em;
  margin-top:2.5rem;
  margin-bottom:1rem;
}
.markdown-content h2{font-size:clamp(1.8rem,4vw,3rem);}
.markdown-content h3{font-size:clamp(1.4rem,3vw,2rem);}
.markdown-content h4{font-size:1.25rem;}
.markdown-content p{margin:0 0 1.5rem;color:var(--brand-secondary);font-size:1.075rem;line-height:1.85;}
.markdown-content a{color:var(--brand-accent);font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;}
.markdown-content ul,.markdown-content ol{margin:1.25rem 0 1.75rem 1.5rem!important;padding-left:1.25rem!important;color:var(--brand-secondary);line-height:1.8;list-style-position:outside!important;}
.markdown-content ul{list-style-type:disc!important;}
.markdown-content ol{list-style-type:decimal!important;}
.markdown-content li{display:list-item!important;margin:.45rem 0!important;padding-left:.25rem;}
.markdown-content li::marker{color:var(--brand-accent);font-weight:800;}
.markdown-content li ul{list-style-type:circle!important;margin:.5rem 0 .5rem 1.25rem!important;}
.markdown-content li ol{list-style-type:lower-alpha!important;margin:.5rem 0 .5rem 1.25rem!important;}
.markdown-content table,.markdown-content .wp-block-table table{width:100%!important;border-collapse:collapse!important;margin:2rem 0!important;background:#fff!important;border:1px solid #e5e7eb!important;font-size:.95rem;line-height:1.55;display:table!important;}
.markdown-content .wp-block-table{overflow-x:auto!important;margin:2rem 0!important;}
.markdown-content th,.markdown-content td{border:1px solid #e5e7eb!important;padding:.9rem 1rem!important;text-align:left!important;vertical-align:top!important;color:var(--brand-secondary);}
.markdown-content th{background:#f8fafc!important;color:var(--brand-primary)!important;font-weight:800!important;text-transform:none;}
.markdown-content tr:nth-child(even) td{background:#fafafa;}
.markdown-content blockquote{margin:2rem 0!important;padding:1.5rem 1.75rem!important;border-left:4px solid var(--brand-accent)!important;background:#f8fafc!important;color:var(--brand-primary)!important;font-family:"Space Grotesk",sans-serif;font-size:1.25rem;line-height:1.6;}
.markdown-content blockquote p{color:var(--brand-primary)!important;margin-bottom:.75rem;}
.markdown-content img{max-width:100%;height:auto;margin:2rem 0;}
.markdown-content figure{margin:2rem 0;max-width:100%;}
.markdown-content figcaption{font-size:.875rem;color:#6b7280;text-align:center;margin-top:.75rem;}
.markdown-content pre{overflow-x:auto;background:#0f172a;color:#fff;padding:1.25rem;margin:2rem 0;}
.markdown-content code{background:#f1f5f9;color:#0f172a;padding:.15rem .35rem;border-radius:.25rem;}
.markdown-content pre code{background:transparent;color:inherit;padding:0;}
.markdown-content .wp-block-columns{gap:2rem;margin:2rem 0;}
.markdown-content .wp-block-image img{display:block;}
.pbb-anchor-heading{scroll-margin-top:9rem;}
.pbb-toc-nav a{gap:.35rem;line-height:1.4;}
.pbb-toc-nav a.active{color:var(--brand-primary)!important;font-weight:800;transform:translateX(.25rem);}
.pbb-toc-nav .toc-dot{color:var(--brand-accent);font-weight:900;line-height:1;}
@media(max-width:1023px){
  .single-layout aside:first-child .sticky{position:relative!important;top:auto!important;}
  .single-layout aside:first-child{order:2;}
  .single-layout article{order:1;}
  .pbb-toc-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;}
  .pbb-toc-nav a{background:white;border:1px solid #eef2f7;padding:.75rem;}
}
@media(max-width:640px){
  .markdown-content p{font-size:1rem;line-height:1.75;}
  .markdown-content ul,.markdown-content ol{margin-left:1rem!important;padding-left:1.1rem!important;}
  .markdown-content th,.markdown-content td{padding:.7rem!important;font-size:.9rem;}
  .markdown-content h2{font-size:1.7rem;}
  .markdown-content h3{font-size:1.35rem;}
  .pbb-anchor-heading{scroll-margin-top:7.5rem;}
}


/* v13: menu appears only when scrolling up; not permanently sticky */
.site-header,
body .site-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:99999!important;
  transition:transform .28s ease, box-shadow .28s ease, background .28s ease!important;
  will-change:transform;
}
.site-header.header-hidden{
  transform:translateY(-115%)!important;
  box-shadow:none!important;
}
.site-header.header-visible{
  transform:translateY(0)!important;
}
body.mobile-menu-open .site-header{
  transform:translateY(0)!important;
}
/* Keep top content safe because header is fixed only for reveal-on-scroll behaviour */
body{padding-top:112px;}
@media(max-width:767px){body{padding-top:104px;}}
@media(max-width:520px){body{padding-top:100px;}}

/* v13: darker single post typography */
.single-post .markdown-content,
.single-post .pro-content,
.single-post article,
.single-post .entry-content{
  color:#111827!important;
}
.single-post .markdown-content p,
.single-post .pro-content p,
.single-post .entry-content p,
.single-post article p,
.single-post .markdown-content li,
.single-post .pro-content li,
.single-post .entry-content li,
.single-post article li{
  color:#111827!important;
}
.single-post .markdown-content h1,
.single-post .markdown-content h2,
.single-post .markdown-content h3,
.single-post .markdown-content h4,
.single-post .pro-content h1,
.single-post .pro-content h2,
.single-post .pro-content h3,
.single-post .pro-content h4,
.single-post .entry-content h1,
.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4{
  color:#0f172a!important;
}
.single-post .markdown-content a,
.single-post .pro-content a,
.single-post .entry-content a{
  color:#9a3412!important;
  font-weight:600;
}


/* v14: hero recent insights trimmed and footer separated from CTA */
.home .col-span-12.lg\:col-span-4 .space-y-4.flex-grow{align-content:start;}
.site-footer{
  position:relative;
  z-index:10;
  background:#020617!important;
  border-top:1px solid rgba(255,255,255,.14);
  box-shadow:0 -28px 70px rgba(2,6,23,.32);
  margin-top:0;
  clear:both;
}
.site-footer:before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);
}
.site-footer h4,.site-footer .font-display{color:#fff!important;}
.site-footer p,.site-footer a,.site-footer li{color:#cbd5e1!important;}
.site-footer a:hover{color:#fff!important;}
.page-transition > section:last-of-type.bg-brand-primary{
  padding-bottom:7rem!important;
  margin-bottom:0!important;
}
.pbb-author-bio-box{margin-top:3rem!important;}

/* v16: mobile single-post TOC above content, collapsed by default */
.pbb-toc-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem;}
.pbb-toc-toggle{display:none;border:1px solid rgba(37,99,235,.22);background:#fff;color:var(--brand-primary);font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;padding:.65rem .9rem;box-shadow:0 8px 18px rgba(15,23,42,.06);cursor:pointer;}
@media(max-width:1023px){
  .single-layout aside:first-child{order:1!important;}
  .single-layout article{order:2!important;}
  .single-layout aside:last-child{order:3!important;}
  .single-layout aside:first-child .sticky{position:relative!important;top:auto!important;display:flex;flex-direction:column;gap:1.25rem;}
  .pbb-toc-box{margin-bottom:0!important;padding:1.25rem!important;background:rgba(248,250,252,.98)!important;border-color:#e5e7eb!important;box-shadow:0 14px 35px rgba(15,23,42,.08);}
  .pbb-toc-head{margin-bottom:0!important;}
  .pbb-toc-toggle{display:inline-flex;align-items:center;justify-content:center;}
  .pbb-toc-nav{display:none!important;margin-top:1rem!important;grid-template-columns:1fr!important;gap:.6rem!important;}
  .pbb-toc-box.is-open .pbb-toc-nav{display:grid!important;}
  .pbb-toc-nav a{background:#fff!important;border:1px solid #eef2f7!important;padding:.85rem 1rem!important;color:#334155!important;}
  .single-layout aside:first-child .flex.lg\:flex-col{margin-top:.25rem;}
}
@media(min-width:1024px){
  .pbb-toc-nav{display:block!important;}
}


/* v17 archive icons: replace broken symbol glyphs with CSS icons */
.pbb-archive-icon{width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.35rem;margin:0 .1rem;}
.pbb-archive-grid{background:#fff;color:#101828;box-shadow:0 1px 4px rgba(0,0,0,.08);display:grid;grid-template-columns:repeat(2,6px);grid-auto-rows:6px;gap:3px;padding:.65rem;}
.pbb-archive-grid i{display:block;width:6px;height:6px;background:currentColor;opacity:.75;}
.pbb-archive-list{display:flex;flex-direction:column;gap:4px;color:#6b7280;}
.pbb-archive-list i{display:block;width:18px;height:2px;background:currentColor;border-radius:2px;}
.single-post .markdown-content{color:#111827;}
.single-post .markdown-content p,.single-post .markdown-content li,.single-post .markdown-content td,.single-post .markdown-content th{color:#111827;}
.single-post .markdown-content a{color:#0f172a;text-decoration:underline;text-decoration-color:#2f75ff;text-underline-offset:3px;}
.single-post .markdown-content a:hover{color:#2f75ff;}


/* v18: fixed author page avatar stretching */
.pbb-author-page-avatar{
  width:112px!important;
  height:112px!important;
  min-width:112px!important;
  max-width:112px!important;
  aspect-ratio:1/1!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
  flex:0 0 112px!important;
  background:#e5e7eb;
}
@media(max-width:767px){
  .pbb-author-page-avatar{
    width:96px!important;
    height:96px!important;
    min-width:96px!important;
    max-width:96px!important;
    flex-basis:96px!important;
  }
}


/* v19 category/archive page: remove grid/list display icons */
.archive .pbb-archive-icon,.category .pbb-archive-icon,.pbb-archive-grid,.pbb-archive-list{display:none!important;}