/* Shared, server-rendered subscription placement on every blog page. */
.blog-offer{position:relative;overflow:hidden;margin:25px 0 0;padding:23px;border:1px solid #486a7a;border-radius:12px;background:linear-gradient(155deg,#203a46,#142333 65%);color:#eff5fc;font-family:'DM Sans',system-ui,sans-serif;line-height:1.6;text-align:left;box-shadow:0 12px 40px #0002}
.blog-offer:before{content:'';display:block;width:44px;height:3px;background:#b4dfc7;margin-bottom:16px;border-radius:2px}
.blog-offer .offer-label{margin:0 0 14px;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#b8cad8}
.blog-offer .offer-domain{display:block;color:#b8ddfb;font-size:12px;letter-spacing:.03em;margin-bottom:12px}
.blog-offer h2,.blog-offer h3{font-family:'Manrope',system-ui,sans-serif;font-size:24px;font-weight:750;letter-spacing:-.035em;line-height:1.2;margin:0 0 14px;color:#fff}
.blog-offer>p{font-size:13px;color:#c3d0de;margin:0 0 17px}
.offer-prices{display:grid;gap:8px;margin:18px 0;padding:0;list-style:none!important}
.offer-prices li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;margin:0!important;border:1px solid #435869;border-radius:6px;font-size:12px;color:#cdd8e5;background:#101c2980}
.offer-prices strong{color:#fff;font-size:17px;font-weight:700}.offer-prices .offer-year{border-color:#789e8d;background:#2c4b4344}.offer-year small{display:block;font-size:10px;color:#b6ddc8}
.blog-offer .offer-button{display:block;padding:12px 10px;margin-top:16px;border:1px solid transparent;border-radius:7px;background:#bee6ce;color:#11281d;text-align:center;text-decoration:none;font-size:13px;font-weight:750;line-height:1.5;transition:background .2s}
.blog-offer .offer-button:hover{background:#d5f3e1}.blog-offer .offer-help{display:block;color:#cfdeed;text-align:center;text-decoration:underline;text-underline-offset:3px;font-size:12px;margin-top:13px}.blog-offer .offer-terms{font-size:10px;color:#afc0d0;margin:16px 0 0;line-height:1.6}.blog-offer a:focus-visible{outline:3px solid #b8ddfb;outline-offset:4px}
.atlas-blog-sidebar>.blog-offer:first-child{margin-top:0}.side-nav{max-height:calc(100dvh - 130px);overflow-y:auto;padding-right:4px;scrollbar-width:thin}.side-nav ol li a{padding-top:5px;padding-bottom:5px}
.library-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;align-items:start;gap:30px}.library-layout .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-aside{position:sticky;top:110px}.library-aside .blog-offer{margin-top:0}.library-aside .side-tip{margin-top:18px}
@media(max-width:1024px){.library-layout{grid-template-columns:minmax(0,1fr)}.library-aside{position:static}.library-aside .blog-offer{max-width:520px;margin-inline:auto}}
@media(max-width:760px){.side-nav{max-height:none;overflow:visible;padding:20px}.side-nav>.blog-offer{display:none}.article-layout>.mobile-offer{display:block;width:100%;order:2}.library-layout .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:761px){.mobile-offer{display:none}}
@media(max-width:480px){.library-layout .guide-grid{grid-template-columns:1fr}}