.nav{background:var(--color-nav-bg-scrolled)!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:var(--shadow-nav)}.articles-page{padding-top:var(--nav-height);min-height:100vh;background-color:var(--color-surface-page)}.articles-header{background:linear-gradient(160deg,#071426d1,#0b1f3ba6,#0d2a5280),url(../assets/images/insights_bak.png) center center / cover no-repeat;padding-block:var(--space-24) var(--space-16);border-bottom:1px solid rgba(74,143,232,.15)}.articles-header__eyebrow{display:inline-block;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-4)}.articles-header__title{font-size:clamp(2rem,5vw,var(--text-5xl));font-weight:var(--font-weight-bold);line-height:var(--leading-snug);letter-spacing:var(--tracking-snug);color:#fff;margin-bottom:var(--space-5);max-width:20ch}.articles-header__subtitle{font-size:var(--text-lg);color:#fff9;max-width:52ch;line-height:var(--leading-relaxed)}.articles-list{padding-block:var(--space-12) var(--space-16);display:flex;flex-direction:column;gap:var(--space-6)}.article-card__meta,.article-featured__meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.article-card__date{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase}.article-card__tag{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-accent);background-color:#4a8fe81a;border:1px solid rgba(74,143,232,.25);border-radius:var(--radius-full);padding:3px var(--space-3)}.article-author{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4)}.article-author__avatar{flex-shrink:0;width:36px;height:36px;border-radius:var(--radius-full);overflow:hidden;background-color:#4a8fe826;border:1px solid rgba(74,143,232,.25);display:flex;align-items:center;justify-content:center}.article-author__photo{width:100%;height:100%;object-fit:cover;display:block}.article-author__initials{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-accent);text-transform:uppercase}.article-author__info{display:flex;flex-direction:column;gap:2px}.article-author__name{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.article-author__title{font-size:var(--text-xs);color:var(--color-text-muted)}.article-featured .article-author__name{color:#ffffffd9}.article-featured .article-author__title{color:#ffffff80}#article-author .article-author{margin-top:var(--space-5)}.article-featured{display:block;text-decoration:none;color:inherit;background-color:var(--color-surface-dark);border:1px solid rgba(74,143,232,.15);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth)}.article-featured:hover{border-color:#4a8fe866;box-shadow:0 0 0 1px #4a8fe826,var(--shadow-lg)}.article-featured__inner{padding:var(--space-10) var(--space-10) var(--space-10)}.article-featured .article-card__date{color:#fff6}.article-featured .article-card__tag{background-color:#4a8fe826;border-color:#4a8fe859}.article-featured__title{font-size:clamp(1.5rem,3vw,var(--text-3xl));font-weight:var(--font-weight-bold);line-height:var(--leading-snug);letter-spacing:var(--tracking-snug);color:#fff;margin-bottom:var(--space-4);max-width:30ch;transition:color var(--duration-fast) var(--ease-smooth)}.article-featured:hover .article-featured__title{color:var(--color-accent)}.article-featured__excerpt{font-size:var(--text-base);color:#ffffff8c;line-height:var(--leading-relaxed);max-width:60ch;margin-bottom:var(--space-6)}.article-featured__read{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-accent);margin-top:var(--space-5);transition:gap var(--duration-fast) var(--ease-smooth)}.article-featured:hover .article-featured__read{gap:var(--space-3)}.articles-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:768px){.articles-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.articles-grid{grid-template-columns:repeat(3,1fr)}}.article-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background-color:var(--color-surface-mid);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth),transform var(--duration-fast) var(--ease-smooth)}.article-card:hover{border-color:#4a8fe859;box-shadow:var(--shadow-md);transform:translateY(-2px)}.article-card__body{display:flex;flex-direction:column;flex:1;padding:var(--space-6)}.article-card__title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);line-height:var(--leading-snug);color:var(--color-text-primary);margin-bottom:var(--space-3);transition:color var(--duration-fast) var(--ease-smooth)}.article-card:hover .article-card__title{color:var(--color-accent)}.article-card__excerpt{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);flex:1;margin-bottom:var(--space-5)}.article-card__read{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-accent);margin-top:var(--space-4);transition:gap var(--duration-fast) var(--ease-smooth)}.article-card:hover .article-card__read{gap:var(--space-3)}.articles-empty{padding:var(--space-16) 0;text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}.article-page-header{padding-block:var(--space-16) var(--space-12);border-bottom:1px solid var(--color-border);max-width:72ch}.article-page-header__back{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;margin-bottom:var(--space-8);transition:color var(--duration-fast) var(--ease-smooth)}.article-page-header__back:hover{color:var(--color-accent)}.article-page-header__meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-6)}.article-page-header__title{font-size:var(--text-4xl);font-weight:var(--font-weight-bold);line-height:var(--leading-snug);letter-spacing:var(--tracking-snug);color:var(--color-text-primary)}.article-prose{max-width:72ch;padding-block:var(--space-12) var(--space-24);color:var(--color-text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed)}.article-prose h1,.article-prose h2,.article-prose h3,.article-prose h4{color:var(--color-text-primary);font-weight:var(--font-weight-bold);line-height:var(--leading-snug);margin-top:var(--space-8);margin-bottom:var(--space-3)}.article-prose h1{font-size:var(--text-3xl)}.article-prose h2{font-size:var(--text-2xl);letter-spacing:var(--tracking-snug)}.article-prose h3{font-size:var(--text-xl)}.article-prose h4{font-size:var(--text-lg)}.article-prose>*:first-child{margin-top:0}.article-prose p{margin-bottom:var(--space-4)}.article-prose ul,.article-prose ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.article-prose li{margin-bottom:var(--space-2)}.article-prose strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.article-prose em{font-style:italic}.article-prose a{color:var(--color-accent);text-decoration:underline;text-decoration-color:#4a8fe866;text-underline-offset:3px;transition:color var(--duration-fast) var(--ease-smooth)}.article-prose a:hover{color:var(--color-accent-hover)}.article-prose hr{border:none;border-top:1px solid var(--color-border);margin-block:var(--space-8)}.article-prose blockquote{border-left:3px solid var(--color-accent);padding-left:var(--space-6);margin-left:0;color:var(--color-text-muted);font-style:italic;margin-bottom:var(--space-6)}.article-prose blockquote footer{margin-top:var(--space-3);font-size:var(--text-sm);font-style:normal;color:var(--color-text-muted);opacity:.75}.article-prose code{font-family:var(--font-mono);font-size:.875em;background:var(--color-surface-mid);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px 6px}.article-prose pre{background:var(--color-surface-mid);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);overflow-x:auto;margin-bottom:var(--space-6)}.article-prose pre code{background:none;border:none;padding:0;font-size:var(--text-sm)}.article-featured__cover{width:100%;height:240px;overflow:hidden}.article-featured__cover-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease-smooth)}.article-featured:hover .article-featured__cover-img{transform:scale(1.03)}.article-card__image{width:100%;height:180px;overflow:hidden}.article-card__image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease-smooth)}.article-card:hover .article-card__image img{transform:scale(1.03)}.article-hero-image{display:block;width:100%;max-width:72ch;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--radius-lg);margin-bottom:var(--space-12)}.article-prose img{display:block;max-width:100%;height:auto;border-radius:var(--radius-md);margin-block:var(--space-8);border:1px solid var(--color-border)}.article-loading,.article-error{padding:var(--space-16) 0;color:var(--color-text-muted);font-size:var(--text-sm)}.article-error{color:var(--color-error)}.article-reading-time{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-wide)}.article-reading-time:not(:empty):before{content:"\b7";margin-right:var(--space-2);opacity:.5}.articles-filter{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;padding-block:var(--space-8) 0}.articles-filter__btn{background:none;border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-muted);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-smooth),color var(--duration-fast) var(--ease-smooth),background-color var(--duration-fast) var(--ease-smooth)}.articles-filter__btn:hover{border-color:var(--color-accent);color:var(--color-accent);background-color:#4a8fe80f}.articles-filter__btn.is-active{border-color:var(--color-accent);color:var(--color-accent);background-color:#4a8fe81f}.article-related{border-top:1px solid var(--color-border);padding-top:var(--space-12);padding-bottom:var(--space-20);max-width:72ch}.article-related__title{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-6);letter-spacing:var(--tracking-snug)}.article-related__grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:560px){.article-related__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.article-related__grid{grid-template-columns:repeat(3,1fr)}}.article-related__card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background-color:var(--color-surface-mid);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--duration-fast) var(--ease-smooth),transform var(--duration-fast) var(--ease-smooth)}.article-related__card:hover{border-color:#4a8fe859;transform:translateY(-2px)}.article-related__thumb{width:100%;height:140px;overflow:hidden}.article-related__thumb img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0;margin:0;border:none;transition:transform .5s var(--ease-smooth)}.article-related__card:hover .article-related__thumb img{transform:scale(1.04)}.article-related__body{padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);flex:1}.article-related__card-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--leading-snug);max-width:none;transition:color var(--duration-fast) var(--ease-smooth)}.article-related__card:hover .article-related__card-title{color:var(--color-accent)}.back-to-top{position:fixed;bottom:var(--space-8);right:var(--space-8);z-index:500;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background-color:var(--color-surface-mid);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity var(--duration-fast) var(--ease-smooth),visibility var(--duration-fast) var(--ease-smooth),transform var(--duration-fast) var(--ease-smooth),border-color var(--duration-fast) var(--ease-smooth),color var(--duration-fast) var(--ease-smooth)}.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{border-color:var(--color-accent);color:var(--color-accent)}@media(max-width:767px){.back-to-top{bottom:var(--space-5);right:var(--space-5)}}