:root {
	--air-bg: #fdfdfd;
	--air-text: #1a1a1a;
	--air-text-muted: #666;
	--air-border: #e2e2ff;
	--air-primary: #6366f1;
	--air-primary-hover: #4f46e5;
	--air-gradient: linear-gradient(135deg, #3b82f6, #8b5cf6, #ec4899);
	--air-radius: 8px;
}
html, body { margin: 0; min-height: 100%; }
.air-site *, .air-site *::before, .air-site *::after { box-sizing: border-box; }
.air-site {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	background-color: var(--air-bg);
	color: var(--air-text);
	line-height: 1.5;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	width: 100%;
}
.air-site a { text-decoration: none; color: inherit; }
.air-site ul, .air-site ol { list-style: none; padding: 0; margin: 0; }
.air-site button, .air-site input, .air-site select { font-family: inherit; }
.air-site a:focus-visible, .air-site button:focus-visible, .air-site input:focus-visible, .air-site select:focus-visible {
	outline: 2px solid var(--air-primary);
	outline-offset: 2px;
	border-radius: 4px;
}
@media (prefers-reduced-motion: reduce) {
	.air-site *, .air-site *::before, .air-site *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

.air-site .screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.air-site .air-skip-link:focus {
	background-color: var(--air-primary);
	border-radius: 4px;
	box-shadow: 0 4px 12px rgba(0,0,0,.15);
	clip: auto !important;
	clip-path: none;
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: 600;
	height: auto;
	left: 16px;
	line-height: normal;
	padding: 12px 20px;
	text-decoration: none;
	top: 16px;
	width: auto;
	z-index: 100000;
}

.air-site .air-container { max-width: 1280px; margin: 0 auto; padding: 0 20px; width: 100%; }

/* Submit Strip */
.air-site .air-submit-strip { background: var(--air-gradient); padding: 8px 16px; color: #fff; font-size: 13px; text-align: center; }
.air-site .air-submit-strip-content { display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; }
.air-site .air-submit-strip .air-badge { background: rgba(255,255,255,0.2); padding: 2px 8px; border-radius: 8px; font-weight: 600; font-size: 11px; }
.air-site .air-submit-strip a { background: #fff; color: #8b5cf6; padding: 4px 12px; border-radius: 6px; font-weight: 600; font-size: 12px; transition: opacity 0.2s; }
.air-site .air-submit-strip a:hover { opacity: 0.9; }

/* Header */
.air-site .air-header { background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(8px); border-bottom: 1px solid var(--air-border); position: sticky; top: 0; z-index: 100; }
.admin-bar .air-header { top: 32px; }
@media screen and (max-width: 782px) { .admin-bar .air-header { top: 46px; } }

.air-site .air-header-inner { display: flex; align-items: center; justify-content: space-between; height: 60px; }
.air-site .air-brand { display: flex; align-items: center; gap: 8px; font-size: 18px; font-weight: 700; color: #111; }
.air-site .air-brand svg { width: 24px; height: 24px; }

.air-site .air-nav-desktop { display: flex; align-items: center; }
.air-site .air-desktop-menu-list { display: flex; gap: 24px; }
.air-site .air-desktop-menu-list a { color: var(--air-text-muted); font-size: 14px; font-weight: 500; transition: color 0.2s; display: block; padding: 4px 0; }
.air-site .air-desktop-menu-list a:hover { color: var(--air-primary); }

.air-site .air-header-actions { display: flex; align-items: center; gap: 12px; }
.air-site .air-icon-btn { background: none; border: none; cursor: pointer; color: var(--air-text-muted); padding: 6px; border-radius: 6px; min-width: 44px; min-height: 44px; display: flex; align-items: center; justify-content: center; }
.air-site .air-icon-btn:hover { background: #f0f0ff; color: var(--air-primary); }

.air-site .air-mobile-menu { display: none; background: #fff; border-bottom: 1px solid var(--air-border); position: absolute; width: 100%; top: 61px; left: 0; z-index: 99; padding: 12px 20px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); }
.air-site .air-mobile-menu.is-active { display: block; }
.air-site .air-mobile-menu-list { display: flex; flex-direction: column; }
.air-site .air-mobile-menu a { display: block; padding: 12px 0; font-size: 15px; font-weight: 500; border-bottom: 1px solid #f0f0f0; min-height: 44px; }
.air-site .air-mobile-menu a:last-child { border-bottom: none; }

/* Hero */
.air-site .air-hero { padding: 60px 20px; text-align: center; border-bottom: 1px solid var(--air-border); background: linear-gradient(to bottom, #fafafc, #fff); position: relative; }
.air-site .air-hero-title { font-size: 40px; font-weight: 800; margin: 0 0 16px; color: #111; }
.air-site .air-gradient-text { background: var(--air-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.air-site .air-hero-subtitle { font-size: 16px; color: #666; font-weight: 500; margin: 0 0 32px; }
.air-site .air-search-container { max-width: 640px; margin: 0 auto; position: relative; }
.air-site .air-search-input { width: 100%; height: 52px; padding: 0 120px 0 48px; border: 1px solid #ccc; border-radius: var(--air-radius); font-size: 16px; outline: none; transition: border-color 0.2s, box-shadow 0.2s; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }
.air-site .air-search-input:focus { border-color: var(--air-primary); box-shadow: 0 4px 12px rgba(99,102,241,0.15); }
.air-site .air-search-icon { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; color: #999; }
.air-site .air-search-clear { position: absolute; right: 86px; top: 50%; transform: translateY(-50%); background: none; border: none; padding: 4px; min-width: 44px; min-height: 44px; color: #999; cursor: pointer; display: none; align-items: center; justify-content: center; }
.air-site .air-search-clear.is-visible { display: flex; }
.air-site .air-search-clear:hover { color: #333; }
.air-site .air-search-btn { position: absolute; right: 6px; top: 6px; bottom: 6px; background: var(--air-primary); color: #fff; border: none; border-radius: 6px; padding: 0 20px; font-weight: 600; cursor: pointer; transition: background 0.2s; min-width: 44px; min-height: 40px; }
.air-site .air-search-btn:hover { background: var(--air-primary-hover); }

/* Archive Hero */
.air-site .air-archive-hero { padding: 40px 20px; margin-bottom: 32px; text-align: center; border-bottom: 1px solid var(--air-border); background: linear-gradient(to bottom, #fafafc, #fff); border-radius: 8px; box-shadow: 0 2px 12px rgba(0,0,0,0.02); }
.air-site .air-archive-hero-title { font-size: 32px; font-weight: 800; margin: 0 0 12px; color: #111; }
.air-site .air-archive-hero-desc { font-size: 15px; color: #666; font-weight: 500; margin: 0 auto; max-width: 640px; line-height: 1.6; }

/* Breadcrumbs */
.air-site .air-breadcrumbs { margin-bottom: 16px; }
.air-site .air-breadcrumbs-list { display: flex; flex-wrap: wrap; gap: 8px; font-size: 13px; color: #666; align-items: center; }
.air-site .air-breadcrumbs-list a { color: var(--air-primary); font-weight: 500; transition: color 0.2s; }
.air-site .air-breadcrumbs-list a:hover { color: var(--air-primary-hover); }
.air-site .air-breadcrumbs-sep { color: #999; margin: 0 4px; }
.air-site .air-breadcrumbs-current { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 200px; color: #333; font-weight: 500; }
@media (max-width: 480px) {
	.air-site .air-breadcrumbs-current { max-width: 120px; }
}

/* Main Feed */
.air-site .air-main-content { padding: 32px 0; flex: 1; }

.air-site .air-tabs-nav { border-bottom: 1px solid var(--air-border); background: #fff; padding: 12px 0; margin-bottom: 32px; }
.air-site .air-tabs-list { display: flex; gap: 8px; flex-wrap: wrap; }
.air-site .air-tab-btn { background: none; border: 1px solid transparent; padding: 6px 16px; border-radius: 20px; font-size: 14px; font-weight: 600; color: #555; cursor: pointer; transition: all 0.2s; min-height: 44px; }
.air-site .air-tab-btn:hover { background: #f5f5f5; }
.air-site .air-tab-btn.active { background: #f0f0ff; color: var(--air-primary); border-color: #d0d0ff; }

.air-site .air-three-col-layout { display: grid; grid-template-columns: repeat(12, 1fr); gap: 24px; }

/* Left Rail & Archive Sidebar */
.air-site .air-left-rail { grid-column: span 3; display: flex; flex-direction: column; gap: 24px; }
.air-site .air-archive-sidebar { grid-column: span 3; display: flex; flex-direction: column; gap: 24px; }
.air-site .air-box { background: #fff; border: 1px solid var(--air-border); border-radius: 8px; padding: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.02); }
.air-site .air-box-title { font-size: 14px; font-weight: 700; margin: 0 0 16px; display: flex; align-items: center; gap: 8px; color: #111; }
.air-site .air-cat-list { display: flex; flex-direction: column; gap: 2px; }
.air-site .air-cat-btn { text-align: left; background: none; border: none; padding: 8px 12px; font-size: 14px; border-radius: 6px; color: #555; cursor: pointer; display: flex; align-items: center; gap: 8px; min-height: 44px; }
.air-site .air-cat-btn:hover { background: #f5f5f5; color: #111; }
.air-site .air-cat-btn.active { background: #f0f0ff; color: var(--air-primary); font-weight: 600; }

.air-site .air-submit-cta { background: linear-gradient(to bottom, #f8f8ff, #fff); text-align: center; }
.air-site .air-submit-cta h4 { margin: 0 0 4px; font-size: 14px; color: #111; }
.air-site .air-submit-cta p { font-size: 12px; color: #666; margin: 0 0 12px; }
.air-site .air-submit-cta a { display: block; background: #fff; border: 1px solid #c0c0ff; color: var(--air-primary); padding: 8px; border-radius: 6px; font-size: 13px; font-weight: 600; min-height: 44px; display: flex; align-items: center; justify-content: center; }

/* Center Feed */
.air-site .air-center-feed { grid-column: span 6; display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.air-site .air-full-feed { grid-column: span 12; display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.air-site .air-feed-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.air-site .air-feed-title { font-size: 18px; font-weight: 700; color: #111; margin: 0; }
.air-site .air-sort-control { font-size: 13px; color: #666; display: flex; align-items: center; gap: 4px; }
.air-site .air-sort-control select { border: none; font-size: 13px; font-weight: 600; color: var(--air-primary); background: transparent; cursor: pointer; outline: none; min-height: 44px; padding: 0 8px; }

/* Cards */
.air-site .air-card { background: #fff; border: 1px solid var(--air-border); border-radius: 8px; padding: 16px; display: flex; gap: 16px; align-items: center; transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s; position: relative; overflow: hidden; }
.air-site .air-card:hover { transform: translateY(-2px); border-color: #b0b0ff; box-shadow: 0 4px 12px rgba(99,102,241,0.06); }
.air-site .air-card-icon { width: 56px; height: 56px; border-radius: 8px; background: #f5f5f5; flex-shrink: 0; border: 1px solid #eee; display: flex; justify-content: center; align-items: center; overflow: hidden; }
.air-site .air-card-content { flex: 1; min-width: 0; }
.air-site .air-card-title-row { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
.air-site .air-card-title { font-size: 16px; font-weight: 700; margin: 0; color: #111; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.air-site .air-badge-new { background: #fdf2f8; color: #db2777; font-size: 10px; font-weight: 700; padding: 2px 6px; border-radius: 4px; }
.air-site .air-card-desc { font-size: 13px; color: #666; margin: 0 0 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.air-site .air-card-img { width: 100%; height: 100%; object-fit: cover; border-radius: 8px; }
.air-site .air-card-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.air-site .air-tag { background: #f5f5f5; color: #555; padding: 2px 6px; border-radius: 4px; font-size: 11px; font-weight: 500; }
.air-site .air-pricing { color: var(--air-primary); background: #f0f0ff; font-weight: 600; padding: 2px 6px; border-radius: 4px; font-size: 11px; margin-left: auto; }

.air-site .air-card-actions { display: flex; flex-direction: column; align-items: flex-end; gap: 12px; flex-shrink: 0; padding-left: 16px; border-left: 1px solid #f0f0f0; }
.air-site .air-stats { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; font-size: 12px; color: #888; font-weight: 500; }
.air-site .air-stats strong { color: #333; }
.air-site .air-action-btns { display: flex; gap: 8px; }
.air-site .air-btn-icon { width: 32px; height: 32px; border-radius: 8px; border: 1px solid #e0e0e0; background: #fff; color: #666; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: all 0.2s; min-width: 44px; min-height: 44px; }
.air-site .air-btn-icon:hover { border-color: var(--air-primary); color: var(--air-primary); }
.air-site .air-btn-icon.bookmarked, .air-site .air-bookmark-btn.bookmarked { color: var(--air-primary); border-color: var(--air-primary); background: #f0f0ff; }

.air-site .air-card-compact { flex-direction: column; align-items: flex-start; gap: 12px; padding: 16px; border-radius: 8px; }
.air-site .air-card-compact .air-card-icon { width: 48px; height: 48px; border-radius: 8px; }
.air-site .air-card-compact .air-card-content { display: flex; flex-direction: column; gap: 8px; width: 100%; min-width: 0; }
.air-site .air-card-compact .air-card-meta { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.air-site .air-card-compact .air-card-title { font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.air-site .air-card-compact-stats { display: flex; justify-content: space-between; align-items: center; width: 100%; border-top: 1px solid #f0f0f0; padding-top: 12px; }
.air-site .air-card-compact-stats .air-stats { flex-direction: row; gap: 12px; }
.air-site .air-btn-icon-small { width: 28px; height: 28px; min-width: 28px; min-height: 28px; border-radius: 6px; }

/* Right Rail */
.air-site .air-right-rail { grid-column: span 3; display: flex; flex-direction: column; gap: 24px; }
.air-site .air-hot-list { display: flex; flex-direction: column; gap: 12px; }
.air-site .air-hot-item { display: flex; align-items: center; gap: 12px; cursor: pointer; min-height: 44px; }
.air-site .air-hot-rank { width: 24px; height: 24px; border-radius: 6px; display: flex; justify-content: center; align-items: center; font-size: 12px; font-weight: 700; background: #f0f0f0; color: #888; flex-shrink: 0; }
.air-site .air-hot-rank.top-3 { background: #fdf2f8; color: #db2777; }
.air-site .air-hot-icon { width: 32px; height: 32px; border-radius: 8px; background: #f5f5f5; display: flex; justify-content: center; align-items: center; overflow: hidden; flex-shrink: 0; }
.air-site .air-hot-info { flex: 1; min-width: 0; }
.air-site .air-hot-title { font-size: 13px; font-weight: 600; color: #333; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.air-site .air-hot-meta { font-size: 11px; color: #888; margin-top: 2px; }
.air-site .air-hot-item:hover .air-hot-title { color: var(--air-primary); }

.air-site .air-trend-item { display: flex; gap: 12px; cursor: pointer; padding-bottom: 12px; border-bottom: 1px solid #f0f0f0; min-height: 44px; align-items: center; }
.air-site .air-trend-item:last-child { border-bottom: none; padding-bottom: 0; }
.air-site .air-trend-rank { width: 24px; height: 24px; border-radius: 6px; display: flex; justify-content: center; align-items: center; font-size: 12px; font-weight: 700; background: #f0f0f0; color: #888; flex-shrink: 0; }
.air-site .air-trend-rank.top-3 { background: #f0f0ff; color: var(--air-primary); }
.air-site .air-trend-title { font-size: 13px; font-weight: 500; color: #444; line-height: 1.4; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.air-site .air-trend-item:hover .air-trend-title { color: var(--air-primary); }

/* Lower Sections */
.air-site .air-lower-sections { max-width: 1280px; margin: 40px auto; padding: 0 20px; width: 100%; display: flex; flex-direction: column; gap: 40px; }
.air-site .air-section-title { font-size: 18px; font-weight: 700; color: #111; margin: 0 0 20px; display: flex; align-items: center; gap: 8px; }
.air-site .air-cat-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 16px; }
.air-site .air-cat-box { background: #fff; border: 1px solid var(--air-border); border-radius: 8px; padding: 16px; text-align: center; cursor: pointer; transition: all 0.2s; min-height: 44px; }
.air-site .air-cat-box:hover { border-color: var(--air-primary); box-shadow: 0 4px 12px rgba(99,102,241,0.08); }
.air-site .air-cat-box svg { width: 24px; height: 24px; color: var(--air-primary); margin-bottom: 8px; }
.air-site .air-cat-box span { display: block; font-size: 13px; font-weight: 600; color: #333; }

.air-site .air-half-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.air-site .air-list-box { background: #fff; border: 1px solid var(--air-border); border-radius: 8px; overflow: hidden; }
.air-site .air-list-item { display: flex; gap: 16px; padding: 16px; border-bottom: 1px solid #f0f0f0; transition: background 0.2s; cursor: pointer; }
.air-site .air-list-item:hover { background: #fafafa; }
.air-site .air-list-item:last-child { border-bottom: none; }
.air-site .air-list-icon { width: 40px; height: 40px; border-radius: 8px; background: #f0f0ff; color: var(--air-primary); display: flex; justify-content: center; align-items: center; flex-shrink: 0; }
.air-site .air-list-content { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; }
.air-site .air-list-title { font-size: 14px; font-weight: 600; color: #111; margin: 0 0 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.air-site .air-list-meta { font-size: 11px; color: #888; display: flex; gap: 8px; align-items: center; }
.air-site .air-list-excerpt { font-size: 13px; color: #666; margin: 0 0 8px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* Pagination */
.air-site .air-pagination { margin-top: 32px; text-align: center; }
.air-site .air-pagination .nav-links { display: inline-flex; flex-wrap: wrap; gap: 8px; justify-content: center; align-items: center; }
.air-site .air-pagination ul.page-numbers { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; padding: 0; margin: 0; list-style: none; }
.air-site .air-pagination a.page-numbers, .air-site .air-pagination span.page-numbers { padding: 8px 16px; background: #fff; border: 1px solid var(--air-border); border-radius: 6px; font-size: 14px; font-weight: 600; color: #555; transition: all 0.2s; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
.air-site .air-pagination a.page-numbers:hover { background: #f5f5f5; border-color: #d0d0ff; color: var(--air-primary); }
.air-site .air-pagination span.page-numbers.current { background: var(--air-primary); color: #fff; border-color: var(--air-primary); }
.air-site .air-pagination .dots { background: transparent; border-color: transparent; }

.air-site .air-status-badge { font-weight: 700; padding: 2px 6px; border-radius: 4px; }
.air-site .air-status-resolved { background: #ecfdf5; color: #059669; }
.air-site .air-status-pending { background: #fffbeb; color: #d97706; }

.air-site .air-banner { background: #fff; border: 1px solid var(--air-border); border-radius: 8px; padding: 24px 32px; display: flex; align-items: center; justify-content: space-between; position: relative; overflow: hidden; transition: border-color 0.2s; }
.air-site .air-banner:hover { border-color: #b0b0ff; }
.air-site .air-banner::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: linear-gradient(to bottom, #6366f1, #ec4899); }
.air-site .air-banner-content h2 { font-size: 18px; font-weight: 700; color: #111; margin: 0 0 4px; display: flex; align-items: center; gap: 8px; }
.air-site .air-banner-content p { font-size: 14px; color: #666; margin: 0; }
.air-site .air-banner-btn { background: #f0f0ff; color: var(--air-primary); font-weight: 600; padding: 8px 24px; border-radius: 8px; border: 1px solid #d0d0ff; font-size: 14px; transition: background 0.2s; min-height: 44px; display: flex; align-items: center; justify-content: center; }
.air-site .air-banner-btn:hover { background: #e0e0ff; }

/* No Results */
.air-site .air-no-results { text-align: center; padding: 40px 20px; background: #fff; border-radius: 8px; border: 1px solid var(--air-border); }
.air-site .air-page-title { font-size: 18px; margin: 0 0 16px; color: #111; }
.air-site .air-page-content { color: #666; font-size: 14px; }
.air-site .air-result-count { font-size: 12px; color: #888; }
.air-site .air-sort-btn-noscript { background: #f0f0f0; border: 1px solid #ccc; padding: 2px 6px; border-radius: 4px; margin-left: 4px; font-size: 12px; cursor: pointer; }
.air-site .air-cards-list { display: flex; flex-direction: column; gap: 16px; }
.air-site .air-empty-state { text-align: center; padding: 40px 20px; background: #fff; border-radius: 8px; border: 1px solid var(--air-border); }
.air-site .air-empty-state-title { margin: 0 0 8px; font-size: 18px; color: #111; }
.air-site .air-empty-state-desc { color: #666; font-size: 14px; margin: 0; }
.air-site .air-pagination-wrapper { margin-top: 24px; display: flex; justify-content: center; }
.air-site .air-bookmark-count-text { margin-left: 4px; font-size: 11px; font-family: inherit; }
.air-site .air-sidebar-empty { font-size: 13px; color: #666; margin: 0; }
.air-site .air-list-empty { padding: 16px; text-align: center; color: #666; font-size: 13px; margin: 0; }
.air-site .air-flex-row-gap8 { display: flex; align-items: center; gap: 8px; }
.air-site .air-mb-16 { margin-bottom: 16px; }
.air-site .air-mt-16 { margin-top: 16px; }
.air-site .air-badge-beta { margin-left: 8px; }


/* Footer */
.air-site .air-footer { background: #fff; border-top: 1px solid var(--air-border); padding: 48px 0 24px; margin-top: auto; }
.air-site .air-footer-inner { display: flex; flex-wrap: wrap; gap: 40px; justify-content: space-between; margin-bottom: 40px; }
.air-site .air-footer-brand { max-width: 300px; }
.air-site .air-footer-title { font-size: 18px; font-weight: 700; margin: 0 0 12px; color: #111; }
.air-site .air-footer-desc { font-size: 13px; color: #666; margin: 0; line-height: 1.6; }
.air-site .air-footer-links { display: flex; gap: 64px; flex-wrap: wrap; }
.air-site .air-footer-group h3 { font-size: 14px; font-weight: 700; color: #111; margin: 0 0 16px; }
.air-site .air-footer-group a { display: block; font-size: 13px; color: #666; margin-bottom: 12px; padding: 4px 0; }
.air-site .air-footer-group a:hover { color: var(--air-primary); }
.air-site .air-footer-bottom { border-top: 1px solid #f0f0f0; padding-top: 24px; text-align: center; font-size: 13px; color: #999; }

/* Mobile specific overrides */
.air-site .air-mobile-only { display: none !important; }
@media (min-width: 1024px) { .air-site .air-mobile-only { display: none !important; } }
.air-site .air-mobile-4-3 { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
@media (max-width: 1023px) {
	.air-site .air-three-col-layout { display: flex; flex-direction: column; }
	.air-site .air-left-rail, .air-site .air-right-rail { display: none; }
	.air-site .air-archive-sidebar { grid-column: 1 / -1; display: flex; flex-direction: column; gap: 16px; margin-bottom: 24px; }
	.air-site .air-archive-sidebar .air-filter-group { border: none; padding: 0; box-shadow: none; background: transparent; }
	.air-site .air-archive-sidebar .air-box-title { font-size: 14px; margin-bottom: 12px; }
	.air-site .air-archive-sidebar .air-cat-list { flex-direction: row; flex-wrap: wrap; gap: 8px; }
	.air-site .air-archive-sidebar .air-cat-btn { padding: 6px 12px; border: 1px solid var(--air-border); background: #fff; min-height: auto; border-radius: 8px; font-size: 13px; justify-content: center; }
	.air-site .air-archive-sidebar .air-cat-btn.active { border-color: var(--air-primary); background: #f0f0ff; }
	.air-site .air-archive-sidebar .air-cat-count { display: none; }
	.air-site .air-mobile-only { display: block !important; }
	.air-site .air-mobile-categories-grid.air-mobile-only { display: grid !important; }
	.air-site .air-card-mobile-head.air-mobile-only { display: flex !important; flex-direction: column; justify-content: center; flex: 1; min-width: 0; gap: 4px; }
	.air-site .air-nav-desktop { display: none; }
	.air-site .air-header-actions .air-mobile-btn { display: block; }
	.air-site .air-tabs-nav { padding: 12px 20px; border-bottom: none; margin-bottom: 0; }
	
	.air-site .air-tabs-list, .air-site .air-mobile-categories-grid { display: grid !important; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 6px; }
	.air-site .air-tabs-list > button, .air-site .air-mobile-categories-grid > button, .air-site .air-tabs-list > a, .air-site .air-mobile-categories-grid > a { min-width: 0; width: 100%; padding: 8px 2px; font-size: 12px; text-align: center; border: 1px solid var(--air-border); background: #fff; border-radius: 6px; color: #555; font-weight: 600; min-height: 44px; display: flex; align-items: center; justify-content: center; line-height: 1.2; }
	.air-site .air-tabs-list > button.active, .air-site .air-mobile-categories-grid > button.active, .air-site .air-tabs-list > a.active, .air-site .air-mobile-categories-grid > a.active { background: #f0f0ff; color: var(--air-primary); border-color: var(--air-primary); }
	.air-site .air-tabs-list > button:nth-child(-n+4), .air-site .air-mobile-categories-grid > button:nth-child(-n+4), .air-site .air-tabs-list > a:nth-child(-n+4), .air-site .air-mobile-categories-grid > a:nth-child(-n+4) { grid-column: span 3; }
	.air-site .air-tabs-list > button:nth-child(n+5), .air-site .air-mobile-categories-grid > button:nth-child(n+5), .air-site .air-tabs-list > a:nth-child(n+5), .air-site .air-mobile-categories-grid > a:nth-child(n+5) { grid-column: span 4; }
	
	.air-site .air-desktop-only { display: none !important; }

	.air-site .air-card { flex-direction: column; align-items: flex-start; gap: 12px; padding: 12px; }
	.air-site .air-card-header-mobile { display: flex; gap: 12px; width: 100%; align-items: center; }
	.air-site .air-card-icon { width: 48px; height: 48px; flex-shrink: 0; }
	.air-site .air-card-title { font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
	.air-site .air-card-title-row { max-width: 100%; overflow: hidden; display: flex; align-items: center; gap: 8px; }
	.air-site .air-card-actions { flex-direction: row; align-items: center; justify-content: space-between; width: 100%; padding-left: 0; border-left: none; border-top: 1px solid #f0f0f0; padding-top: 12px; margin-top: 4px; }
	.air-site .air-stats { flex-direction: row; gap: 16px; font-size: 12px; flex-shrink: 0; }
	.air-site .air-pricing { margin-left: 0; font-size: 11px; align-self: flex-start; }
	
	.air-site .air-feed-header { flex-wrap: wrap; gap: 12px; }

	.air-site .air-hero { padding: 40px 16px; }
	.air-site .air-hero-title { font-size: 28px; }
	.air-site .air-archive-hero { padding: 32px 16px; border-radius: 0; }
	.air-site .air-archive-hero-title { font-size: 24px; }
	.air-site .air-search-input { padding-left: 40px; padding-right: 110px; font-size: 14px; height: 48px; }
	.air-site .air-search-clear { right: 76px; }
	.air-site .air-search-btn { padding: 0 16px; font-size: 14px; }

	.air-site .air-cat-grid { grid-template-columns: repeat(3, 1fr); }
	.air-site .air-half-grid { grid-template-columns: 1fr; }
	.air-site .air-banner { flex-direction: column; text-align: center; gap: 16px; padding: 20px; }
}
@media (max-width: 350px) {
	.air-site .air-cat-grid { grid-template-columns: repeat(2, 1fr); }
}

/* Single & Page Layouts */
.air-site .air-single-container { max-width: 800px; margin: 0 auto; padding: 40px 20px; }
.air-site .air-single-header { margin-bottom: 32px; }
.air-site .air-single-title { font-size: 36px; font-weight: 800; margin: 16px 0; color: #111; line-height: 1.3; }
.air-site .air-single-excerpt { font-size: 18px; color: #555; margin-bottom: 24px; line-height: 1.6; }
.air-site .air-single-thumbnail { margin-bottom: 32px; border-radius: 8px; overflow: hidden; }
.air-site .air-single-thumbnail img { width: 100%; height: auto; display: block; border-radius: 8px; }

/* Entry Meta */
.air-site .air-entry-meta { display: flex; align-items: center; gap: 8px; font-size: 14px; color: #666; margin-bottom: 16px; flex-wrap: wrap; }
.air-site .air-meta-topic { color: var(--air-primary); font-weight: 500; }
.air-site .air-meta-topic:hover { color: var(--air-primary-hover); text-decoration: underline; }

/* Entry Content (Gutenberg Support) */
.air-site .air-entry-content { font-size: 16px; line-height: 1.8; color: #333; max-width: 100%; word-break: break-word; overflow-wrap: break-word; }
.air-site .air-entry-content > * { margin-bottom: 24px; }
.air-site .air-entry-content p { margin-top: 0; }
.air-site .air-entry-content h2, .air-site .air-entry-content h3, .air-site .air-entry-content h4 { color: #111; font-weight: 700; margin-top: 40px; margin-bottom: 16px; line-height: 1.3; }
.air-site .air-entry-content h2 { font-size: 28px; }
.air-site .air-entry-content h3 { font-size: 24px; }
.air-site .air-entry-content h4 { font-size: 20px; }
.air-site .air-entry-content a { color: var(--air-primary); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; }
.air-site .air-entry-content a:hover { color: var(--air-primary-hover); }
.air-site .air-entry-content ul, .air-site .air-entry-content ol { list-style-position: outside; margin-left: 24px; padding-left: 0; }
.air-site .air-entry-content ul { list-style-type: disc; }
.air-site .air-entry-content ol { list-style-type: decimal; }
.air-site .air-entry-content li { margin-bottom: 8px; }
.air-site .air-entry-content blockquote { border-left: 4px solid var(--air-primary); margin: 0 0 24px 0; padding: 4px 0 4px 20px; color: #555; font-style: italic; background: #f9f9ff; border-radius: 0 8px 8px 0; }
.air-site .air-entry-content pre, .air-site .air-entry-content code { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 14px; background: #f5f5f5; border-radius: 6px; }
.air-site .air-entry-content code { padding: 2px 6px; color: #db2777; }
.air-site .air-entry-content pre { padding: 16px; overflow-x: auto; max-width: 100%; border: 1px solid #e5e5e5; }
.air-site .air-entry-content pre code { background: transparent; padding: 0; color: inherit; }
.air-site .air-entry-content table { width: 100%; border-collapse: collapse; margin-bottom: 24px; display: block; overflow-x: auto; white-space: nowrap; max-width: 100%; }
.air-site .air-entry-content th, .air-site .air-entry-content td { border: 1px solid #e5e5e5; padding: 12px 16px; text-align: left; }
.air-site .air-entry-content th { background: #f9f9f9; font-weight: 600; color: #111; }
.air-site .air-entry-content figure { margin: 0 0 24px; max-width: 100%; }
.air-site .air-entry-content img { max-width: 100%; height: auto; border-radius: 8px; display: block; }
.air-site .air-entry-content figcaption { text-align: center; font-size: 14px; color: #888; margin-top: 8px; }
.air-site .air-entry-content iframe, .air-site .air-entry-content video { max-width: 100%; border-radius: 8px; }
.air-site .air-entry-content .alignwide { max-width: 100%; width: 100%; margin-inline: 0; }
.air-site .air-entry-content .alignfull { max-width: 100%; width: 100%; margin-inline: 0; }
.air-site .air-entry-content .wp-block-button__link { display: inline-block; background: var(--air-primary); color: #fff; padding: 10px 24px; border-radius: 6px; font-weight: 600; text-decoration: none; transition: background 0.2s; }
.air-site .air-entry-content .wp-block-button__link:hover { background: var(--air-primary-hover); color: #fff; }

/* Single Footer & Navigation */
.air-site .air-single-footer { margin-top: 48px; border-top: 1px solid var(--air-border); padding-top: 24px; }
.air-site .air-single-tags { margin-bottom: 24px; font-size: 14px; }
.air-site .air-single-tags a { background: #f0f0ff; color: var(--air-primary); padding: 4px 12px; border-radius: 6px; font-weight: 500; display: inline-block; margin: 0 8px 8px 0; }
.air-site .air-single-tags a:hover { background: #e0e0ff; }
.air-site .post-navigation { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; margin-top: 24px; }
.air-site .post-navigation .nav-links { display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap; gap: 16px; }
.air-site .post-navigation a { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--air-border); padding: 16px; border-radius: 8px; flex: 1; min-width: 240px; transition: all 0.2s; }
.air-site .post-navigation a:hover { border-color: var(--air-primary); box-shadow: 0 4px 12px rgba(99,102,241,0.08); }
.air-site .post-navigation .nav-subtitle { font-size: 13px; color: #888; margin-bottom: 4px; }
.air-site .post-navigation .nav-title { font-size: 15px; font-weight: 600; color: #111; }

/* Related Content */
.air-site .air-related-content { margin-top: 48px; margin-bottom: 48px; }
.air-site .air-related-title { font-size: 20px; font-weight: 700; color: #111; margin-bottom: 20px; display: block; border-bottom: none; padding-bottom: 0; }
.air-site .air-related-grid { margin-top: 16px; }

/* Responsive adjustments for single layout */
@media (max-width: 782px) {
	.air-site .air-single-container { padding: 24px 16px; }
	.air-site .air-single-title { font-size: 28px; }
	.air-site .air-entry-content h2 { font-size: 24px; }
	.air-site .air-entry-content h3 { font-size: 20px; }
	.air-site .air-entry-content h4 { font-size: 18px; }
	.air-site .post-navigation .nav-links { flex-direction: column; }
	.air-site .post-navigation a { min-width: 100%; }
}

/* 404 styles */
.air-site .air-404-section { text-align: center; padding: 60px 20px; margin-top: 40px; margin-bottom: 40px; }
.air-site .air-404-title { font-size: 36px; margin-bottom: 16px; }
.air-site .air-404-desc { color: #666; margin-bottom: 32px; }
.air-site .air-404-search-wrap { max-width: 600px; margin: 0 auto 40px; }
.air-site .air-404-links { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; max-width: 800px; margin: 0 auto; }
.air-site .air-404-latest { margin-bottom: 40px; }

/* Utilities for Layout */
.air-site .air-center-feed-wide { grid-column: span 9; display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.air-site .air-span-3 { grid-column: span 3; }
.air-site .air-cat-count-right { margin-left: auto; font-size: 12px; color: #999; }

@media (max-width: 1023px) {
    .air-site .air-center-feed-wide { grid-column: 1 / -1; }
    .air-site .air-related-grid .air-span-3 { grid-column: span 6; }
}
@media (max-width: 782px) {
    .air-site .air-404-links { grid-template-columns: repeat(2, 1fr); }
    .air-site .air-404-title { font-size: 28px; }
}
@media (max-width: 640px) {
    .air-site .air-related-grid .air-span-3 { grid-column: span 12; }
}

/* CPT Cards Base Styles */
.air-site .air-card-model,
.air-site .air-card-prompt,
.air-site .air-card-workflow,
.air-site .air-card-guide,
.air-site .air-card-error,
.air-site .air-card-glossary,
.air-site .air-card-news {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
}

.air-site .air-card-body {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
    min-width: 0;
}

.air-site .air-card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    color: #666;
    margin-top: auto;
    border-top: 1px solid #f0f0f5;
    padding-top: 12px;
    gap: 12px;
}

.air-site .air-card-meta-rows {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 13px;
    color: #555;
    word-break: break-all;
}

.air-site .air-meta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
}

.air-site .air-meta-label {
    font-weight: 500;
}

.air-site .air-meta-sep {
    color: #ccc;
}

.air-site .air-badge-mono {
    font-family: monospace;
    background: #f4f4f8;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
    word-break: break-all;
}

.air-site .air-badge-status-resolved {
    background: #e6f4ea;
    color: #137333;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
}

.air-site .air-badge-status-investigating {
    background: #fef7e0;
    color: #b06000;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
}

.air-site .air-badge-difficulty {
    background: #e8eaed;
    color: #3c4043;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
}

.air-site .air-badge-language {
    background: #e8f0fe;
    color: #1967d2;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
}

.air-site .air-card-link {
    text-decoration: none;
    color: inherit;
}

.air-site .air-card-link:hover {
    color: #6366f1;
}

.air-site .air-card-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

.air-site .air-card-media {
    margin: -16px -16px 0;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}

.air-site .air-card-media img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    aspect-ratio: 16/9;
}

.air-site .air-card-date {
    font-size: 12px;
    color: #888;
}

.air-site .air-card-stats {
    display: flex;
    gap: 12px;
    align-items: center;
}

.air-site .air-stat-rating {
    color: #f59e0b;
    font-weight: 600;
}

.air-site .air-stat-views,
.air-site .air-stat-copies {
    color: #888;
}

.air-site .air-card-action {
    text-decoration: none;
    color: #6366f1;
    font-weight: 500;
}

.air-site .air-card-action:hover {
    text-decoration: underline;
}

@media (min-width: 783px) {
    .air-site .air-card-guide {
        flex-direction: row;
        align-items: stretch;
    }
    .air-site .air-card-guide .air-card-media {
        margin: -16px 0 -16px -16px;
        border-radius: 8px 0 0 8px;
        width: 200px;
        flex-shrink: 0;
    }
    .air-site .air-card-guide .air-card-media img {
        height: 100%;
        aspect-ratio: auto;
    }
}

@media (min-width: 783px) {
    .air-site .air-related-grid .air-card-guide {
        flex-direction: column;
    }
    .air-site .air-related-grid .air-card-guide .air-card-media {
        margin: -16px -16px 0;
        border-radius: 8px 8px 0 0;
        width: auto;
    }
    .air-site .air-related-grid .air-card-guide .air-card-media img {
        height: auto;
        aspect-ratio: 16/9;
    }
}

/* Specific styling for card-model and card-error long titles */
.air-site .air-card-model .air-card-title,
.air-site .air-card-error .air-card-title {
    display: flex;
    flex-wrap: wrap;
    white-space: normal;
    gap: 8px;
    align-items: center;
}
.air-site .air-card-model .air-card-link,
.air-site .air-card-error .air-card-link {
    min-width: 0;
    overflow-wrap: anywhere;
}
.air-site .air-card-model .air-badge-mono,
.air-site .air-card-error .air-badge-mono {
    max-width: 100%;
    overflow-wrap: anywhere;
    white-space: normal;
}

/* Details Panel specific CSS */
.air-site .air-details-panel {
    border: 1px solid var(--air-color-border, #e5e7eb);
    border-radius: 8px;
    padding: 24px;
    margin: 24px 0;
    background: var(--air-color-surface, #ffffff);
}
.air-site .air-details-panel.air-details-compact {
    padding: 16px 24px;
}
.air-site .air-details-tool {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
@media (min-width: 768px) {
    .air-site .air-details-tool {
        flex-direction: row;
        align-items: center;
    }
}
.air-site .air-details-logo img {
    border-radius: 8px;
    object-fit: contain;
}
.air-site .air-details-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.air-site .air-details-stats {
    display: flex;
    gap: 16px;
    font-size: 14px;
    color: var(--air-color-text-light, #6b7280);
}
.air-site .air-details-actions {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}
.air-site .air-btn.air-btn-primary {
    background: var(--air-primary);
    border: 1px solid var(--air-border);
    color: #fff;
    padding: 8px 16px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
}
.air-site .air-btn.air-btn-primary:hover {
    background: var(--air-primary-hover);
}
.air-site .air-btn.air-btn-outline {
    border: 1px solid var(--air-color-border, #e5e7eb);
    background: transparent;
    padding: 8px 16px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: 14px;
}
.air-site .air-btn-small {
    padding: 4px 12px;
    font-size: 13px;
}

.air-site .air-details-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}
@media (min-width: 768px) {
    .air-site .air-details-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 1024px) {
    .air-site .air-details-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
.air-site .air-details-grid-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}
.air-site .air-details-label {
    font-size: 13px;
    color: var(--air-color-text-light, #6b7280);
    text-transform: uppercase;
    letter-spacing: 0;
}
.air-site .air-details-value {
    font-size: 15px;
    color: var(--air-color-text, #111827);
    word-break: break-word;
    overflow-wrap: break-word;
}

.air-site .air-break-word {
    word-break: break-all;
    overflow-wrap: anywhere;
}

.air-site .air-prompt-copy-area {
    margin-top: 24px;
    border: 1px solid var(--air-color-border, #e5e7eb);
    border-radius: 6px;
    overflow: hidden;
}
.air-site .air-prompt-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background: var(--air-color-background, #f9fafb);
    border-bottom: 1px solid var(--air-color-border, #e5e7eb);
}
.air-site .air-prompt-title {
    font-weight: 500;
    font-size: 14px;
}
.air-site .air-prompt-code-wrap {
    padding: 16px;
    background: var(--air-color-surface, #ffffff);
    overflow-x: auto;
}
.air-site .air-prompt-pre {
    margin: 0;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 14px;
    white-space: pre-wrap;
    word-break: break-word;
}

.air-site .air-summary-item {
    display: inline-block;
    margin-right: 16px;
    margin-bottom: 8px;
    font-size: 14px;
}
.air-site .air-summary-item:last-child {
    margin-right: 0;
}
.air-site .air-summary-item .air-label {
    color: var(--air-color-text-light, #6b7280);
}
.air-site .air-summary-tags {
    display: inline-flex;
    gap: 8px;
    align-items: center;
}
.air-site .air-status-badge {
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
}
.air-site .air-status-resolved {
    background: #dcfce7;
    color: #166534;
}
.air-site .air-status-investigating {
    background: #fef9c3;
    color: #854d0e;
}

.air-site .air-copy-fallback {
    position: absolute;
    left: -9999px;
    top: 0;
}

/* Mobile Filter Wrapper Styles */
.air-site .air-mobile-filter-checkbox:focus-visible + .air-mobile-filter-summary {
    outline: 2px solid var(--air-primary);
    outline-offset: 2px;
    border-radius: 4px;
}

@media (min-width: 1024px) {
    .air-site .air-mobile-filter-checkbox,
    .air-site .air-mobile-filter-summary {
        display: none;
    }
    .air-site .air-mobile-filter-wrapper > .air-mobile-filter-content {
        display: block;
    }
}
@media (max-width: 1023px) {
    .air-site .air-mobile-filter-wrapper {
        background: #fff;
        border: 1px solid var(--air-border);
        border-radius: 8px;
        padding: 16px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.02);
    }
    .air-site .air-mobile-filter-summary {
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 15px;
        font-weight: 700;
        color: #111;
        user-select: none;
    }
    .air-site .air-mobile-filter-heading {
        display: flex;
        align-items: center;
        gap: 8px;
    }
    .air-site .air-mobile-filter-heading svg {
        color: var(--air-primary);
    }
    .air-site .air-mobile-filter-toggle-icon {
        transition: transform 0.2s;
        color: #666;
    }
    .air-site .air-mobile-filter-checkbox:checked + .air-mobile-filter-summary .air-mobile-filter-toggle-icon {
        transform: rotate(180deg);
    }
    .air-site .air-mobile-filter-content {
        display: none;
        padding-top: 16px;
        margin-top: 16px;
        border-top: 1px solid #f0f0f0;
        flex-direction: column;
        gap: 16px;
    }
    .air-site .air-mobile-filter-checkbox:checked ~ .air-mobile-filter-content {
        display: flex;
    }
    .air-site .air-archive-sidebar .air-filter-group {
        margin-bottom: 0;
    }
    .air-site .air-archive-sidebar .air-cat-list {
        gap: 6px;
    }
}

/* Related Content Grid Update */
.air-site .air-related-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}
@media (max-width: 640px) {
    .air-site .air-related-grid {
        grid-template-columns: 1fr;
    }
}

/* Bridge Page */
.air-site .air-bridge-container {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    background: var(--air-bg);
}
.air-site .air-bridge-card {
    background: #fff;
    border: 1px solid var(--air-border);
    border-radius: 8px;
    padding: 40px 32px;
    max-width: 400px;
    width: 100%;
    text-align: center;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}
.air-site .air-bridge-loader {
    width: 48px;
    height: 48px;
    margin: 0 auto 24px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid var(--air-primary);
    border-radius: 50%;
    animation: air-spin 1s linear infinite;
}
.air-site .air-bridge-title {
    font-size: 18px;
    font-weight: 700;
    color: #111;
    margin: 0 0 12px;
    background: var(--air-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.air-site .air-bridge-desc {
    font-size: 14px;
    color: #666;
    margin: 0;
}
.air-site .air-bridge-fallback-btn {
    margin-top: 24px;
    display: inline-block;
}
.air-site .air-bridge-error-icon {
    color: #ef4444;
    margin-bottom: 24px;
}
@keyframes air-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
    .air-site .air-bridge-loader,
    .air-site .air-spinner {
        animation: none;
    }
    .air-site .air-bridge-loader {
        border: 4px solid var(--air-primary);
    }
}
@media (max-width: 480px) {
    .air-site .air-bridge-card {
        padding: 32px 20px;
    }
    .air-site .air-bridge-container {
        overflow: hidden;
    }
}

/* Submenus */
.air-site .air-desktop-menu-list .menu-item-has-children { position: relative; }
.air-site .air-desktop-menu-list .menu-item-has-children > a { display: inline-flex; align-items: center; gap: 4px; }
.air-site .air-desktop-menu-list .menu-item-has-children > a::after { content: ''; display: inline-block; border: 4px solid transparent; border-top-color: currentColor; margin-top: 4px; }
.air-site .air-desktop-menu-list .sub-menu { position: absolute; top: 100%; left: 50%; transform: translateX(-50%) translateY(10px); background: #fff; border: 1px solid var(--air-border); border-radius: 8px; min-width: 160px; box-shadow: 0 10px 25px rgba(0,0,0,0.05); opacity: 0; visibility: hidden; transition: all 0.2s ease; padding: 8px 0; z-index: 100; }
.air-site .air-desktop-menu-list .menu-item-has-children:hover > .sub-menu, .air-site .air-desktop-menu-list .menu-item-has-children:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); }
.air-site .air-desktop-menu-list .sub-menu li { display: block; }
.air-site .air-desktop-menu-list .sub-menu a { padding: 8px 16px; color: #444; font-size: 14px; display: block; white-space: nowrap; }
.air-site .air-desktop-menu-list .sub-menu a:hover, .air-site .air-desktop-menu-list .sub-menu a:focus { background: #f8f8ff; color: var(--air-primary); }
.air-site .air-desktop-menu-list .current-menu-item > a, .air-site .air-desktop-menu-list .current-menu-ancestor > a { color: var(--air-primary); font-weight: 600; }

/* Mobile Submenus */
.air-site .air-mobile-menu-list .menu-item-has-children { display: flex; flex-direction: column; }
.air-site .air-mobile-menu-list .menu-item-has-children > a { font-weight: 600; }
.air-site .air-mobile-menu-list .sub-menu { display: flex; flex-direction: column; padding-left: 16px; background: #fafafa; border-left: 2px solid #eee; margin: 0 0 12px 12px; border-radius: 4px; }
.air-site .air-mobile-menu-list .sub-menu a { border-bottom: none; min-height: 44px; display: flex; align-items: center; color: #555; font-size: 14px; }
.air-site .air-mobile-menu-list .sub-menu a:hover { color: var(--air-primary); }

/* Submit Form Styles */
.air-site .air-submit-wrapper { max-width: 800px; margin: 0 auto; padding: 40px 20px 80px; }
.air-site .air-submit-header { text-align: center; margin-bottom: 32px; }
.air-site .air-submit-title { font-size: 32px; font-weight: 800; margin: 0 0 12px; background: var(--air-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.air-site .air-submit-subtitle { font-size: 16px; color: #666; margin: 0; }
.air-site .air-submit-panel { background: #fff; border: 1px solid var(--air-border); border-radius: 8px; padding: 32px; box-shadow: 0 4px 20px rgba(0,0,0,0.02); }
.air-site .air-honeypot-wrap { position: absolute; left: -9999px; }
.air-site .air-form-section { border: none; padding: 0; margin: 0 0 32px; }
.air-site .air-form-section legend { font-size: 18px; font-weight: 700; color: #111; margin-bottom: 16px; padding: 0; width: 100%; border-bottom: 1px solid #eee; padding-bottom: 8px; }
.air-site .air-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.air-site .air-form-group { min-width: 0; }
.air-site .air-form-group-full { grid-column: 1 / -1; }
.air-site .air-form-label { display: block; font-size: 14px; font-weight: 600; color: #333; margin-bottom: 8px; }
.air-site .air-required { color: #ef4444; }
.air-site .air-form-input, .air-site .air-form-textarea, .air-site .air-form-select { width: 100%; padding: 10px 14px; border: 1px solid #ccc; border-radius: 6px; font-size: 14px; font-family: inherit; background: #fff; transition: all 0.2s; min-height: 44px; box-shadow: 0 1px 2px rgba(0,0,0,0.02) inset; }
.air-site .air-form-textarea { resize: vertical; min-height: 100px; }
.air-site .air-form-input:focus, .air-site .air-form-textarea:focus, .air-site .air-form-select:focus { border-color: var(--air-primary); outline: none; box-shadow: 0 0 0 3px rgba(99,102,241,0.15); }
.air-site .air-form-hint { font-size: 12px; color: #888; margin-top: 6px; text-align: right; }
.air-site .air-form-actions { margin-top: 32px; display: flex; flex-direction: column; gap: 24px; align-items: center; padding-top: 24px; border-top: 1px solid #eee; }
.air-site .air-checkbox-label { display: flex; align-items: flex-start; gap: 12px; font-size: 14px; color: #555; cursor: pointer; }
.air-site .air-checkbox { margin-top: 3px; width: 16px; height: 16px; accent-color: var(--air-primary); }
.air-site .air-submit-btn { width: 100%; max-width: 300px; padding: 12px; font-size: 16px; font-weight: 700; display: flex; justify-content: center; align-items: center; gap: 8px; position: relative; }
.air-site .air-submit-btn.is-loading .air-btn-text { opacity: 0; }
.air-site .air-spinner { position: absolute; width: 20px; height: 20px; border: 3px solid rgba(255,255,255,0.3); border-radius: 50%; border-top-color: #fff; animation: air-spin 1s ease-in-out infinite; }
.air-site .air-submit-alert { padding: 12px 16px; border-radius: 6px; margin-bottom: 24px; font-size: 14px; font-weight: 500; }
.air-site .air-alert-error { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; }
.air-site .air-submit-success { text-align: center; padding: 40px 20px; }
.air-site .air-success-icon { color: #10b981; margin-bottom: 16px; }
.air-site .air-submit-success h2 { font-size: 24px; color: #111; margin: 0 0 12px; }
.air-site .air-submit-success p { color: #666; margin: 0 0 32px; }
.air-site .air-success-actions { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }

@media (max-width: 768px) {
	.air-site .air-submit-wrapper { padding: 24px 16px 60px; }
	.air-site .air-submit-panel { padding: 20px; }
	.air-site .air-form-grid { grid-template-columns: 1fr; gap: 16px; }
	.air-site .air-submit-btn { max-width: 100%; }
}
