.main:has(.article-wrapper){width:100%;margin-left:0;margin-right:0}.article-wrapper{width:100%}.article-hero{z-index:1;background:linear-gradient(to bottom, var(--background) 0%, var(--background) 50%, var(--content-bg) 100%);padding:3rem 5% 5rem;position:relative}.article-hero-inner{max-width:800px;margin:0 auto}.article-hero-inner h1{margin-bottom:.75rem;font-size:1.6rem;line-height:1.35}.article-hero-meta{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1rem;display:flex}.article-category{color:#3effc8;letter-spacing:.06em;text-transform:uppercase;background:#3effc82e;border:1px solid #3effc84d;border-radius:100px;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}.article-reading-time{color:#ffffff8c;align-items:center;gap:.35rem;font-size:.85rem;display:inline-flex}.article-reading-time svg{flex-shrink:0;width:15px;height:15px}.article-back-link{color:var(--highlight);align-items:center;gap:.4rem;margin-bottom:1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-flex}.article-back-link:hover{opacity:.8}.article-back-link svg{width:16px;height:16px}.article-content{z-index:1;background:var(--content-bg);color:var(--content-text);padding-bottom:0;position:relative}.article-block{padding:3.5rem 5%}.article-block+.article-block{border-top:1px solid #002b590f}.article-block-inner{max-width:800px;margin:0 auto}.article-block--white{background:#fff}.article-block--blue{background:var(--block-blue)}.article-body h2{color:var(--background);margin-top:2rem;margin-bottom:.75rem;font-size:1.35rem;font-weight:600}.article-body h2:first-child{margin-top:0}.article-body h3{color:var(--background);margin-top:1.5rem;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.article-key-takeaways{background:linear-gradient(135deg,#002b590a 0%,#3effc812 100%);border-left:3px solid #3effc8;border-radius:0 8px 8px 0;margin:1.75rem 0;padding:1.5rem 1.75rem}.article-key-takeaways-title{letter-spacing:.08em;text-transform:uppercase;color:#007a5e;margin-bottom:.75rem;font-size:.75rem;font-weight:800}.article-key-takeaways ul{margin:0;padding-left:1.25rem}.article-key-takeaways li{color:var(--content-text);margin-bottom:.4rem;font-size:.95rem;font-weight:500;line-height:1.65}.article-body p{color:var(--content-text-muted);margin-bottom:1.25rem;font-size:1rem;line-height:1.8}.article-body ul,.article-body ol{margin-bottom:1.25rem;padding-left:1.5rem}.article-body li{color:var(--content-text-muted);margin-bottom:.5rem;font-size:1rem;line-height:1.75}.article-illustration{border:1px solid #002b590f;border-radius:10px;margin:2rem 0;overflow:hidden}.article-illustration img{width:100%;height:auto;display:block}.article-illustration-placeholder{aspect-ratio:16/9;color:#002b594d;background:linear-gradient(135deg,#002b590a 0%,#3effc80f 100%);border:1px dashed #002b591a;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;margin:2rem 0;font-size:.85rem;display:flex}.article-illustration-placeholder svg{opacity:.3;width:48px;height:48px}.article-cta{text-align:center;background:linear-gradient(135deg,#002b5908 0%,#3effc80f 100%);border:1px solid #002b5914;border-radius:10px;margin-top:3rem;padding:2rem}.article-cta p{color:var(--content-text-muted);margin-bottom:1.25rem;font-size:1.05rem;line-height:1.7}.article-cta-button{background:var(--background);color:var(--foreground);border-radius:6px;padding:.75rem 2rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .2s,transform .15s;display:inline-block}.article-cta-button:hover{background:#003a75;transform:translateY(-1px)}.article-placeholder-notice{text-align:center;color:var(--content-text-muted);background:#3effc80a;border:1px dashed #002b5926;border-radius:8px;padding:1.5rem;font-size:.95rem;font-style:italic}.article-nav{background:var(--content-bg);border-top:1px solid #002b590f;padding:3rem 5%}.article-nav-inner{max-width:800px;margin:0 auto}.article-nav-title{color:var(--background);margin-bottom:1.25rem;font-size:1.1rem;font-weight:600}.article-nav-grid{grid-template-columns:1fr;gap:1rem;display:grid}.article-nav-link{color:var(--background);background:#fff;border:1px solid #002b590f;border-radius:8px;padding:1rem 1.25rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:box-shadow .2s,transform .15s,border-color .2s;display:block}.article-nav-link:hover{border-color:#002b591a;transform:translateY(-1px);box-shadow:0 2px 12px #002b590f}@media (min-width:768px){.article-hero{padding:3.5rem 8% 6rem}.article-hero-inner h1{font-size:2rem}.article-block{padding:4rem 8%}.article-nav{padding:3rem 8%}.article-nav-grid{grid-template-columns:1fr 1fr}}@media (min-width:1200px){.article-hero{padding:4rem 12% 7rem}.article-hero-inner h1{font-size:2.25rem}.article-block{padding:5rem 12%}.article-nav{padding:3.5rem 12%}}@media (max-width:768px){.article-hero{padding:2rem 5% 4rem}.article-hero-inner h1{font-size:1.4rem}.article-block{padding:2.5rem 5%}.article-nav{padding:2rem 5%}.article-body h2{font-size:1.2rem}.article-body h3{font-size:1rem}}
