/* Navigation page styles extracted from page-navigation-aigc.php */
.aigc-navigation-page { padding: 40px 20px; max-width:1200px; margin:0 auto; }
.aigc-nav-header { text-align:center; margin-bottom:30px; }
.aigc-nav-header h1 { font-size:2.2rem; margin-bottom:6px; }
.aigc-nav-desc { color:#666; margin-bottom:18px; }
.aigc-search input { width:60%; max-width:480px; padding:10px 14px; border-radius:30px; border:1px solid #e6e6e6; }
.aigc-nav-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:18px; }
.aigc-nav-card { display:flex; flex-direction:column; text-decoration:none; background:#fff; border-radius:12px; box-shadow:0 6px 18px rgba(0,0,0,.06); overflow:hidden; transition:transform .15s ease,box-shadow .15s ease; color:inherit; }
.aigc-nav-card:hover { transform:translateY(-6px); box-shadow:0 14px 30px rgba(0,0,0,.08); }
.aigc-card-media { height:120px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#f4f8ff,#ffffff); }
.aigc-card-media img { max-height:100%; max-width:100%; display:block; }
.aigc-card-placeholder { width:80px; height:80px; border-radius:12px; background:#eee; display:flex; align-items:center; justify-content:center; font-size:1.6rem; color:#888; }
.aigc-card-body { padding:12px 14px; }
.aigc-card-body h3 { font-size:1rem; margin:0 0 6px 0; color:#222; }
.aigc-card-excerpt { margin:0; color:#666; font-size:0.9rem; min-height:36px; }

@media (max-width:768px){ .aigc-search input { width:90%; } }