/* Layout & Structural Components */
header { background-color:#fff; box-shadow:0 2px 10px rgba(0,0,0,0.1); position:sticky; top:0; z-index:1000; }
.navbar { display:flex; justify-content:space-between; align-items:center; padding:1rem 0; }
.logo { font-size:1.8rem; font-weight:700; color:var(--primary-color); text-decoration:none; }
.main-wrapper { display:flex; gap:20px; padding:20px; box-sizing:border-box; max-width:1200px; margin:0 auto; }
.sidebar-area { width:300px; }
.main-content-area { flex:1; }
@media (max-width:768px){
  .main-wrapper { flex-direction:column; }
  .main-content-area { order:1; }
  .sidebar-area { order:2; width:100%; }
}