body.article-page{background:#07111f;color:#e9f2fa}.article-header{padding:22px clamp(20px,5vw,70px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #1c3852}.article-header a{color:#fff;text-decoration:none}.article-header nav{display:flex;gap:20px;flex-wrap:wrap}.article-main{max-width:820px;margin:0 auto;padding:64px 24px 90px}.article-main .eyebrow{color:#62b7ff;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.article-main h1{font-size:clamp(2.3rem,6vw,4.5rem);line-height:1.02;margin:16px 0 18px}.article-main h2{font-size:1.7rem;margin:42px 0 10px;color:#fff}.article-main p,.article-main li{font-size:1.08rem;line-height:1.8;color:#cbd8e4}.article-main a{color:#75c5ff}.article-main li{margin:8px 0}.article-date{font-size:.9rem!important;color:#8fa6ba!important;margin-bottom:30px}.article-note,.article-related{margin-top:50px;padding:20px;border:1px solid #2b5478;border-radius:12px;background:#0d2134}.article-related h2{margin-top:0}.article-related a{display:block;margin:10px 0}.article-index{max-width:1100px}.article-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.article-card{display:block;padding:24px;border:1px solid #24435f;border-radius:16px;background:#0c1d2d;color:#fff;text-decoration:none}.article-card:hover{border-color:#3ba8ff;transform:translateY(-2px)}.article-card span{color:#62b7ff;font-size:.8rem;letter-spacing:.1em}.article-card h2{margin:12px 0;font-size:1.4rem}.article-card p{color:#b8c8d6;line-height:1.6}@media(max-width:640px){.article-header{align-items:flex-start;gap:16px;flex-direction:column}.article-main{padding-top:42px}}