:root{--primary:#926C44;--primary-dark:#785938;--primary-light:#A67C52;--accent:#D4A574;--text-main:#1E293B;--text-muted:#64748B;--bg-light:#FDFBF7;--bg-warm:#F5F2EE}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:'Inter',sans-serif;background-color:var(--bg-light);color:var(--text-main);overflow-x:hidden !important;width:100%;position:relative}.top-bar{background:#2D1B0E;color:rgba(255,255,255,.8);font-size:.8rem;padding:.5rem 0;font-weight:500;position:relative;z-index:1030}.top-bar a{color:white;text-decoration:none;margin-left:.75rem;transition:opacity .2s;font-size:1rem}.navbar-main{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.06);padding:.75rem 0;transition:all .3s;box-shadow:0 4px 20px rgba(0,0,0,.05);z-index:1020}.navbar-main.menu-active{z-index:4000;backdrop-filter:none;-webkit-backdrop-filter:none}.brand-link{display:flex;align-items:center;gap:.75rem;text-decoration:none}.navbar-main .brand-logo{height:48px;width:auto;transition:transform .3s ease}.navbar-main .brand-logo:hover{transform:scale(1.05)}.brand-name{font-weight:800;color:var(--text-main);font-size:1.25rem;line-height:1.1;letter-spacing:-.01em}.brand-sub{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-weight:700;margin-top:1px}.nav-links{display:flex;list-style:none;gap:.25rem;margin:0;padding:0}.nav-links>li{position:relative}.nav-links a{text-decoration:none;color:var(--text-muted);font-weight:600;font-size:.9rem;padding:.5rem .85rem;border-radius:8px;transition:all .2s;display:flex;align-items:center;white-space:nowrap}.nav-links a:hover,.nav-links a.active{color:var(--primary);background:var(--bg-warm)}.nav-dropdown{position:absolute;top:100%;left:0;background:white;min-width:220px;box-shadow:0 10px 30px rgba(0,0,0,.1);border-radius:12px;padding:.75rem;display:none;z-index:1000;border:1px solid rgba(0,0,0,.05)}.nav-links li:hover .nav-dropdown{display:block;animation:fadeIn .3s ease}[data-theme="dark"]{--bs-dropdown-bg:#111827;--bs-dropdown-color:rgba(255,255,255,.8);--bs-dropdown-link-color:rgba(255,255,255,.8);--bs-dropdown-link-hover-color:#c9a06c;--bs-dropdown-link-hover-bg:rgba(146,108,68,.15);--bs-dropdown-border-color:rgba(146,108,68,.2)}[data-theme="dark"] .navbar-main{background:rgba(31,41,55,.95);border-bottom-color:rgba(255,255,255,.05)}[data-theme="dark"] .nav-dropdown,[data-theme="dark"] .dropdown-menu{background:#111827 !important;border:1px solid rgba(146,108,68,.2) !important;box-shadow:0 15px 40px rgba(0,0,0,.5) !important}[data-theme="dark"] .nav-dropdown a,[data-theme="dark"] .dropdown-menu a,[data-theme="dark"] .dropdown-item{color:rgba(255,255,255,.8) !important}[data-theme="dark"] .nav-dropdown a:hover,[data-theme="dark"] .dropdown-menu a:hover,[data-theme="dark"] .dropdown-item:hover{background:rgba(146,108,68,.15) !important;color:var(--primary) !important}.mobile-toggle{display:none;background:none;border:none;color:var(--primary-dark);font-size:1.8rem;cursor:pointer;z-index:3001;padding:5px;transition:.3s}.mobile-toggle:focus{outline:none}@media(max-width:991px){.mobile-toggle{display:block}.nav-links{position:fixed;top:0;right:-350px;width:280px;height:100vh;background:white;flex-direction:column;padding:5rem 1.5rem 2rem;transition:.4s cubic-bezier(.165,.84,.44,1);box-shadow:-10px 0 30px rgba(0,0,0,.1);z-index:3000;border-left:1px solid rgba(0,0,0,.05);gap:.5rem;display:none !important;overflow-y:auto;visibility:hidden}.nav-links.show{display:flex !important}.nav-links.active{right:0;visibility:visible}.nav-links li{width:100%}.nav-links a{width:100%;font-size:1rem;padding:.75rem 1rem;white-space:normal;line-height:1.3}.nav-dropdown{position:static;box-shadow:none;background:rgba(0,0,0,.03);padding:.5rem 1rem;margin-top:.5rem;border:none;width:100%}.nav-links li:hover .nav-dropdown{display:block}.navbar-main{padding:.5rem 0}.mobile-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);z-index:2999;opacity:0;visibility:hidden;transition:.3s}.mobile-overlay.active{opacity:1;visibility:visible}}.nav-dropdown a{display:block;padding:.6rem 1rem;width:100%}.dropdown-subtitle{font-size:.7rem;text-transform:uppercase;color:var(--text-muted);font-weight:700;margin:.5rem 1rem .25rem;letter-spacing:.05em}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn-admin{background:linear-gradient(135deg,var(--primary-light),var(--primary));color:white !important;padding:.55rem 1.25rem;border-radius:100px;font-weight:700;font-size:.85rem;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px rgba(146,108,68,.35);transition:all .3s}.search-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:9999;display:none;align-items:flex-start;justify-content:center;padding-top:12vh;animation:fadeIn .25s ease}.search-overlay.active{display:flex}.search-container{width:90%;max-width:640px;background:white;border-radius:20px;box-shadow:0 40px 100px rgba(0,0,0,.25);overflow:hidden;animation:slideUpSearch .35s cubic-bezier(.16,1,.3,1)}@keyframes slideUpSearch{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.search-header{display:flex;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(0,0,0,.06);gap:.75rem}.search-header i{font-size:1.3rem;color:var(--primary);flex-shrink:0}.search-header input{flex:1;border:none;outline:none;font-size:1.1rem;font-family:'Inter',sans-serif;font-weight:500;color:var(--text-main);background:transparent}.search-header input::placeholder{color:var(--text-muted);font-weight:400}.search-close-btn{background:var(--bg-warm);border:none;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);font-size:.75rem;font-weight:700;font-family:'Inter',sans-serif;transition:all .2s;flex-shrink:0}.search-close-btn:hover{background:var(--primary);color:white}.search-results{max-height:55vh;overflow-y:auto;padding:.5rem 0}.search-results::-webkit-scrollbar{width:5px}.search-results::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:10px}.search-category-label{padding:.75rem 1.5rem .4rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--text-muted)}.search-result-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;text-decoration:none;color:var(--text-main);transition:all .15s;cursor:pointer}.search-result-item:hover{background:var(--bg-warm);color:var(--primary)}.search-result-icon{width:42px;height:42px;border-radius:12px;background:var(--bg-warm);display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--primary);flex-shrink:0;overflow:hidden}.search-result-icon img{width:100%;height:100%;object-fit:cover}.search-result-text{flex:1;min-width:0}.search-result-title{font-weight:600;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-meta{font-size:.78rem;color:var(--text-muted);margin-top:2px}.search-empty{text-align:center;padding:3rem 1.5rem;color:var(--text-muted)}.search-empty i{font-size:2.5rem;margin-bottom:.75rem;display:block;opacity:.4}.search-hint{text-align:center;padding:3rem 1.5rem;color:var(--text-muted);font-size:.9rem}.search-hint i{font-size:2rem;display:block;margin-bottom:.5rem;opacity:.3}.search-btn-nav{background:none;border:1px solid rgba(100,116,139,.3);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.05rem;color:var(--text-muted);transition:all .3s ease;flex-shrink:0}.search-btn-nav:hover{color:var(--primary);border-color:var(--primary)}.skeleton{background:#f1f5f9;position:relative;overflow:hidden;border-radius:6px}.skeleton::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.4) 20%,rgba(255,255,255,.7) 60%,rgba(255,255,255,0));animation:shimmer-effect 2s infinite}@keyframes shimmer-effect{100%{transform:translateX(100%)}}.skeleton-item{padding:.75rem 1.5rem;display:flex;align-items:center;gap:1rem}.skeleton-icon{width:42px;height:42px;border-radius:12px;flex-shrink:0}.skeleton-text{flex:1}.skeleton-line{height:.85rem;margin-bottom:.5rem;border-radius:4px}.skeleton-title{width:70%}.skeleton-meta{width:40%;height:.75rem;margin-bottom:0}.wa-fab{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background-color:#25D366;color:white !important;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 10px 25px rgba(37,211,102,.4);z-index:999;transition:all .3s cubic-bezier(.175,.885,.32,1.275);text-decoration:none}.wa-fab:hover{transform:scale(1.1) rotate(5deg);background-color:#22c35e;box-shadow:0 15px 30px rgba(37,211,102,.5)}.wa-fab::before{content:"";position:absolute;width:100%;height:100%;background-color:#25D366;border-radius:50%;z-index:-1;animation:wa-pulse 2s infinite}@keyframes wa-pulse{0%{transform:scale(1);opacity:.8}70%{transform:scale(1.5);opacity:0}100%{transform:scale(1);opacity:0}}.wa-fab-label{position:absolute;right:75px;background:white;color:#111827;padding:.5rem 1rem;border-radius:12px;font-size:.85rem;font-weight:600;white-space:nowrap;box-shadow:0 10px 20px rgba(0,0,0,.1);opacity:0;visibility:hidden;transition:all .3s ease}.wa-fab:hover .wa-fab-label{opacity:1;visibility:visible}.search-suggestions{padding:1rem 1.5rem 2rem}.reading-progress-container{position:fixed;top:0;left:0;width:100%;height:4px;background:transparent;z-index:9999;pointer-events:none}#reading-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#c9a06c,#e5c192);box-shadow:0 0 10px rgba(201,160,108,.5);transition:width .1s ease-out;display:none}.suggestion-group{margin-bottom:1.5rem}.suggestion-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.suggestion-chips{display:flex;flex-wrap:wrap;gap:.6rem}.suggestion-chip{padding:.5rem 1rem;background:var(--bg-warm);border:1px solid rgba(0,0,0,.05);border-radius:100px;font-size:.85rem;font-weight:500;color:var(--text-main);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.4rem}.suggestion-chip:hover{background:var(--primary);color:white;border-color:var(--primary);transform:translateY(-1px)}.suggestion-chip i{font-size:.9rem;opacity:.7}.site-footer{background:linear-gradient(180deg,#111827 0%,#0f172a 100%);color:rgba(255,255,255,.7);padding:6rem 0 0;margin-top:5rem;position:relative;z-index:10;border-top:1px solid rgba(255,255,255,.05)}.site-footer::before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(146,108,68,.3),transparent)}.footer-brand{font-size:1.5rem;font-weight:800;color:white;margin-bottom:1.5rem;display:flex;align-items:center;letter-spacing:-.02em}.footer-desc{font-size:.95rem;line-height:1.7;margin-bottom:2.5rem;opacity:.8;max-width:320px}.footer-social{display:flex;gap:.75rem;margin-bottom:2rem}.footer-social a{width:42px;height:42px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;text-decoration:none;transition:all .3s cubic-bezier(.165,.84,.44,1)}.footer-social a:hover{background:var(--primary);border-color:var(--primary);color:white;transform:translateY(-5px);box-shadow:0 10px 20px rgba(146,108,68,.2)}.footer-heading{color:white;font-weight:700;margin-bottom:2rem;font-size:1.1rem;text-transform:uppercase;letter-spacing:.05em;position:relative}.footer-link-list{list-style:none;padding:0;margin:0}.footer-link-list li{margin-bottom:1rem}.footer-link-list a{color:rgba(255,255,255,.6);text-decoration:none;transition:all .2s;font-size:.95rem;display:inline-block}.footer-link-list a:hover{color:var(--primary-light);transform:translateX(5px)}.footer-contact-item{display:flex;align-items:flex-start;gap:1.25rem;margin-bottom:1.5rem;transition:.3s}.footer-contact-item i{color:var(--primary);font-size:1.2rem;flex-shrink:0;background:rgba(146,108,68,.1);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px}.footer-contact-text{font-size:.92rem;line-height:1.6;color:rgba(255,255,255,.7)}.footer-bottom{margin-top:5rem;padding:2rem 0;border-top:1px solid rgba(255,255,255,.05);text-align:center;font-size:.85rem;background:rgba(0,0,0,.1)}.footer-bottom p{opacity:.5;letter-spacing:.02em}@media(max-width:1200px){.home-hero-title{font-size:3.5rem}}@media(max-width:768px){.home-hero-title{font-size:2.5rem !important}.kj-title-glow{font-size:2.2rem !important}}

/* ==========================================
   GLOBAL BRAND COLOR OVERRIDES (BROWN THEME)
   ========================================== */

/* Text colors */
.text-primary {
  color: var(--primary) !important;
}

/* Background colors */
.bg-primary {
  background-color: var(--primary) !important;
}

/* Border colors */
.border-primary {
  border-color: var(--primary) !important;
}

/* Buttons */
.btn-primary {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--primary-dark) !important;
  border-color: var(--primary-dark) !important;
  color: #fff !important;
}

.btn-outline-primary {
  color: var(--primary) !important;
  border-color: var(--primary) !important;
  background-color: transparent !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: #fff !important;
}

/* Premium Pagination */
.pagination-premium {
  gap: 0.5rem;
  background: transparent;
  border: none;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin: 0;
}

.pagination-premium .page-item {
  margin: 0;
  list-style: none;
}

.pagination-premium .page-link {
  border: 1px solid #F1F5F9;
  border-radius: 12px !important;
  color: var(--text-main);
  padding: 0.8rem 1.2rem;
  font-weight: 700;
  font-size: 1rem;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  background: white;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02);
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 45px;
  text-decoration: none;
}

.pagination-premium .page-item.active .page-link {
  background: var(--primary);
  color: white !important;
  border-color: var(--primary);
  box-shadow: 0 10px 20px rgba(146, 108, 68, 0.2);
  transform: translateY(-2px);
}

.pagination-premium .page-link:hover:not(.active) {
  background: var(--bg-warm);
  color: var(--primary) !important;
  border-color: var(--primary-light);
  transform: translateY(-2px);
}

.pagination-premium .page-item.disabled .page-link {
  opacity: 0.5;
  background: #F8FAFC;
  cursor: not-allowed;
  pointer-events: none;
  color: #94A3B8;
}