body{background-color:var(--bg-article, #DBD9D6);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.15'/%3E%3C/svg%3E");color:var(--bg-primary)}.article-container{display:block;max-width:1200px;margin:120px auto 4rem;padding:0 2rem;position:relative}.social-pills{position:fixed;top:100px;left:2rem;z-index:100;width:60px;display:flex;flex-direction:column;align-items:center;gap:1rem;background-color:transparent;padding:1rem 0;border-radius:2rem;border:1px solid var(--neutral-gray);box-shadow:none}@media (min-width: 1360px){.social-pills{left:calc(50vw - 680px)}}.social-pills a{display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:50%;background-color:transparent;transition:opacity .3s ease}.social-pills a:hover{opacity:.7}.social-pills a svg,.social-pills a svg path{width:26px;height:26px;fill:#0a0a0c!important}.article-layout{display:grid;grid-template-columns:2fr 1fr;gap:4rem;width:100%}.article-main{background-color:transparent;color:var(--bg-primary);border-radius:12px;padding:0;display:flex;flex-direction:column;gap:1.5rem}.article-header-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.btn-back{display:inline-flex;align-items:center;gap:.5rem;padding:0;background-color:transparent;color:#0a0a0c!important;text-decoration:none;font-weight:600;font-size:.9rem;transition:transform .2s ease,opacity .2s ease;border:none}.btn-back svg,.btn-back svg path{width:20px;height:20px;fill:#0a0a0c!important}.btn-back:hover{transform:translate(-5px);opacity:.7}.article-category{font-weight:600;color:var(--text-primary);background-color:var(--accent-secondary);border-radius:4px;padding:4px 12px;text-transform:uppercase;letter-spacing:1px;font-size:.8rem}.article-title{font-size:3rem;font-weight:800;line-height:1.2;margin:0;color:#0a0a0c!important;-webkit-text-fill-color:#0a0a0c!important}.article-date{font-size:.9rem;color:#555;font-weight:600}.article-hero-image{width:100%;height:auto;border-radius:8px;object-fit:cover;margin:1.5rem 0}.article-body{font-size:1.1rem;line-height:1.8;color:#222}.article-body p{margin-bottom:1.5rem}.article-body a{color:#1d4ed8;text-decoration:underline;font-weight:600;transition:color .2s ease,opacity .2s ease}.article-body a:hover{color:#1e40af;opacity:.85}.article-sidebar{display:flex;flex-direction:column;gap:2rem}.article-sidebar h2{color:#0a0a0c!important;-webkit-text-fill-color:#0a0a0c!important}.sidebar-news-list{display:flex;flex-direction:column;gap:1.5rem}.sidebar-card{display:flex;flex-direction:column;gap:.8rem;text-decoration:none;color:inherit;transition:transform .3s ease}.sidebar-card:hover{transform:translateY(-3px)}.sidebar-card-image{width:100%;aspect-ratio:16/9;border-radius:8px;background-size:cover;background-position:center}.sidebar-card-meta{display:flex;justify-content:space-between;font-size:.85rem;font-weight:600}.sidebar-card-cat{font-weight:600;color:var(--text-primary);background-color:var(--accent-secondary);border-radius:4px;padding:2px 8px;text-transform:uppercase;letter-spacing:1px;font-size:.75rem;display:inline-block}.sidebar-card-date{color:#555}.sidebar-card-title{font-size:1.1rem;font-weight:700;margin:0;line-height:1.4;color:var(--bg-primary)}.sidebar-separator{height:1px;background-color:#0000001a;margin:.5rem 0}@media (max-width: 1440px){.social-pills{position:static;float:none;flex-direction:row;justify-content:center;margin-left:0;width:auto;margin-bottom:2rem}}@media (max-width: 992px){.article-layout{grid-template-columns:1fr}}
