/* Archive & Taxonomy Specific Styles */ .mtw-archive-header { margin-bottom: 40px; padding-bottom: 20px; border-bottom: 2px solid #e5e7eb; } .mtw-archive-title { font-size: 32px; font-weight: 700; color: #1a202c; margin-bottom: 15px; } .mtw-archive-description { font-size: 16px; color: #718096; line-height: 1.6; } /* Sidebar Search */ .mtw-sidebar-search { padding: 20px; border-bottom: 1px solid #e5e7eb; } .mtw-sidebar-search form { display: flex; gap: 8px; } .mtw-sidebar-search input[type="search"] { flex: 1; padding: 8px 12px; border: 1px solid #cbd5e0; border-radius: 6px; font-size: 14px; } .mtw-sidebar-search button { padding: 8px 12px; background: #3182ce; color: #fff; border: none; border-radius: 6px; cursor: pointer; transition: background 0.2s; } .mtw-sidebar-search button:hover { background: #2c5282; } /* Posts Grid */ .mtw-posts-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 30px; margin-bottom: 40px; } .mtw-post-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; overflow: hidden; transition: all 0.2s; } .mtw-post-card:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); transform: translateY(-2px); } .mtw-post-thumbnail img { width: 100%; height: 200px; object-fit: cover; } .mtw-post-content { padding: 20px; } .mtw-post-title { font-size: 20px; font-weight: 600; margin-bottom: 12px; } .mtw-post-title a { color: #1a202c; text-decoration: none; transition: color 0.2s; } .mtw-post-title a:hover { color: #3182ce; } .mtw-post-excerpt { color: #4a5568; font-size: 14px; line-height: 1.6; margin-bottom: 15px; } .mtw-post-meta { display: flex; align-items: center; gap: 15px; font-size: 13px; color: #718096; margin-bottom: 15px; } .mtw-post-category { background: #ebf8ff; color: #2c5282; padding: 4px 10px; border-radius: 4px; font-weight: 600; } .mtw-read-more { display: inline-block; color: #3182ce; text-decoration: none; font-weight: 600; font-size: 14px; transition: color 0.2s; } .mtw-read-more:hover { color: #2c5282; } /* Docs List */ .mtw-docs-list { margin-bottom: 40px; } .mtw-doc-item { padding: 25px; border-bottom: 1px solid #e5e7eb; transition: background 0.2s; } .mtw-doc-item:hover { background: #f7fafc; } .mtw-doc-title { font-size: 22px; font-weight: 600; margin-bottom: 12px; } .mtw-doc-title a { color: #2d3748; text-decoration: none; transition: color 0.2s; } .mtw-doc-title a:hover { color: #3182ce; } .mtw-doc-excerpt { color: #4a5568; line-height: 1.6; margin-bottom: 12px; } .mtw-doc-meta { font-size: 13px; color: #a0aec0; font-style: italic; } /* Pagination */ .mtw-pagination { text-align: center; margin-top: 40px; } .mtw-pagination .nav-links { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; } .mtw-pagination a, .mtw-pagination span { display: inline-block; padding: 8px 16px; background: #fff; border: 1px solid #e5e7eb; border-radius: 6px; color: #4a5568; text-decoration: none; transition: all 0.2s; } .mtw-pagination a:hover { background: #3182ce; color: #fff; border-color: #3182ce; } .mtw-pagination .current { background: #3182ce; color: #fff; border-color: #3182ce; font-weight: 600; } /* No Posts */ .mtw-no-posts { text-align: center; padding: 60px 20px; color: #718096; } @media (max-width: 768px) { .mtw-posts-grid { grid-template-columns: 1fr; } }