.article-page{min-height:60vh;padding-bottom:var(--space-16)}.article-layout{gap:var(--space-8);grid-template-columns:1fr 320px;align-items:start;display:grid}.article-back{align-items:center;gap:var(--space-1);font-size:var(--fs-small);color:var(--blue-action);margin-bottom:var(--space-4);transition:gap var(--transition-fast);font-weight:600;display:inline-flex}.article-back:hover{gap:var(--space-2)}.article-meta{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.article-meta__date{align-items:center;gap:var(--space-1);font-size:var(--fs-small);color:var(--text-muted);font-weight:500;display:flex}.article-meta__share{align-items:center;gap:var(--space-1);font-size:var(--fs-small);color:var(--text-muted);padding:var(--space-1) var(--space-3);border:1px solid var(--border-light);border-radius:var(--border-radius-pill);transition:all var(--transition-fast);display:flex}.article-meta__share:hover{color:var(--blue-action);border-color:var(--blue-action)}.article-title{font-size:var(--fs-h1);color:var(--navy);margin-bottom:var(--space-6);line-height:1.3}.article-hero{border-radius:var(--border-radius-md);margin-bottom:var(--space-6);overflow:hidden}.article-hero img{width:100%;height:auto}.article-body{font-size:var(--fs-body);line-height:1.8}.article-sidebar{top:calc(var(--navbar-height) + var(--space-6));position:sticky}.article-sidebar__title{font-size:var(--fs-body);color:var(--navy);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:2px solid var(--blue-action)}.related-card{gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-light);transition:opacity var(--transition-fast);display:flex}.related-card:hover{opacity:.8}.related-card:last-child{border-bottom:none}.related-card__img{object-fit:cover;border-radius:var(--border-radius);flex-shrink:0;width:80px;height:60px}.related-card__img--placeholder{background:linear-gradient(135deg,#0f3460,#16213e)}.related-card__date{font-size:var(--fs-xs);color:var(--text-muted);margin-bottom:2px;display:block}.related-card__title{font-size:var(--fs-small);color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}@media (max-width:1024px){.article-layout{grid-template-columns:1fr}}.article-gallery{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border-light)}.article-gallery__title{font-size:var(--fs-h3);color:var(--navy);margin-bottom:var(--space-4)}.article-gallery__grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.article-gallery__item{border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);aspect-ratio:4/3;cursor:pointer;border:1px solid var(--border-light);transition:all .35s cubic-bezier(.16,1,.3,1);overflow:hidden}.article-gallery__item:hover{box-shadow:var(--shadow-md);border-color:var(--blue-action);transform:translateY(-4px)}.article-gallery__img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.article-gallery__item:hover .article-gallery__img{transform:scale(1.05)}@media (max-width:768px){.article-gallery__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.article-gallery__grid{grid-template-columns:1fr}}.lightbox-overlay{-webkit-backdrop-filter:blur(12px);z-index:9999;background:#0a0f1ee6;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s cubic-bezier(.16,1,.3,1) fadeIn;display:flex;position:fixed;top:0;left:0}.lightbox-content{flex-direction:column;align-items:center;max-width:85%;max-height:85%;animation:.35s cubic-bezier(.34,1.56,.64,1) zoomIn;display:flex;position:relative}.lightbox-img{object-fit:contain;border-radius:var(--border-radius-lg);border:1px solid #ffffff1a;max-width:100%;max-height:80vh;box-shadow:0 20px 50px #00000080}.lightbox-counter{margin-top:var(--space-4);color:#ffffffb3;font-size:var(--fs-small);letter-spacing:1px;padding:var(--space-1) var(--space-4);border-radius:var(--border-radius-pill);background:#ffffff1a;font-weight:500}.lightbox-close{top:var(--space-6);right:var(--space-6);color:var(--white);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .25s;display:flex;position:absolute}.lightbox-close:hover{background:var(--white);color:var(--navy);transform:rotate(90deg)}.lightbox-nav{color:var(--white);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff14;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:var(--white);color:var(--navy);box-shadow:0 10px 30px #0000004d}.lightbox-nav--prev{left:var(--space-8)}.lightbox-nav--next{right:var(--space-8)}.lightbox-nav--prev:hover{transform:translateY(-50%)translate(-4px)}.lightbox-nav--next:hover{transform:translateY(-50%)translate(4px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.lightbox-nav{width:48px;height:48px}.lightbox-nav--prev{left:var(--space-4)}.lightbox-nav--next{right:var(--space-4)}.lightbox-close{top:var(--space-4);right:var(--space-4)}.lightbox-content{max-width:90%}}.article-ai-summary{margin-top:var(--space-8);padding:var(--space-6);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#e6f2ff66 0%,#ffffffe6 100%);border:1px solid #0066cc1f;position:relative;overflow:hidden}[data-theme=dark] .article-ai-summary{background:var(--bg-card);border-color:var(--border-light);box-shadow:var(--shadow-md)}.article-ai-summary:before{content:"";background:linear-gradient(to bottom, var(--blue-action) 0%, #00d2ff 100%);width:4px;height:100%;position:absolute;top:0;left:0}.article-ai-summary__header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.article-ai-summary__icon{color:var(--blue-action);animation:2s ease-in-out infinite pulseAi}.article-ai-summary__title{font-size:var(--fs-body);color:var(--navy);text-transform:uppercase;letter-spacing:.5px;margin:0;font-weight:700}.article-ai-summary__list{margin:0;padding:0;list-style:none}.article-ai-summary__list li{padding-left:var(--space-5);font-size:var(--fs-small);color:var(--text-primary);margin-bottom:var(--space-3);line-height:1.6;position:relative}.article-ai-summary__list li:before{content:"✦";color:var(--blue-action);font-size:10px;position:absolute;top:1px;left:0}.article-ai-summary__list li:last-child{margin-bottom:0}@keyframes pulseAi{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;filter:drop-shadow(0 0 4px #0066cc80);transform:scale(1.15)}}.article-video-container{margin-top:var(--space-8);margin-bottom:var(--space-8);padding:var(--space-6);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#e6f2ff66 0%,#ffffffe6 100%);border:1px solid #0066cc1f;transition:all .3s;position:relative;overflow:hidden}.article-video-container:before{content:"";background:linear-gradient(to bottom, var(--blue-action) 0%, #00d2ff 100%);width:4px;height:100%;position:absolute;top:0;left:0}.article-video-container:hover{box-shadow:var(--shadow-md);border-color:#0066cc40;transform:translateY(-2px)}.article-video__title{align-items:center;gap:var(--space-2);margin-top:0;margin-bottom:var(--space-4);font-size:var(--fs-body);color:var(--navy);text-transform:uppercase;letter-spacing:.5px;font-weight:700;display:flex}.article-video__icon{color:var(--blue-action)}.article-video__wrapper{aspect-ratio:16/9;border-radius:var(--border-radius-md);width:100%;box-shadow:var(--shadow-md);border:1px solid var(--border-light);background:#000;position:relative;overflow:hidden}.article-video__element{object-fit:cover;width:100%;height:100%;display:block}