*{box-sizing: border-box}html{scroll-behavior: smooth;-webkit-text-size-adjust: 100%}body{margin: 0;background: var(--bg-primary);color: var(--text-primary);font-family: var(--font-body);font-size: var(--fs-body);line-height: var(--lh-body);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transition: background var(--transition),color var(--transition)}body,img,picture{transition: background-color var(--transition)}h1,h2,h3,h4,h5,h6{font-family: var(--font-display);color: var(--text-primary);line-height: var(--lh-heading);letter-spacing: -0.02em;margin: 0}h1{font-size: var(--fs-h1);line-height: var(--lh-heading)}h2{font-size: var(--fs-h2);line-height: var(--lh-heading)}h3{font-size: var(--fs-h3);line-height: var(--lh-snug)}p{margin: 0 0 var(--space-3)}p:last-child{margin-bottom: 0}a{color: var(--brand-blue);text-decoration: none;transition: color var(--transition-fast)}a:hover{color: var(--brand-blue-hover);text-decoration: underline}img{max-width: 100%;height: auto;display: block}.container{width: 100%;max-width: var(--container-max);margin-inline: auto;padding-inline: var(--mobile-margin)}.article-container{max-width: var(--article-max);margin-inline: auto;padding-inline: var(--mobile-margin)}@media (min-width: 768px){.container{padding-inline: var(--desktop-margin)}.article-container{padding-inline: var(--desktop-margin)}}.site-header{position: sticky;top: 0;z-index: 500;transform: translateZ(0);-webkit-transform: translateZ(0);background: var(--bg-primary);border-bottom: 1px solid var(--border);height: var(--header-height);display: flex;align-items: center}.site-header .container{display: flex;align-items: center;justify-content: space-between;gap: var(--space-3)}.site-logo{font-family: var(--font-display);font-size: var(--fs-h3);font-weight: 700;color: var(--text-primary);text-decoration: none;letter-spacing: -0.03em;display: inline-flex;align-items: center;gap: 8px}.site-logo:hover{text-decoration: none;color: var(--text-primary)}.site-logo .dot{width: 14px;height: 14px;background: var(--brand-blue);border-radius: 4px;flex-shrink: 0}.site-logo img{height: 28px;width: auto}[data-theme="dark"] .site-logo img{content: url("../img/logo-dark.svg")}.nav-desktop{display: none;gap: var(--space-4);align-items: center}.nav-desktop a{color: var(--text-primary);font-size: 15px;font-weight: 500}.nav-desktop a:hover{color: var(--brand-blue);text-decoration: none}@media (min-width: 768px){.nav-desktop{display: flex}}.header-actions{display: flex;align-items: center;gap: var(--space-1)}.icon-button{display: inline-flex;align-items: center;justify-content: center;width: var(--touch-min);height: var(--touch-min);border: none;background: transparent;color: var(--text-primary);cursor: pointer;border-radius: var(--radius-sm);transition: background var(--transition-fast)}.icon-button:hover{background: var(--bg-soft)}.icon-button svg{width: 22px;height: 22px}.price-ticker{background: var(--bg-soft);border-bottom: 1px solid var(--border);padding: var(--space-2) 0;overflow: hidden;white-space: nowrap;font-family: var(--font-mono);font-size: 13px;display: flex;justify-content: center}.price-ticker .ticker-track{display: inline-flex;min-width: max-content;will-change: transform;animation: vdy-ticker-scroll 40s linear infinite}.price-ticker .ticker-track:hover{animation-play-state: paused}.price-ticker .ticker-track__group{display: inline-flex;align-items: center;gap: var(--space-4);padding-inline: var(--space-4)}.price-ticker .ticker-item{display: inline-flex;align-items: center;gap: 6px;color: var(--text-primary)}.price-ticker .ticker-item .sym{font-weight: 500;color: var(--text-muted)}.price-ticker .ticker-item .price{font-weight: 500}.price-ticker .ticker-item .change.up{color: var(--green-up)}.price-ticker .ticker-item .change.down{color: var(--red-down)}.price-ticker .ticker-sep{color: var(--text-muted);opacity: .55;padding-inline: 2px}@keyframes vdy-ticker-scroll{0%{transform: translateX(0)}100%{transform: translateX(-50%)}}@media (prefers-reduced-motion: reduce){.price-ticker .ticker-track{animation: none}.price-ticker .ticker-track__group[aria-hidden]{display: none}}.hero{padding-block: var(--space-5)}.hero-grid{display: grid;grid-template-columns: 1fr;gap: var(--space-4);align-items: stretch}.hero-image-wrap{aspect-ratio: 16 / 9;overflow: hidden;border-radius: var(--radius);background: var(--bg-soft)}.hero-image-wrap img{width: 100%;height: 100%;object-fit: cover}.hero-text{display: flex;flex-direction: column;justify-content: center}.hero-text .kicker{margin-bottom: var(--space-2)}.hero-title{font-size: var(--fs-h1);font-weight: 700;line-height: 1.15;margin-bottom: var(--space-2)}.hero-title a{color: var(--text-primary)}.hero-title a:hover{color: var(--brand-blue);text-decoration: none}.hero-meta{color: var(--text-muted);font-size: var(--fs-caption);margin-bottom: var(--space-3)}@media (min-width: 768px){.hero-grid{grid-template-columns: 1.4fr 1fr;gap: var(--space-5)}.hero-title{font-size: var(--fs-display)}}.kicker{display: inline-block;font-family: var(--font-body);font-size: 11px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;color: var(--brand-blue);margin-bottom: var(--space-2)}.kicker a{color: inherit}@media (min-width: 768px){.kicker{font-size: 12px}}.section{padding-block: var(--space-5)}.section-header{display: flex;align-items: center;justify-content: space-between;margin-bottom: var(--space-4);padding-bottom: var(--space-2);border-bottom: 2px solid var(--text-primary)}.section-title{font-size: var(--fs-h3);font-weight: 700;text-transform: uppercase;letter-spacing: 0.02em}.section-link{font-size: var(--fs-caption);font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;color: var(--brand-blue);white-space: nowrap}.card-grid{display: grid;grid-template-columns: 1fr;gap: var(--space-4)}@media (min-width: 640px){.card-grid--3{grid-template-columns: repeat(2,1fr)}}@media (min-width: 900px){}.post-card{display: flex;flex-direction: column;background: var(--surface);border-radius: var(--radius);overflow: hidden;transition: transform var(--transition-fast)}.post-card:hover{transform: translateY(-2px)}.post-card__image{aspect-ratio: 16 / 9;overflow: hidden;background: var(--bg-soft)}.post-card__image img{width: 100%;height: 100%;object-fit: cover;transition: transform var(--transition)}.post-card:hover .post-card__image img{transform: scale(1.03)}.post-card__body{padding: var(--space-3);display: flex;flex-direction: column;flex: 1}.post-card__title{font-family: var(--font-display);font-size: var(--fs-h3);font-weight: 700;line-height: var(--lh-snug);margin: 0 0 var(--space-2);display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.post-card__title a{color: var(--text-primary)}.post-card__title a:hover{color: var(--brand-blue);text-decoration: none}.post-card__meta{margin-top: auto;font-size: var(--fs-caption);color: var(--text-muted)}.trending-bar{display: flex;align-items: center;gap: var(--space-2);padding-block: var(--space-3);overflow-x: auto;scrollbar-width: none}.trending-bar::-webkit-scrollbar{display: none}.trending-label{display: inline-flex;align-items: center;gap: 6px;background: var(--amber);color: #1A1A1A;font-size: 11px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;padding: 6px 10px;border-radius: var(--radius-sm);white-space: nowrap;flex-shrink: 0}.trending-chips{display: inline-flex;gap: var(--space-2)}.trending-chip{display: inline-flex;align-items: center;padding: 6px 12px;border: 1px solid var(--border);border-radius: var(--radius-pill);font-size: 13px;color: var(--text-primary);white-space: nowrap;transition: border-color var(--transition-fast),color var(--transition-fast)}.trending-chip:hover{border-color: var(--brand-blue);color: var(--brand-blue);text-decoration: none}.btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--space-2);min-height: var(--touch-min);padding: 12px 24px;font-family: var(--font-body);font-size: 16px;font-weight: 500;border: none;border-radius: var(--radius-sm);cursor: pointer;transition: background var(--transition-fast),transform var(--transition-fast);text-decoration: none}.btn--primary{background: var(--brand-blue);color: #FFFFFF}.btn--primary:hover{background: var(--brand-blue-hover);color: #FFFFFF;text-decoration: none;transform: translateY(-1px)}.btn--ghost{background: transparent;color: var(--brand-blue);border: 1px solid var(--brand-blue)}.btn--ghost:hover{background: var(--brand-blue-soft);text-decoration: none}.article-header{padding-block: var(--space-5) var(--space-3);text-align: left}.breadcrumbs{font-size: var(--fs-caption);color: var(--text-muted);margin-bottom: var(--space-3)}.breadcrumbs a{color: var(--text-muted)}.breadcrumbs a:hover{color: var(--brand-blue)}.breadcrumbs .sep{margin-inline: 6px;opacity: 0.6}.article-meta{display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-2);font-size: var(--fs-caption);color: var(--text-muted);margin-top: var(--space-3);padding-bottom: var(--space-3);border-bottom: 1px solid var(--border)}.article-meta .updated{color: var(--text-primary);font-weight: 500}.article-title{font-size: var(--fs-h1);font-weight: 700;line-height: 1.15;margin: var(--space-2) 0 var(--space-3)}@media (min-width: 768px){.article-title{font-size: var(--fs-display)}}.article-hero-image{width: 100%;aspect-ratio: 16 / 9;object-fit: cover;border-radius: var(--radius);margin-block: var(--space-4)}.article-body{font-size: var(--fs-body);line-height: var(--lh-body);padding-block: var(--space-4)}.article-body p{margin-bottom: var(--space-3)}.article-body h2{font-size: var(--fs-h2);margin-top: var(--space-6);margin-bottom: var(--space-2)}.article-body h3{font-size: var(--fs-h3);margin-top: var(--space-5);margin-bottom: var(--space-2)}.article-body img{border-radius: var(--radius);margin: var(--space-4) 0}.article-body blockquote{border-left: 4px solid var(--brand-blue);margin: var(--space-4) 0;padding: var(--space-2) var(--space-4);font-family: var(--font-display);font-size: var(--fs-h3);font-style: italic;color: var(--text-primary)}.article-body a{text-decoration: underline;text-underline-offset: 2px}@media (min-width: 768px){.article-body{font-size: 18px;line-height: var(--lh-relaxed)}}.toc{background: var(--bg-soft);border: 1px solid var(--border);border-radius: var(--radius);padding: var(--space-4);margin: var(--space-5) 0}.toc-title{font-size: var(--fs-caption);font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;color: var(--text-muted);margin-bottom: var(--space-2)}.toc ol{margin: 0;padding-left: var(--space-4)}.toc li{margin-bottom: var(--space-1);font-size: 15px}.ad-zone{margin: var(--space-6) 0;min-height: 100px;display: flex;align-items: center;justify-content: center}.faq-block{margin: var(--space-5) 0}.faq-item{border-bottom: 1px solid var(--border);padding: var(--space-3) 0}.faq-item__question{font-family: var(--font-display);font-size: var(--fs-h3);font-weight: 600;margin-bottom: var(--space-2)}.author-box{display: flex;gap: var(--space-3);align-items: flex-start;padding: var(--space-4);margin: var(--space-5) 0;background: var(--bg-soft);border: 1px solid var(--border);border-radius: var(--radius)}.author-box__avatar{width: 64px;height: 64px;border-radius: 50%;object-fit: cover;flex-shrink: 0;background: var(--brand-blue-soft)}.author-box__name{font-family: var(--font-display);font-size: var(--fs-h3);font-weight: 700;margin-bottom: 4px}.author-box__role{font-size: var(--fs-caption);color: var(--brand-blue);font-weight: 600;text-transform: uppercase;letter-spacing: 0.05em;margin-bottom: var(--space-2)}.author-box__bio{font-size: 15px;color: var(--text-muted)}.disclosure{font-size: 13px;color: var(--text-muted);background: var(--bg-soft);border-left: 3px solid var(--text-muted);padding: var(--space-3);margin: var(--space-4) 0;border-radius: 0 var(--radius-sm) var(--radius-sm) 0}.post-footer{margin-top: var(--space-5);padding-top: var(--space-4);border-top: 1px solid var(--border)}.tag-list{display: flex;flex-wrap: wrap;gap: var(--space-2);margin-bottom: var(--space-3)}.tag{font-size: 13px;color: var(--text-muted);padding: 4px 10px;border: 1px solid var(--border);border-radius: var(--radius-pill)}.tag:hover{color: var(--brand-blue);border-color: var(--brand-blue);text-decoration: none}.share-buttons{display: flex;gap: var(--space-2);margin-top: var(--space-3)}.share-buttons .icon-button{border: 1px solid var(--border)}.newsletter-cta{background: var(--bg-soft);border: 1px solid var(--border);border-radius: var(--radius);padding: var(--space-5) var(--space-4);margin: var(--space-6) 0;text-align: center}.newsletter-cta h3{font-size: var(--fs-h3);margin-bottom: var(--space-2)}.newsletter-cta p{color: var(--text-muted);margin-bottom: var(--space-3)}.newsletter-form{display: flex;flex-direction: column;gap: var(--space-2);max-width: 480px;margin-inline: auto}@media (min-width: 480px){.newsletter-form{flex-direction: row}}.newsletter-form input[type="email"]{flex: 1;min-height: var(--touch-min);padding: 10px 16px;font-size: 16px;border: 1px solid var(--border);border-radius: var(--radius-sm);background: var(--bg-primary);color: var(--text-primary)}.newsletter-form input[type="email"]:focus{outline: none;border-color: var(--brand-blue);box-shadow: 0 0 0 3px var(--brand-blue-soft)}.read-next{display: flex;align-items: center;gap: var(--space-3);padding: var(--space-4);margin: var(--space-5) 0;background: var(--brand-blue);color: #FFFFFF;border-radius: var(--radius);transition: transform var(--transition-fast)}.read-next:hover{transform: translateY(-2px);text-decoration: none;color: #FFFFFF}.read-next__label{font-size: 11px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;opacity: 0.8;margin-bottom: 4px}.read-next__title{font-family: var(--font-display);font-size: var(--fs-h3);font-weight: 700;color: #FFFFFF}.read-next__arrow{margin-left: auto;font-size: 24px}.site-footer{background: var(--bg-soft);border-top: 1px solid var(--border);padding-block: var(--space-6);margin-top: var(--space-7);padding-bottom: calc(var(--space-6) + var(--bottom-nav-height) + env(safe-area-inset-bottom))}@media (min-width: 768px){.site-footer{padding-bottom: var(--space-6)}}.footer-grid{display: grid;grid-template-columns: 1fr;gap: var(--space-4)}@media (min-width: 640px){.footer-grid{grid-template-columns: repeat(2,1fr)}}@media (min-width: 900px){.footer-grid{grid-template-columns: 2fr 1fr 1fr 1fr}}.footer-links{list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: var(--space-2)}.footer-links a{color: var(--text-muted);font-size: 15px}.footer-links a:hover{color: var(--brand-blue)}.footer-bottom{margin-top: var(--space-5);padding-top: var(--space-4);border-top: 1px solid var(--border);font-size: var(--fs-caption);color: var(--text-muted);text-align: center}.reading-progress{position: fixed;top: 0;left: 0;height: 3px;width: 0%;background: var(--brand-blue);z-index: 200;transition: width 100ms linear}.bottom-nav{position: fixed;bottom: 0;left: 0;right: 0;z-index: 100;display: flex;background: var(--bg-primary);border-top: 1px solid var(--border);padding-bottom: env(safe-area-inset-bottom);height: calc(var(--bottom-nav-height) + env(safe-area-inset-bottom))}.bottom-nav__item{flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 2px;color: var(--text-muted);font-size: 10px;font-weight: 500;text-decoration: none;min-height: var(--touch-min);transition: color var(--transition-fast)}.bottom-nav__item.active,.bottom-nav__item:hover{color: var(--brand-blue)}.bottom-nav__item svg{width: 22px;height: 22px}@media (min-width: 768px){.bottom-nav{display: none}}@media (max-width: 767px){body{padding-bottom: calc(var(--bottom-nav-height) + env(safe-area-inset-bottom))}.card-grid,.card-grid--3{grid-template-columns: 1fr !important}.post-card__title{font-size: var(--fs-body) !important}.section-title{font-size: var(--fs-h4) !important}.hero-title{font-size: var(--fs-h2) !important}.hero-grid{grid-template-columns: 1fr !important}}.legal-content{max-width: var(--article-max);margin-inline: auto;padding: var(--space-5) var(--mobile-margin)}@media (min-width: 768px){.legal-content{padding: var(--space-6) var(--desktop-margin)}}.legal-content h1{font-size: var(--fs-h1);margin-bottom: var(--space-3)}.legal-content h2{font-size: var(--fs-h2);margin-top: var(--space-5);margin-bottom: var(--space-2)}.legal-content h3{font-size: var(--fs-h3);margin-top: var(--space-4);margin-bottom: var(--space-2)}.legal-content p,.legal-content li{font-size: 16px;line-height: var(--lh-relaxed);color: var(--text-primary)}.legal-content ul,.legal-content ol{padding-left: var(--space-4)}.legal-content li{margin-bottom: var(--space-2)}.legal-content table{width: 100%;border-collapse: collapse;margin: var(--space-4) 0}.legal-content th,.legal-content td{border: 1px solid var(--border);padding: var(--space-2) var(--space-3);text-align: left;font-size: 14px}.legal-content th{background: var(--bg-soft);font-weight: 600}.legal-content blockquote{border-left: 4px solid var(--brand-blue);margin: var(--space-4) 0;padding: var(--space-2) var(--space-4);background: var(--bg-soft);border-radius: 0 var(--radius-sm) var(--radius-sm) 0}.legal-content code{font-family: var(--font-mono);font-size: 14px;background: var(--bg-soft);padding: 2px 6px;border-radius: 4px}.legal-content .last-updated{color: var(--text-muted);font-size: var(--fs-caption);margin-bottom: var(--space-5)}.legal-content strong{font-weight: 600}.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0}.text-muted{color: var(--text-muted)}.up{color: var(--green-up)}.down{color: var(--red-down)}.skip-link{position: absolute;left: -999px;top: 0;z-index: 999;background: var(--brand-blue);color: #FFFFFF;padding: var(--space-2) var(--space-3);border-radius: var(--radius-sm)}.skip-link:focus{left: var(--space-2);top: var(--space-2)}.placeholder{background: linear-gradient(135deg,var(--brand-blue-soft) 0%,var(--bg-soft) 100%);display: flex;align-items: center;justify-content: center;color: var(--brand-blue);font-family: var(--font-mono);font-size: 13px;letter-spacing: 0.05em}.post-header .logo,.logo{font-family: var(--font-display);font-weight: 700;font-size: var(--fs-h3);letter-spacing: -0.03em;color: var(--text-primary);text-decoration: none;display: inline-flex;align-items: center;gap: 8px}.post-header .logo img,.logo img{height: 26px;width: auto}.main-nav{display: none;gap: var(--space-4);align-items: center}.main-nav a{color: var(--text-primary);font-size: 15px;font-weight: 500;text-decoration: none}.main-nav a:hover{color: var(--brand-blue)}@media (min-width: 768px){.main-nav{display: flex}}.theme-toggle{background: none;border: 1px solid var(--border);border-radius: var(--radius);padding: 6px 10px;cursor: pointer;font-size: 15px;color: var(--text-primary)}.article-page{max-width: var(--article-max,720px);margin-inline: auto;padding-inline: var(--mobile-margin)}@media (min-width: 768px){.article-page{padding-inline: var(--desktop-margin)}}.article-kicker{font-size: var(--fs-caption);font-weight: 700;text-transform: uppercase;letter-spacing: 0.06em;color: var(--brand-blue);margin-bottom: var(--space-2)}.article-date{color: var(--text-muted);font-size: 14px}.article-lede{font-size: 19px;line-height: 1.6;color: var(--text-secondary)}.article-content{font-size: 17px;line-height: 1.75;color: var(--text-primary)}.article-content p{margin-bottom: var(--space-4)}.article-content strong{font-weight: 600}.article-content ul,.article-content ol{margin-bottom: var(--space-4);padding-left: var(--space-5)}.article-content li{margin-bottom: var(--space-2)}.article-toc{background: var(--bg-soft);border: 1px solid var(--border);border-radius: var(--radius);padding: var(--space-4);margin: var(--space-5) 0}.article-toc h3{font-size: var(--fs-caption);font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;color: var(--text-muted);margin-bottom: var(--space-3)}.article-toc ul{list-style: none;margin: 0;padding: 0}.article-toc li{margin-bottom: var(--space-2);font-size: 15px}.article-toc a{color: var(--text-secondary);text-decoration: none}.article-toc a:hover{color: var(--brand-blue)}.key-takeaways{background: var(--bg-soft);border: 1px solid var(--border);border-left: 4px solid var(--brand-blue);border-radius: var(--radius);padding: var(--space-4);margin: var(--space-5) 0}.key-takeaways h3{font-size: var(--fs-caption);font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;color: var(--brand-blue);margin-bottom: var(--space-3)}.key-takeaways ul{margin: 0;padding-left: var(--space-4)}.key-takeaways li{margin-bottom: var(--space-2);font-size: 15px}.share-section,.share-label{font-size: var(--fs-caption);font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;color: var(--text-muted);margin-bottom: var(--space-2)}.share-btns,.share{display: flex;flex-wrap: wrap;gap: var(--space-2);margin: var(--space-3) 0}.share-btn{display: inline-flex;align-items: center;gap: 6px;padding: 8px 14px;border-radius: var(--radius);border: 1px solid var(--border);font-size: 13px;font-weight: 600;color: var(--text-primary);text-decoration: none;transition: all var(--transition-fast)}.share-btn:hover{border-color: var(--brand-blue);color: var(--brand-blue);text-decoration: none;transform: translateY(-1px)}.share-x,.share-twitter{background: #000;color: #fff}.share-fb,.share-facebook{background: #1877F2;color: #fff}.share-linkedin{background: #0A66C2;color: #fff}.share-telegram{background: #229ED9;color: #fff}.share-reddit{background: #FF4500;color: #fff}.share-whatsapp{background: #25D366;color: #fff}.share-copy{background: var(--bg-soft)}.author-bio{display: flex;gap: var(--space-4);align-items: flex-start;background: var(--bg-soft);border: 1px solid var(--border);border-radius: var(--radius);padding: var(--space-4);margin: var(--space-5) 0}.author-avatar{width: 64px;height: 64px;border-radius: 50%;object-fit: cover;flex-shrink: 0}.author-info{flex: 1}.author-info h4,.author-bio h4{font-family: var(--font-display);font-size: 17px;margin-bottom: 4px}.author-info p,.author-bio p{color: var(--text-muted);font-size: 14px;line-height: 1.6;margin: 0}.author-role{color: var(--brand-blue);font-size: 13px;font-weight: 600}.author-social{display: flex;gap: var(--space-2);margin-top: var(--space-2)}.author-social a{color: var(--text-muted);font-size: 14px;text-decoration: none}.author-social a:hover{color: var(--brand-blue)}.read-next-grid{display: grid;grid-template-columns: 1fr;gap: var(--space-3);margin: var(--space-5) 0}@media (min-width: 640px){.read-next-grid{grid-template-columns: 1fr 1fr}}.read-next-card{background: var(--bg-soft);border: 1px solid var(--border);border-radius: var(--radius);padding: var(--space-4);display: block;text-decoration: none;transition: all var(--transition-fast)}.read-next-card:hover{border-color: var(--brand-blue);transform: translateY(-2px);text-decoration: none}.read-next-kicker,.read-next-cat,.rnc-category{font-size: 11px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;color: var(--brand-blue);margin-bottom: 6px}.read-next-title,.rnc-title{font-family: var(--font-display);font-size: 16px;font-weight: 700;color: var(--text-primary);line-height: 1.4}.read-next-all{display: inline-block;margin-top: var(--space-3);color: var(--brand-blue);font-weight: 600;font-size: 14px;text-decoration: none}.data-table,.price-table,.comparison-table,.spec-comparison{width: 100%;border-collapse: collapse;margin: var(--space-4) 0;font-size: 15px}.data-table th,.price-table th,.comparison-table th,.spec-comparison th{background: var(--bg-soft);font-weight: 700;text-align: left;padding: 12px;border: 1px solid var(--border);font-size: 13px;text-transform: uppercase;letter-spacing: 0.03em}.data-table td,.price-table td,.comparison-table td,.spec-comparison td{padding: 12px;border: 1px solid var(--border)}.data-table tr:nth-child(even),.price-table tr:nth-child(even),.comparison-table tr:nth-child(even){background: var(--bg-soft)}.table-wrap,.spec-table-wrapper{overflow-x: auto;-webkit-overflow-scrolling: touch;margin: var(--space-4) 0}.table-wrap table,.spec-table-wrapper table{margin: 0;min-width: 480px}.ad-placeholder{margin: var(--space-6) 0;min-height: 100px;display: flex;align-items: center;justify-content: center;border: 1px dashed var(--border);border-radius: var(--radius);color: var(--text-muted);font-size: 13px;text-transform: uppercase;letter-spacing: 0.05em}.disclaimer{background: var(--bg-soft);border-left: 4px solid var(--red-down);border-radius: var(--radius);padding: var(--space-4);margin: var(--space-5) 0;font-size: 14px;color: var(--text-muted)}.ticker-wrap{background: var(--bg-soft);border-bottom: 1px solid var(--border);padding: 8px 0;overflow: hidden}.ticker-inner{display: inline-flex;gap: var(--space-4);min-width: max-content;animation: ticker-scroll 30s linear infinite}@keyframes ticker-scroll{0%{transform: translateX(0)}100%{transform: translateX(-50%)}}.ticker-up{color: var(--green-up);font-weight: 600}.ticker-down{color: var(--red-down);font-weight: 600}.mobile-only{display: block}@media (min-width: 768px){.mobile-only{display: none}}.logo-accent{color: var(--brand-blue)}.current{color: var(--brand-blue) !important;font-weight: 700}.icon-sun,.icon-moon{display: inline-block}.card-kicker{font-size: var(--fs-caption);font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;color: var(--brand-blue)}.footer-cols{display: grid;grid-template-columns: 1fr;gap: var(--space-4)}@media (min-width: 640px){.footer-cols{grid-template-columns: repeat(3,1fr)}}.footer-inner{display: grid;grid-template-columns: 1fr;gap: var(--space-4)}@media (min-width: 640px){.footer-inner{grid-template-columns: repeat(3,1fr)}}.footer-col h4{font-size: 13px;text-transform: uppercase;letter-spacing: 0.05em;margin-bottom: var(--space-2)}.footer-col ul{list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: var(--space-2)}.footer-col a{color: var(--text-muted);font-size: 14px;text-decoration: none}.footer-col a:hover{color: var(--brand-blue)}.post-header .header-inner,.header-inner{display: flex;align-items: center;justify-content: space-between;gap: var(--space-3);height: var(--header-height)}.logo-link{display: inline-flex;align-items: center;text-decoration: none}.article-author{color: var(--text-muted);font-size: 14px;font-weight: 500}.article-read-time{color: var(--text-muted);font-size: 14px}.read-next-category{font-size: 11px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;color: var(--brand-blue);margin-bottom: 6px}.author-social a.twitter:hover{color: #1DA1F2}.author-social a.facebook:hover{color: #1877F2}.author-social a.linkedin:hover{color: #0A66C2}.author-social a.reddit:hover{color: #FF4500}.author-social a.telegram:hover{color: #229ED9}img.logo,.logo-link img,a.logo img,.site-logo img{height: 28px !important;width: auto !important;max-width: 160px;object-fit: contain}a.logo,a.site-logo{font-family: var(--font-display);font-weight: 700;font-size: 20px;letter-spacing: -0.03em;color: var(--text-primary);text-decoration: none;display: inline-flex;align-items: center;gap: 6px;white-space: nowrap}@media (max-width: 767px){.main-nav{display: flex !important;visibility: visible !important;position: static !important;left: auto !important;width: 100% !important;height: auto !important;overflow: visible !important;justify-content: center;flex-wrap: wrap;gap: 4px 10px;padding: 4px 0;order: 3}.main-nav a{font-size: 12px;padding: 4px 8px;white-space: nowrap}.header-inner,.site-header .container{flex-wrap: wrap;justify-content: space-between;padding: 6px 16px}.logo,.logo-link,a.logo{order: 1}.theme-toggle,#themeToggle,#theme-toggle{order: 2}body{overflow-x: hidden;max-width: 100vw}.container,.article-container,.article-page{max-width: 100%;overflow: hidden;box-sizing: border-box}.article-content p,.article-body p,.article-content li,.article-body li,.article-content h2,.article-body h2,.article-content h3,.article-body h3,.legal-content p,.legal-content li{overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;hyphens: auto;max-width: 100%}.article-content,.article-body{max-width: 100%;overflow: hidden}.table-wrap,.spec-table-wrapper,.table-responsive{overflow-x: auto;-webkit-overflow-scrolling: touch;max-width: 100%}.article-content table,.article-body table{width: 100%;max-width: 100%;display: block;overflow-x: auto}.key-takeaways,.article-toc,.toc,.author-box,.author-info,.author-bio,.footer-grid,.ad-zone,.ad-placeholder,[class*="ad-zone"],[class*="ad_zone"]{box-sizing: border-box;max-width: 100%;overflow: hidden}.share-section,.share-buttons{display: flex;flex-wrap: wrap;gap: 8px;max-width: 100%}.read-next-grid{display: grid;grid-template-columns: 1fr;gap: 12px;max-width: 100%}}@media (min-width: 768px){.main-nav{display: flex !important;visibility: visible !important;position: static !important;left: auto !important;width: auto !important;height: auto !important;overflow: visible !important}.nav-desktop{display: flex !important}.mobile-only{display: none}}@media (min-width: 768px){.article-page{max-width: var(--article-max,720px);margin-inline: auto;padding-inline: var(--desktop-margin,32px)}.article-page .container{max-width: 100%;padding-inline: 0}.article-container{max-width: var(--article-max,720px);margin-inline: auto;padding-inline: var(--desktop-margin,32px)}.container{max-width: var(--container-max,1200px);padding-inline: var(--desktop-margin,32px)}.article-body{font-size: 18px;line-height: var(--lh-relaxed,1.6)}.bottom-nav,nav.bottom-nav,.bottom-nav.mobile-only{display: none !important}body{padding-bottom: 0}}.site-header{height: auto !important;min-height: 52px;padding: 8px 0;position: sticky;top: 0;z-index: 50;background: var(--bg-primary);border-bottom: 1px solid var(--border)}.header-inner,.site-header .container{display: flex !important;align-items: center;justify-content: space-between;gap: 8px;height: auto !important;min-height: 40px;padding: 0 16px}.theme-toggle,#themeToggle,#theme-toggle{min-width: 36px;min-height: 36px;font-size: 18px;display: flex;align-items: center;justify-content: center;background: transparent;border: none;cursor: pointer;padding: 6px;border-radius: 8px;flex-shrink: 0}.theme-toggle:hover,#themeToggle:hover,#theme-toggle:hover{background: var(--bg-soft)}.ticker-wrap{overflow-x: auto;overflow-y: hidden;white-space: nowrap;-webkit-overflow-scrolling: touch;font-size: 13px;background: var(--bg-soft);border-bottom: 1px solid var(--border);padding: 6px 0}.ticker-inner{display: inline-flex;gap: 16px;padding: 4px 16px;white-space: nowrap}.ticker-item{font-size: 13px;white-space: nowrap;flex-shrink: 0}.price-ticker .ticker-item{font-size: 13px;white-space: nowrap;flex-shrink: 0}@media (max-width: 767px){.bottom-nav,nav.bottom-nav,.bottom-nav.mobile-only{display: flex !important;position: fixed;bottom: 0;left: 0;right: 0;z-index: 100;background: var(--bg-primary);border-top: 1px solid var(--border);justify-content: space-around;align-items: center;padding: 6px 0;padding-bottom: calc(6px + env(safe-area-inset-bottom));min-height: 52px;box-shadow: 0 -2px 8px rgba(0,0,0,0.06)}}.bottom-nav a,.bottom-nav__item{display: flex;flex-direction: column;align-items: center;gap: 2px;font-size: 10px;font-weight: 600;text-decoration: none;color: var(--text-muted);padding: 4px 8px;border-radius: 8px;transition: color var(--transition-fast);min-width: 44px}.bottom-nav a svg,.bottom-nav__item svg{width: 20px;height: 20px}.article-hero-image img,.article-hero img{max-width: 100%;height: auto;border-radius: 12px}.article-toc ul,.toc ul{list-style: disc;padding-left: 20px}.article-toc li,.toc li{overflow-wrap: break-word;word-wrap: break-word}.mobile-only{display: block}@media (min-width: 768px){.mobile-only{display: none}}.container.article-container{max-width: var(--article-max,680px)}@media (min-width: 768px){.container.article-container{max-width: var(--article-max,680px);margin-inline: auto;padding-inline: var(--desktop-margin,32px)}}@media (max-width: 767px){.container.article-container{max-width: 100%;overflow: hidden;box-sizing: border-box}}.sidebar{background: var(--bg-soft);border-radius: var(--radius);padding: var(--space-4);margin-top: var(--space-4)}.nav-item{display: flex;align-items: center;gap: 8px;padding: 8px 12px;color: var(--text-primary);text-decoration: none;border-radius: var(--radius-sm);font-size: 14px;transition: var(--transition-fast)}.nav-item:hover,.nav-item.active{background: var(--brand-blue-soft);color: var(--brand-blue)}.page-header{margin-bottom: var(--space-5);padding-bottom: var(--space-3);border-bottom: 1px solid var(--border)}.page-title{font-family: var(--font-display);font-size: var(--fs-h1);font-weight: 700;line-height: var(--lh-tight);color: var(--text-primary);margin: 0}.main{display: block;min-height: 60vh}.btn-primary,.btn--primary{display: inline-flex;align-items: center;gap: 8px;background: var(--brand-blue);color: #fff;padding: 10px 20px;border-radius: var(--radius-sm);font-weight: 600;font-size: 14px;border: none;cursor: pointer;transition: var(--transition-fast);text-decoration: none}.btn-primary:hover,.btn--primary:hover{background: var(--brand-blue-hover);transform: translateY(-1px)}.btn-ghost{display: inline-flex;align-items: center;gap: 8px;background: transparent;color: var(--text-primary);padding: 10px 20px;border-radius: var(--radius-sm);font-weight: 600;font-size: 14px;border: 1px solid var(--border);cursor: pointer;transition: var(--transition-fast);text-decoration: none}.btn-ghost:hover{background: var(--bg-soft);border-color: var(--brand-blue)}.stats-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(200px,1fr));gap: var(--space-3);margin-bottom: var(--space-5)}.stat-card{background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius);padding: var(--space-4)}.stat-label{font-size: var(--fs-caption);color: var(--text-muted);text-transform: uppercase;letter-spacing: 0.5px;margin-bottom: 4px}.stat-value{font-family: var(--font-display);font-size: var(--fs-h2);font-weight: 700;color: var(--text-primary)}.stat-change{font-size: var(--fs-caption);margin-top: 4px}.stat-change.up{color: var(--green-up)}.stat-change.down{color: var(--red-down)}.badge{display: inline-flex;align-items: center;padding: 2px 10px;border-radius: var(--radius-pill);font-size: 11px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.5px}.badge-ai,.badge-published{background: var(--brand-blue-soft);color: var(--brand-blue)}.badge-crypto{background: rgba(247,147,26,0.1);color: #F7931A}.badge-finance{background: rgba(16,185,129,0.1);color: var(--green-up)}.badge-trending{background: rgba(245,158,11,0.1);color: var(--amber)}.form-group{margin-bottom: var(--space-3)}.form-label{display: block;font-size: 14px;font-weight: 500;margin-bottom: 6px;color: var(--text-primary)}.form-input,.form-select,.form-textarea{width: 100%;padding: 10px 12px;border: 1px solid var(--border);border-radius: var(--radius-sm);font-size: 14px;font-family: var(--font-body);background: var(--surface);color: var(--text-primary);transition: var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline: none;border-color: var(--brand-blue);box-shadow: 0 0 0 3px var(--brand-blue-soft)}.form-textarea{min-height: 120px;resize: vertical}.form-row{display: flex;gap: var(--space-3);margin-bottom: var(--space-3)}.form-row > .form-group{flex: 1}.checklist-item{display: flex;align-items: flex-start;gap: 8px;padding: 8px 0}.checklist-icon{flex-shrink: 0;width: 20px;height: 20px;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;background: var(--green-up);color: #fff;font-size: 12px}.checklist-item.done .checklist-icon{background: var(--green-up)}.author-box__info{flex: 1}.author-box__info h4{margin: 0 0 4px;font-size: 15px;font-weight: 600}.author-box__info p{margin: 0;font-size: 13px;color: var(--text-muted)}.visually-hidden{position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip: rect(0,0,0,0) !important;white-space: nowrap !important;border: 0 !important}.article-container table,.article-content table,.article-body table{width: 100%;max-width: 100%;border-collapse: collapse;margin: var(--space-4) 0;font-size: 15px}.article-container table th,.article-content table th,.article-body table th{background: var(--bg-soft);font-weight: 600;text-align: left}.article-container table th,.article-container table td,.article-content table th,.article-content table td,.article-body table th,.article-body table td{border: 1px solid var(--border);padding: 10px 14px;vertical-align: top;word-break: break-word}[data-theme="dark"] .article-container table th,[data-theme="dark"] .article-content table th,[data-theme="dark"] .article-body table th{background: #1C2330}.article-content table,.article-body table,.article-container table,.article-page table{display: block;overflow-x: auto;-webkit-overflow-scrolling: touch;max-width: 100%;border-collapse: collapse}.article-content th,.article-content td,.article-body th,.article-body td,.article-container th,.article-container td,.article-page th,.article-page td{min-width: 80px;white-space: normal;word-break: break-word}.footer-social{margin-top: var(--space-4);padding-top: var(--space-3);border-top: 1px solid var(--border)}.footer-social h4{font-size: 14px;margin-bottom: 8px;color: var(--text-muted)}.social-links{display: flex;gap: 12px}.social-links a{display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 50%;background: var(--bg-soft);border: 1px solid var(--border);font-size: 16px;text-decoration: none;transition: var(--transition-fast)}.social-links a:hover{background: var(--brand-blue-soft);border-color: var(--brand-blue);transform: translateY(-2px)}.form-note{font-size: 13px;color: var(--text-muted);margin-top: 12px}.contact-form-section{max-width: 600px;margin: var(--space-5) auto}.contact-form{display: flex;flex-direction: column;gap: var(--space-3)}[data-theme="dark"] .read-next{color: #1E1B4B}[data-theme="dark"] .btn--primary{color: #1E1B4B}[data-theme="dark"] .btn--primary:hover{color: #1E1B4B}[data-theme="dark"] .checklist-icon{color: #052E16}[data-theme="dark"] .skip-link{color: #1E1B4B}[data-theme="dark"] .read-next a,[data-theme="dark"] .read-next *{color: inherit}.legal-content table{display: block;overflow-x: auto;-webkit-overflow-scrolling: touch;max-width: 100%}@media (max-width: 767px){.legal-content{overflow-x: hidden}}.sources-list{padding-left:0;list-style:none;margin:16px 0}.sources-list li{padding:8px 0;border-bottom:1px solid var(--border);font-size:.92rem}.sources-list a{color:var(--accent);text-decoration:none;word-break:break-all}.sources-list a:hover{text-decoration:underline}[id]{scroll-margin-top: calc(var(--header-height,64px) + 16px)}:focus-visible{outline: 3px solid #4F46E5;outline-offset: 2px;border-radius: 4px}h1,h2,h3{text-wrap: balance}::selection{background: #4F46E5;color: #FFFFFF}.article-content{overflow-wrap: break-word}html{scroll-behavior: smooth}.section-title,.home-section-title{display: flex;align-items: center;gap: 12px}.s-icon{flex-shrink: 0;transform: translateY(2px)}h1.section-title .s-icon{width: 34px;height: 34px}.posts-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: 24px;margin-top: 2rem}.posts-grid .post-card{display: flex;flex-direction: column;background: var(--surface,#fff);border: 1px solid var(--border,#e5e7eb);border-radius: 12px;overflow: hidden;transition: transform .2s ease,box-shadow .2s ease}.posts-grid .post-card:hover{transform: translateY(-3px);box-shadow: 0 8px 24px rgba(0,0,0,.08)}.posts-grid .post-card__image img{width: 100%;height: auto;display: block}.posts-grid .post-card__body{padding: 14px 16px 16px}[data-theme="dark"] .post-card,[data-theme="dark"] .post-card__body{background: var(--surface);border-color: var(--border)}[data-theme="dark"] .post-card__title a,[data-theme="dark"] .post-card__title{color: var(--text-primary)}[data-theme="dark"] .post-card__meta,[data-theme="dark"] .post-card__meta a{color: var(--text-secondary)}[data-theme="dark"] .kicker{color: var(--brand-blue)}[data-theme="dark"] .site-header{background: var(--bg-primary);border-bottom: 1px solid var(--border)}[data-theme="dark"] .nav-desktop a{color: var(--text-primary)}[data-theme="dark"] .section-title{color: var(--text-primary)}[data-theme="dark"] .section-title,[data-theme="dark"] h1.section-title svg.s-icon{stroke: #818CF8}[data-theme="dark"] .price-ticker{background: var(--bg-soft);border-color: var(--border);color: var(--text-primary)}[data-theme="dark"] .ticker-item{color: var(--text-primary)}[data-theme="dark"] .article-container,[data-theme="dark"] .article-content{background: transparent;color: var(--text-primary)}[data-theme="dark"] .article-container p,[data-theme="dark"] .article-content p,[data-theme="dark"] .article-container li,[data-theme="dark"] .article-content li{color: var(--text-primary)}[data-theme="dark"] .article-container h2,[data-theme="dark"] .article-content h2,[data-theme="dark"] .article-container h3{color: var(--text-primary)}[data-theme="dark"] .btn--primary{background: var(--brand-blue);color: #fff}[data-theme="dark"] .key-takeaway{background: var(--bg-soft);color: var(--text-primary);border-color: var(--border)}[data-theme="dark"] .update-note{background: var(--bg-soft);color: var(--text-primary)}[data-theme="dark"] .sources-list li{border-color: var(--border);color: var(--text-secondary)}[data-theme="dark"] .sources-list a{color: var(--brand-blue)}[data-theme="dark"] .read-next-grid .post-card{background: var(--surface)}[data-theme="dark"] .newsletter-form input[type="email"]{background: var(--bg-soft);color: var(--text-primary);border-color: var(--border)}[data-theme="dark"] footer,[data-theme="dark"] .site-footer{background: var(--bg-soft);color: var(--text-secondary)}[data-theme="dark"] .hero-text .hero-title a,[data-theme="dark"] .hero-title a{color: var(--text-primary)}[data-theme="dark"] .hero-meta,[data-theme="dark"] .hero-text .kicker{color: var(--text-secondary)}.nav-desktop a.active-nav{color: var(--brand-blue,#4F46E5);font-weight: 600}.nav-desktop a.active-nav::after{width: 100%}[data-theme="dark"] .nav-desktop a.active-nav{color: #818CF8}.nav-desktop a,.main-nav a{position: relative;padding: 8px 4px;margin: 0 6px;font-weight: 500;color: var(--text-secondary,#4b5563);text-decoration: none;transition: color .25s ease,text-shadow .25s ease,transform .2s ease;letter-spacing: .01em}.nav-desktop a::after,.main-nav a::after{content: "";position: absolute;left: 50%;bottom: -2px;width: 0;height: 3px;border-radius: 3px;background: linear-gradient(90deg,#4F46E5,#8B5CF6,#6366F1);transform: translateX(-50%);transition: width .3s cubic-bezier(.22,1,.36,1),opacity .3s ease;opacity: 0;box-shadow: 0 0 12px rgba(99,102,241,.6)}.nav-desktop a:hover,.main-nav a:hover{color: #4F46E5;text-shadow: 0 0 18px rgba(99,102,241,.35);transform: translateY(-1px)}.nav-desktop a:hover::after,.main-nav a:hover::after{width: 100%;opacity: 1}.nav-desktop a.active-nav,.main-nav a.active-nav{color: #4F46E5;font-weight: 700;text-shadow: 0 0 14px rgba(99,102,241,.4)}.nav-desktop a.active-nav::after,.main-nav a.active-nav::after{width: 100%;opacity: 1}.nav-desktop a.active-nav,.main-nav a.active-nav{border-radius: 8px}[data-theme="dark"] .nav-desktop a,[data-theme="dark"] .main-nav a{color: #9CA3AF}[data-theme="dark"] .nav-desktop a:hover,[data-theme="dark"] .main-nav a:hover{color: #A5B4FC;text-shadow: 0 0 20px rgba(129,140,248,.5)}[data-theme="dark"] .nav-desktop a.active-nav,[data-theme="dark"] .main-nav a.active-nav{color: #A5B4FC;font-weight: 700;text-shadow: 0 0 18px rgba(129,140,248,.55)}[data-theme="dark"] .nav-desktop a::after,[data-theme="dark"] .main-nav a::after{background: linear-gradient(90deg,#818CF8,#C4B5FD,#A5B4FC);box-shadow: 0 0 14px rgba(129,140,248,.7)}.site-header{box-shadow: 0 1px 0 var(--border,#e5e7eb);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);background: color-mix(in srgb,var(--bg-primary,#fff) 85%,transparent)}.post-card,.card-grid .post-card,.posts-grid .post-card,.hero-card,article.post-card{position: relative;background: var(--surface,#ffffff);border: 1px solid var(--border,#e5e7eb);border-radius: 14px;overflow: hidden;transition: transform .25s cubic-bezier(.22,1,.36,1),box-shadow .3s ease,border-color .25s ease;box-shadow: 0 1px 2px rgba(17,24,39,.05),0 2px 8px rgba(17,24,39,.04)}.post-card:hover,.card-grid .post-card:hover,.posts-grid .post-card:hover{transform: translateY(-5px);border-color: rgba(79,70,229,.35);box-shadow: 0 4px 12px rgba(79,70,229,.10),0 12px 28px rgba(17,24,39,.12)}.post-card__image{overflow: hidden}.post-card:hover .post-card__image img,.post-card:hover > img{transform: scale(1.05);transition: transform .5s cubic-bezier(.22,1,.36,1)}.post-card__image img{transition: transform .5s cubic-bezier(.22,1,.36,1)}.post-card:hover .post-card__title a,.post-card:hover .post-card__title{color: #4F46E5}.post-card__title a,.post-card__title{transition: color .2s ease}.btn--primary,.btn.btn--primary{background: linear-gradient(135deg,#4F46E5,#7C3AED);color: #fff;border: none;padding: 12px 22px;border-radius: 10px;font-weight: 600;box-shadow: 0 2px 6px rgba(79,70,229,.25),0 6px 18px rgba(79,70,229,.15);transition: transform .2s ease,box-shadow .25s ease,filter .25s ease;position: relative;overflow: hidden}.btn--primary:hover,.btn.btn--primary:hover{transform: translateY(-2px);box-shadow: 0 4px 14px rgba(79,70,229,.35),0 12px 28px rgba(79,70,229,.25);filter: brightness(1.06)}.btn--primary:active,.btn.btn--primary:active{transform: translateY(0) scale(.97)}.btn--primary:focus-visible{outline: 3px solid rgba(79,70,229,.5);outline-offset: 2px}.btn--primary::after{content: "";position: absolute;top: 0;left: -60%;width: 50%;height: 100%;background: linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform: skewX(-20deg);transition: left .5s ease}.btn--primary:hover::after{left: 130%}@media (prefers-reduced-motion: no-preference){.section,.posts-grid{animation: v9FadeUp .5s cubic-bezier(.22,1,.36,1) both}.section:nth-of-type(2){animation-delay: .05s}.section:nth-of-type(3){animation-delay: .1s}@keyframes v9FadeUp{from{opacity: 0;transform: translateY(10px)}to{opacity: 1;transform: translateY(0)}}}[data-theme="dark"] .post-card,[data-theme="dark"] article.post-card{background: var(--surface,#151A23);border-color: var(--border,#2A2F3A);box-shadow: 0 1px 2px rgba(0,0,0,.4),0 6px 18px rgba(0,0,0,.3)}[data-theme="dark"] .post-card:hover{border-color: rgba(129,140,248,.5);box-shadow: 0 4px 16px rgba(129,140,248,.15),0 14px 34px rgba(0,0,0,.45)}[data-theme="dark"] .post-card:hover .post-card__title a{color: #A5B4FC}[data-theme="dark"] .btn--primary{background: linear-gradient(135deg,#6366F1,#8B5CF6)}.post-card,article.post-card{position: relative}.post-card::after,article.post-card::after{content: "";position: absolute;left: 8%;right: 8%;bottom: -2px;height: 5px;border-radius: 0 0 14px 14px;background: linear-gradient(90deg,transparent,#4F46E5,#8B5CF6,#D946EF,transparent);opacity: 0;transform: scaleX(.3);transition: opacity .35s ease,transform .45s cubic-bezier(.22,1,.36,1);filter: blur(1px);z-index: 1}.post-card:hover::after,article.post-card:hover::after{opacity: 1;transform: scaleX(1)}.post-card:hover,article.post-card:hover{box-shadow: 0 1px 2px rgba(17,24,39,.05),0 2px 8px rgba(79,70,229,.08),0 10px 22px rgba(79,70,229,.18),0 18px 40px -8px rgba(139,92,246,.28)}.post-card,article.post-card{box-shadow: 0 1px 2px rgba(17,24,39,.04),0 4px 14px rgba(79,70,229,.06),0 10px 26px -10px rgba(99,102,241,.14)}[data-theme="dark"] .post-card,[data-theme="dark"] article.post-card{box-shadow: 0 1px 2px rgba(0,0,0,.4),0 6px 16px rgba(79,70,229,.12),0 14px 30px -8px rgba(139,92,246,.25)}[data-theme="dark"] .post-card:hover,[data-theme="dark"] article.post-card:hover{box-shadow: 0 4px 14px rgba(129,140,248,.18),0 16px 36px -6px rgba(139,92,246,.4)}[data-theme="dark"] .post-card::after{background: linear-gradient(90deg,transparent,#818CF8,#C4B5FD,#E879F9,transparent)}
/* ================= VERITYA UX OVERHAUL v3 (2026-09-29) ================= */
/* -- Premium layered background (light + dark, fixed, zero-paint scroll) -- */
html{background:#F4F5FB;}
body{background:
radial-gradient(1100px 500px at 85% -100px, rgba(99,102,241,0.09), transparent 60%),
radial-gradient(900px 500px at -10% 30%, rgba(147,51,234,0.05), transparent 55%),
radial-gradient(700px 420px at 50% 110%, rgba(79,70,229,0.05), transparent 60%),
#F4F5FB !important;
background-attachment: fixed;}
html[data-theme="dark"] body{background:
radial-gradient(1100px 500px at 85% -100px, rgba(99,102,241,0.14), transparent 60%),
radial-gradient(900px 520px at -10% 25%, rgba(147,51,234,0.08), transparent 55%),
radial-gradient(760px 460px at 50% 115%, rgba(56,189,248,0.05), transparent 60%),
#0D1117 !important;
background-attachment: fixed;}
.site-header{background:rgba(255,255,255,0.82);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);}
html[data-theme="dark"] .site-header{background:rgba(13,17,23,0.82);}
/* -- Ultra desktop navbar: glass pill nav, animated underline + glow active state -- */
.site-header .container{gap:var(--space-4);}
.nav-desktop{gap:6px;background:var(--bg-soft);border:1px solid var(--border);border-radius:999px;padding:6px 10px;box-shadow:0 1px 2px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.35);}
html[data-theme="dark"] .nav-desktop{background:rgba(22,27,34,.75);box-shadow:0 1px 2px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.06);}
.nav-desktop a{position:relative;font-size:14.5px;font-weight:600;letter-spacing:.01em;padding:7px 14px;border-radius:999px;transition:color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;}
.nav-desktop a::after{content:"";position:absolute;left:50%;bottom:2px;width:0;height:2px;border-radius:2px;background:linear-gradient(90deg,#4F46E5,#9333EA);transform:translateX(-50%);transition:width .22s ease;}
.nav-desktop a:hover{color:var(--brand-blue);background:rgba(79,70,229,.07);transform:translateY(-1px);}
.nav-desktop a:hover::after{width:46%;}
.nav-desktop a.active-nav{color:#FFFFFF;background:linear-gradient(135deg,#4F46E5,#6D28D9);box-shadow:0 3px 12px rgba(79,70,229,.42);}
.nav-desktop a.active-nav::after{width:0;}
html[data-theme="dark"] .nav-desktop a.active-nav{background:linear-gradient(135deg,#6366F1,#8B5CF6);}
/* Center nav on article pages too (header-inner legacy layout) */
.site-header .header-inner{max-width:var(--container-max);margin-inline:auto;width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-inline:var(--mobile-margin);}
/* -- 3-column homepage grid -- */
@media (min-width: 900px){.card-grid--3{grid-template-columns:repeat(3,1fr) !important;gap:var(--space-5);}}
@media (min-width: 640px) and (max-width: 899px){.card-grid--3{grid-template-columns:repeat(2,1fr);}}
.card-grid--3 .post-card{display:flex;flex-direction:column;height:100%;}
.card-grid--3 .post-card__body{display:flex;flex-direction:column;flex:1;padding:14px 16px 16px;gap:6px;}
.card-grid--3 .post-card__title{font-size:16.5px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;}
.card-grid--3 .post-card__meta{margin-top:auto;font-size:12.5px;}
.card-grid--3 .post-card__image img{height:100%;aspect-ratio:16/9;object-fit:cover;}
/* Card surface premium */
.card-grid--3 .post-card{background:var(--surface);border:1px solid var(--border);box-shadow:0 1px 2px rgba(15,23,42,.05);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.card-grid--3 .post-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(79,70,229,.14);border-color:rgba(79,70,229,.35);}
/* -- Share row on cards: premium floating chips w/ brand hover fills -- */
.post-card{position:relative;}
.post-card__share{position:absolute;top:10px;right:10px;z-index:3;display:flex;gap:6px;opacity:0;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease;}
.post-card:hover .post-card__share,.post-card:focus-within .post-card__share{opacity:1;transform:translateY(0);}
@media (hover: none){.post-card__share{opacity:1;transform:none;}}
.post-card__share button{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:999px;cursor:pointer;color:#fff;background:rgba(15,23,42,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 10px rgba(0,0,0,.25);transition:transform .18s cubic-bezier(.34,1.56,.64,1),background .18s ease,box-shadow .18s ease;}
.post-card__share button:hover{transform:scale(1.18) translateY(-1px);box-shadow:0 6px 16px rgba(79,70,229,.4);}
.post-card__share button:focus-visible{outline:2px solid var(--brand-blue);outline-offset:2px;}
.post-card__share svg{width:15px;height:15px;}
.post-card__share .sh-x:hover{background:#000;}
.post-card__share .sh-wa:hover{background:#25D366;}
.post-card__share .sh-li:hover{background:#0A66C2;}
.post-card__share .sh-cp:hover{background:#4F46E5;}
/* -- Mobile: top navbar hidden, only bottom nav -- */
@media (max-width: 767px){
.site-header .nav-desktop,.site-header .main-nav,.site-header .header-actions,.site-header .theme-toggle{display:none !important;}
.site-header{height:56px;}
.bottom-nav{background:rgba(22,27,34,0.88);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border-top:1px solid rgba(99,102,241,.25);box-shadow:0 -4px 24px rgba(79,70,229,.12);}
html:not([data-theme="dark"]) .bottom-nav{background:rgba(255,255,255,0.9);}
.bottom-nav::before{content:"";position:absolute;top:0;left:12%;right:12%;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#4F46E5,transparent);}
.bottom-nav__item{position:relative;color:var(--text-muted);}
.bottom-nav__item svg{width:22px;height:22px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),filter .25s ease;}
.bottom-nav__item.active{color:#4F46E5;}
html[data-theme="dark"] .bottom-nav__item.active{color:#818CF8;}
.bottom-nav__item.active svg{filter:drop-shadow(0 0 6px rgba(79,70,229,.65));transform:translateY(-2px);}
.bottom-nav__item.active::after{content:"";position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:26px;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,#4F46E5,#9333EA);}
.bottom-nav__item:active svg{transform:scale(0.9);}
}
/* -- Bottom nav icons theme-colored (light: indigo, dark: light-indigo) -- */
.bottom-nav__item svg{stroke:currentColor;}
.bottom-nav__item{color:var(--text-muted);}
.bottom-nav__item.active,.bottom-nav__item:hover{color:var(--brand-blue);}
/* -- Share row (article top) -- */
.vdy-share{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 18px;}
.vdy-share__label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-right:2px;}
.vdy-share a,.vdy-share button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);cursor:pointer;transition:transform .18s cubic-bezier(.34,1.56,.64,1),background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease;}
.vdy-share a:hover,.vdy-share button:hover{transform:translateY(-2px) scale(1.08);color:#fff;border-color:transparent;}
.vdy-share svg{width:16px;height:16px;}
.vdy-share .sh-x:hover{background:#000;box-shadow:0 6px 14px rgba(0,0,0,.3);}
.vdy-share .sh-fb:hover{background:#1877F2;box-shadow:0 6px 14px rgba(24,119,242,.4);}
.vdy-share .sh-wa:hover{background:#25D366;box-shadow:0 6px 14px rgba(37,211,102,.4);}
.vdy-share .sh-li:hover{background:#0A66C2;box-shadow:0 6px 14px rgba(10,102,194,.4);}
.vdy-share .sh-cp:hover{background:linear-gradient(135deg,#4F46E5,#7C3AED);box-shadow:0 6px 14px rgba(79,70,229,.4);}
/* -- Premium inputs/callouts dark-safe (theme-aware) -- */
html[data-theme="dark"] .callout-like,html[data-theme="dark"] .vdy-pager{background:rgba(99,102,241,.12);}
/* -- Reduced motion -- */
@media (prefers-reduced-motion: reduce){.nav-desktop a,.post-card,.post-card__share button,.vdy-share a,.bottom-nav__item svg{transition:none !important;animation:none !important;}}
/* -- bottom-nav theme toggle button reset -- */
.bottom-nav button.bottom-nav__item{background:transparent;border:none;font-family:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;}