/* Article-specific layout; served from same origin under the existing CSP. */
.public-main{max-width:none;width:100%;padding:40px clamp(16px,4vw,72px)}
.public-main>.heading{display:block;width:100%;max-width:none}
.public-main>.heading h1{font-size:clamp(30px,3vw,52px);line-height:1.15;overflow-wrap:anywhere}
#article-9drive{display:block;width:100%;min-width:0}
#article-9drive .blog-copy{display:block;box-sizing:border-box;width:100%;max-width:none;min-width:0;padding:clamp(16px,2vw,32px);border:1px solid #e8e5ef;border-radius:20px;overflow-wrap:anywhere}
#article-9drive .article-banner{display:block;box-sizing:border-box;width:100%;max-width:100%;height:auto;aspect-ratio:1200/628;border:1px solid #312747;border-radius:16px;object-fit:contain;background:#181421}
#article-9drive .blog-text{width:100%;max-width:none;font-size:18px;line-height:1.85}
#article-9drive h2{font-size:clamp(23px,2vw,30px);margin:36px 0 12px}
#article-9drive .blog-text p{margin:18px 0}
#article-9drive a{color:#6d28d9;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
#article-9drive .article-byline{font-size:14px;color:#6c687d;margin:24px 0}
#article-9drive .repository-link{border-top:1px solid #e8e5ef;padding-top:24px;font-weight:650}
@media(max-width:760px){.public-main{padding:24px 16px}#article-9drive .blog-copy{padding:16px;border-radius:14px}#article-9drive .article-banner{border-radius:10px}#article-9drive .blog-text{font-size:17px}}

#article-9drive .vozstudio-banner{max-width:720px;margin:0 auto;aspect-ratio:640/336}#article-9drive .blog-download-bottom{position:static;top:auto;width:100%;margin-top:24px}#article-9drive .blog-download-bottom .primary{color:white;text-decoration:none;max-width:420px}