/* Shared public art direction for generated article pages and the article index. */
* { box-sizing:border-box; }
body { margin:0; padding:124px 32px 72px; color:#111318; background:#f7f8fa; font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; -webkit-font-smoothing:antialiased; }
.aw-article-nav {position:fixed;z-index:20;top:0;left:0;right:0;min-height:72px;background:#090d14f5;backdrop-filter:blur(12px);border-bottom:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:16px max(32px,calc((100vw - 1176px)/2));}
.aw-article-nav img {display:block;width:168px;height:auto;}
.aw-article-nav>div {display:flex;gap:28px;align-items:center;}
.aw-article-nav a {color:#c4ccd8;text-decoration:none;font-size:13px;}
.aw-article-nav a:last-child {color:#d6ecff;}
a:focus-visible {outline:2px solid #0967d2;outline-offset:5px;}
h1,h2,h3 {letter-spacing:-.04em;font-weight:500;}
.header {background:radial-gradient(ellipse at 65% 100%,#15334e,#090d14 80%);color:#f5f7fa;border:0;box-shadow:none;border-radius:16px;padding:64px 48px;}
.header::before {background:none;}
.header h1,.title {color:#f5f7fa;font-weight:500;font-size:clamp(34px,4.5vw,58px);line-height:1.12;letter-spacing:-.05em;}
.header p,.header .meta {color:#a7b1c2;line-height:1.75;}
.header .back-link {color:#9bd2ff;}
.back-link {color:#0758b5;}
.article {max-width:900px;box-shadow:0 16px 60px #09233e08;border:1px solid #dde2ea;border-radius:16px;}
.article .header {border-radius:0;}
.article .content {padding:48px;line-height:1.85;font-size:17px;color:#445064;overflow-wrap:anywhere;}
.article .content :is(h1,h2,h3,h4,h5,h6) {color:#111318;font-weight:500;}
.article .content a,.related-posts a {color:#0758b5;text-underline-offset:3px;}
.article .content img {max-width:100%;height:auto;}
.article .content table {display:block;max-width:100%;overflow-x:auto;}
.article .content pre {overflow-x:auto;max-width:100%;}
.article .content blockquote {border-left-color:#0967d2;color:#596273;}
.related-posts h2 {color:#111318;font-weight:500;}
.footer {background:#f0f3f7;}
.cta {background:radial-gradient(ellipse at 0 100%,#143d64,#090d14 80%);padding:36px;border-radius:12px;}
.cta h3 {font-size:28px;font-weight:500;}
.cta-btn {background:#a9d9ff;color:#09233e;border-radius:8px;}
body>main {max-width:1240px;margin:auto;}
.blog-grid {grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:24px;}
.blog-card {background:#fff;border:1px solid #dde2ea;border-radius:14px;box-shadow:0 8px 28px #09233e06;}
.blog-content h2 a {color:#111318;font-size:23px;font-weight:500;}
.blog-meta time {color:#596273;}
.blog-meta {border-bottom-color:#dde2ea;}
.status {background:#edf5fd;color:#0758b5;}
.read-more {background:#0967d2;color:#fff;border-radius:8px;font-size:13px;}
.read-more:hover {background:#0758b5;}
@media(max-width:760px) {body{padding:104px 20px 48px}.aw-article-nav{padding:16px 20px;gap:20px}.aw-article-nav img{width:136px}.aw-article-nav>div{gap:16px}.aw-article-nav a{font-size:11px}.aw-article-nav>div>a:first-child{display:none}.header{padding:40px 24px}.article .content{padding:28px 24px;font-size:16px}.related-posts{padding:0 24px 24px}.cta{padding:28px 22px}}
@media(prefers-reduced-motion:reduce) {*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}