.brandlio-v3 .blog-hero{position:relative;overflow:hidden;text-align:center;padding:88px 24px 40px}.brandlio-v3 .blog-hero-inner{position:relative;z-index:1;max-width:780px;margin:0 auto}.brandlio-v3 .blog-hero-dots{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle,var(--border) 1px,transparent 1px);background-size:26px 26px;opacity:.55;-webkit-mask-image:radial-gradient(ellipse 70% 62% at 50% 26%,#000 0,transparent 72%);mask-image:radial-gradient(ellipse 70% 62% at 50% 26%,#000 0,transparent 72%)}@media (max-width:640px){.brandlio-v3 .blog-hero{padding:56px 20px 28px}}.brandlio-v3 .blog-search-input{transition:border-color .15s,box-shadow .15s}.brandlio-v3 .blog-search-input::placeholder{color:var(--muted-foreground)}.brandlio-v3 .blog-search-input:focus{outline:none;border-color:color-mix(in srgb,var(--primary) 55%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.brandlio-v3 .blog-search-clear:hover{color:var(--foreground)}.brandlio-v3 .blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:22px}.brandlio-v3 .blog-featured{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch}@media (max-width:860px){.brandlio-v3 .blog-featured{grid-template-columns:minmax(0,1fr)}.brandlio-v3 .blog-featured-media{aspect-ratio:16/9}}.brandlio-v3 .blog-pager-btn:hover{border-color:color-mix(in srgb,var(--primary) 40%,var(--border));color:var(--foreground)}.brandlio-v3 .blog-pager-btn[aria-current=page]:hover{color:var(--primary-foreground)}.brandlio-v3 .blog-post-layout{display:grid;grid-template-columns:minmax(0,760px) 260px;justify-content:center;gap:48px;align-items:start}.brandlio-v3 .blog-toc-aside{align-self:stretch}.brandlio-v3 .blog-toc-rail{position:sticky;top:88px;display:flex;flex-direction:column;gap:24px;max-height:calc(100vh - 112px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.brandlio-v3 .blog-toc-mobile{display:none}@media (max-width:1080px){.brandlio-v3 .blog-post-layout{grid-template-columns:minmax(0,1fr);justify-content:stretch;gap:0}.brandlio-v3 .blog-post-layout>article{width:100%;max-width:760px}.brandlio-v3 .blog-toc-aside{display:none}.brandlio-v3 .blog-toc-mobile{display:block}}.brandlio-v3 .blog-toc-mobile>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;font-weight:600;color:var(--foreground)}.brandlio-v3 .blog-toc-mobile>summary::-webkit-details-marker{display:none}.brandlio-v3 .blog-toc-mobile>summary:after{content:"▾";color:var(--muted-foreground);transition:transform .2s ease-out}.brandlio-v3 .blog-toc-mobile[open]>summary:after{transform:rotate(180deg)}.brandlio-v3 .blog-post-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width:620px){.brandlio-v3 .blog-post-nav{grid-template-columns:1fr}}.brandlio-v3 .blog-search-card{display:flex;gap:20px}@media (max-width:620px){.brandlio-v3 .blog-search-card{flex-direction:column;gap:0}.brandlio-v3 .blog-search-card-media{width:100%!important;min-width:0!important;aspect-ratio:16/9}}.brandlio-v3 mark.blog-mark{background:color-mix(in srgb,var(--primary) 22%,transparent);color:inherit;border-radius:3px;padding:0 2px}