/* Blog offers: desktop right column, natural reading order on mobile. */
.article-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start}.article-main{min-width:0}.atlas-blog-index-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:2rem;align-items:start}.atlas-blog-index-layout .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.atlas-blog-sidebar{position:sticky;top:100px;max-height:calc(100dvh - 120px);overflow-y:auto;align-self:start;display:block}.atlas-offer{border:1px solid var(--primary);background:linear-gradient(145deg,var(--dark-lighter),var(--dark));padding:1.5rem;border-radius:16px}.atlas-ad-label{text-transform:uppercase;font-size:.75rem;letter-spacing:.08em;color:var(--text-muted)}.atlas-offer-brand{font-family:var(--font-display);font-weight:800;font-size:1.4rem;margin:1rem 0}.atlas-offer-brand span{color:var(--primary)}.atlas-offer h2,.atlas-related h2{font-size:1.2rem;line-height:1.5;margin:1rem 0}.atlas-offer ul{padding-left:1.2rem;margin:1rem 0}.atlas-offer li{margin:.5rem 0}.atlas-offer .btn{white-space:normal;height:auto;text-align:center;line-height:1.5;padding:12px;margin-top:.75rem}.atlas-ad-contact{border:1px solid var(--primary);color:var(--text)}.atlas-related{margin-top:1rem}.atlas-related ul{list-style:none;padding:0}.atlas-related li{padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.12)}.atlas-related a{display:block;line-height:1.5}.atlas-blog-sidebar a:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.atlas-guide-header{padding-top:130px;padding-bottom:2rem}.atlas-guide-header h1{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,3rem);line-height:1.3;margin:1rem 0}.article-main blockquote{border-left:3px solid var(--primary);padding:1rem;margin:1rem 0}.atlas-blog-index-layout .blog-title a{color:inherit}
@media(max-width:1024px){.article-layout,.atlas-blog-index-layout{grid-template-columns:minmax(0,1fr)}.atlas-blog-sidebar{position:static;max-height:none;overflow:visible;width:100%}}
@media(max-width:600px){.atlas-blog-index-layout .blog-grid{grid-template-columns:minmax(0,1fr)}}
