.animate-fadeIn{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:root{--background-primary:#f9fafb;--background-secondary:#fff;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--shadow:0 10px 25px -5px rgba(59,130,246,.1) , 0 8px 10px -6px rgba(59,130,246,.1);--hover-shadow:0 15px 30px -5px rgba(59,130,246,.15) , 0 10px 15px -5px rgba(59,130,246,.1);--border-color:#e5e7eb;--accent-color:#6366f1;--accent-color-hover:#4f46e5}@media (prefers-color-scheme:dark){:root{--background-primary:#111827;--background-secondary:#1f2937;--text-primary:#f9fafb;--text-secondary:#e5e7eb;--text-tertiary:#9ca3af;--shadow:0 10px 25px -5px rgba(0,0,0,.3) , 0 8px 10px -6px rgba(0,0,0,.2);--hover-shadow:0 15px 30px -5px rgba(0,0,0,.4) , 0 10px 15px -5px rgba(0,0,0,.3);--border-color:#374151;--accent-color:#818cf8;--accent-color-hover:#a5b4fc}}.custom-shadow{box-shadow:var(--shadow);transition:box-shadow .3s ease , transform .3s ease}.card-hover:hover{transform:translateY(-3px);box-shadow:var(--hover-shadow)}.related-article:hover .related-image{transform:scale(1.05)}.back-button{transition:all .3s ease;box-shadow:var(--shadow)}.back-button:hover{transform:scale(1.05);box-shadow:var(--hover-shadow)}.article-content h2{margin-top:2rem;margin-bottom:1rem;font-weight:600;color:var(--text-primary)}.article-content p{margin-bottom:1.5rem;line-height:1.8;color:var(--text-secondary)}.article-content a{color:var(--accent-color);transition:color .2s ease;text-decoration:none;font-weight:500}.article-content a:hover{color:var(--accent-color-hover);text-decoration:underline}main{transition:opacity .3s ease , transform .3s ease}.tag{transition:transform .3s ease}.tag:hover{transform:translateY(-2px)}@media (max-width:640px){.article-content h2{font-size:1.25rem;margin-top:1.5rem;margin-bottom:.75rem}.article-content p{font-size:.95rem;margin-bottom:1.25rem}.back-button{padding:.75rem}}@media (prefers-reduced-motion:reduce){.animate-fadeIn,.back-button,.card-hover,.related-article .related-image,.tag{transition:none;animation:none}.card-hover:hover,.back-button:hover,.tag:hover{transform:none}}button:focus,a:focus{outline:2px solid var(--accent-color);outline-offset:2px}.dark button:focus,.dark a:focus{outline-color:var(--accent-color-hover)}.article-content-wrapper img{max-width:100%;height:auto;border-radius:.5rem;display:block;margin:2rem auto;box-shadow:var(--shadow);transition:transform .3s ease}.article-content-wrapper img:hover{transform:scale(1.02)}.article-content-wrapper figure{margin:2rem 0}.article-content-wrapper figcaption{text-align:center;font-size:.875rem;color:var(--text-tertiary);margin-top:.5rem}.article-content-wrapper p img{display:inline-block;vertical-align:middle;margin:0 .5rem;max-height:2rem;border-radius:.25rem;box-shadow:none}.aspect-video{aspect-ratio:16 / 9}.image-placeholder{background-color:var(--background-secondary);position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}@media (prefers-reduced-motion:reduce){.article-content-wrapper img{transition:none}.article-content-wrapper img:hover{transform:none}}@media print{.article-content-wrapper img{max-width:100%!important;page-break-inside:avoid;box-shadow:none;border:1px solid #e5e7eb}}