.ultimes-griots-header{position:fixed;top:0;left:0;right:0;background:rgb(26 26 26 / .98);backdrop-filter:blur(10px);z-index:1000;transition:all 0.3s ease}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:80px}.nav-brand .nav-logo{height:60px;width:auto;transition:all 0.3s ease}.nav-list{display:flex;list-style:none;margin:0;padding:0;gap:30px}.nav-list li a{color:#fff;text-decoration:none;font-weight:500;font-size:1rem;transition:color 0.3s ease;position:relative}.nav-list li a:hover,.nav-list li a.active{color:#D4AF37}.nav-list li a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#D4AF37;transition:width 0.3s ease}.nav-list li a:hover::after,.nav-list li a.active::after{width:100%}.nav-toggle{display:none;flex-direction:column;cursor:pointer;gap:4px}.nav-toggle span{width:25px;height:3px;background:#fff;transition:all 0.3s ease}body{margin:0;padding:0;font-family:'Georgia',serif;line-height:1.6;color:#333}.page-container{padding-top:80px;min-height:100vh;background:#f8f8f8}.article-section{padding:60px 0}.article-container{max-width:900px;margin:0 auto;padding:0 20px}.article-content{background:#fff;border-radius:15px;padding:50px;box-shadow:0 10px 30px rgb(0 0 0 / .1);margin-bottom:40px}.article-header{text-align:center;margin-bottom:40px;padding-bottom:30px;border-bottom:2px solid #f0f0f0}.article-title{color:#2d1b1b;font-size:2.5rem;font-weight:700;line-height:1.3;margin-bottom:20px}.article-meta{display:flex;justify-content:center;gap:30px;align-items:center;color:#666;font-size:1rem;margin-bottom:20px}.article-meta-item{display:flex;align-items:center;gap:8px}.article-meta-date{color:#D4AF37;font-weight:600}.article-excerpt{background:linear-gradient(135deg,#D4AF37,#FFD700);color:#1a1a1a;padding:20px;border-radius:10px;font-size:1.1rem;font-style:italic;line-height:1.6;margin-bottom:30px}.article-featured-image{margin:30px 0;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px rgb(0 0 0 / .1)}.article-featured-image img{width:100%;height:auto;display:block}.article-body{font-size:1.1rem;line-height:1.8;color:#444}.article-body h1,.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{color:#2d1b1b;margin:30px 0 15px;line-height:1.3}.article-body h2{font-size:1.8rem;padding-bottom:10px;border-bottom:2px solid #D4AF37}.article-body h3{font-size:1.5rem;color:#D4AF37}.article-body p{margin-bottom:20px}.article-body blockquote{background:#f8f8f8;border-left:4px solid #D4AF37;padding:20px;margin:30px 0;font-style:italic;border-radius:0 10px 10px 0}.article-body ul,.article-body ol{margin:20px 0;padding-left:30px}.article-body li{margin-bottom:8px}.article-tags{margin-top:40px;padding-top:30px;border-top:2px solid #f0f0f0}.article-tags h5{color:#2d1b1b;margin-bottom:15px;font-size:1.1rem}.article-tags ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0}.article-tags li{background:#f0f0f0;color:#666;padding:6px 15px;border-radius:20px;font-size:.9rem;transition:all 0.3s ease}.article-tags li:hover{background:#D4AF37;color:#fff}.article-navigation{background:#fff;border-radius:15px;padding:30px;box-shadow:0 10px 30px rgb(0 0 0 / .1);margin-bottom:40px}.post-navigation{display:flex;justify-content:space-between;gap:20px}.nav-previous,.nav-next{flex:1;text-align:center}.nav-previous a,.nav-next a{display:block;padding:15px 20px;background:#f8f8f8;color:#666;text-decoration:none;border-radius:10px;transition:all 0.3s ease;font-weight:500}.nav-previous a:hover,.nav-next a:hover{background:#D4AF37;color:#fff;transform:translateY(-2px)}.comments-section{background:#fff;border-radius:15px;padding:40px;box-shadow:0 10px 30px rgb(0 0 0 / .1)}.comments-title{color:#2d1b1b;font-size:1.8rem;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #D4AF37}@media (max-width:768px){.nav-menu{position:fixed;top:80px;left:-100%;width:100%;background:rgb(26 26 26 / .98);transition:left 0.3s ease;padding:20px 0}.nav-menu.active{left:0}.nav-list{flex-direction:column;gap:0;padding:0 20px}.nav-list li{border-bottom:1px solid rgb(255 255 255 / .1)}.nav-list li a{display:block;padding:15px 0}.nav-toggle{display:flex}.article-container{padding:0 15px}.article-content{padding:30px 20px}.article-title{font-size:2rem}.article-meta{flex-direction:column;gap:10px}.post-navigation{flex-direction:column}}