:root {
	--au-green: #0f5132;
	--au-green-dark: #08331f;
	--au-gold: #c9a227;
	--au-cream: #faf7ef;
	--au-text: #26291f;
}

* { box-sizing: border-box; }

body {
	margin: 0;
	font-family: 'Georgia', 'Segoe UI', serif;
	background: var(--au-cream);
	color: var(--au-text);
	line-height: 1.7;
}

.au-container { max-width: 960px; margin: 0 auto; padding: 0 20px; }

.au-header { background: var(--au-green); border-bottom: 4px solid var(--au-gold); }
.au-header-inner { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; flex-wrap: wrap; }
.au-logo { color: #fff; font-size: 24px; font-weight: bold; text-decoration: none; letter-spacing: 0.5px; }
.au-nav a { color: #f2e9d0; text-decoration: none; margin-left: 18px; font-size: 15px; }
.au-nav a:hover { color: var(--au-gold); }

.au-main { padding: 40px 20px; min-height: 60vh; }

.au-hero { text-align: center; padding: 40px 0 20px; }
.au-hero h1 { color: var(--au-green); font-size: 40px; margin-bottom: 8px; }
.au-hero p { color: #555; font-size: 18px; }

.au-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 20px; margin-top: 24px; }
.au-card { display: block; background: #fff; border: 1px solid #e5ddc4; border-top: 4px solid var(--au-gold); border-radius: 6px; padding: 20px; text-decoration: none; color: var(--au-text); transition: transform 0.15s, box-shadow 0.15s; }
.au-card:hover { transform: translateY(-3px); box-shadow: 0 6px 18px rgba(15,81,50,0.12); }
.au-card h2 { color: var(--au-green); margin: 0 0 8px; font-size: 20px; }

.au-table { width: 100%; border-collapse: collapse; margin-top: 20px; background: #fff; }
.au-table th, .au-table td { padding: 10px 12px; border-bottom: 1px solid #eee; text-align: left; }
.au-table th { background: var(--au-green); color: #fff; }
.au-table tr:hover { background: #fbf6e8; }

.au-arabic { direction: rtl; font-family: 'Traditional Arabic', 'Scheherazade New', 'Amiri', serif; font-size: 22px; color: var(--au-green-dark); }
.au-tamil { font-size: 14px; color: #777; margin-left: 8px; }
.au-tamil-text { color: #444; }
.au-translation-text { color: #444; }

.au-ayah-block { background: #fff; border: 1px solid #e5ddc4; border-radius: 6px; padding: 18px; margin-bottom: 16px; position: relative; }
.au-ayah-num { position: absolute; top: 12px; right: 12px; background: var(--au-gold); color: #fff; padding: 2px 10px; border-radius: 20px; font-size: 13px; text-decoration: none; }
.au-ayah-text { font-size: 24px; margin: 10px 0; }
.au-ayah-text-large { font-size: 30px; text-align: center; padding: 24px; background: #fff; border-radius: 6px; border: 1px solid #e5ddc4; }

.au-lang-block { padding: 10px 0; border-bottom: 1px dashed #ddd; }

.au-coming-soon { color: #999; font-style: italic; padding: 16px; text-align: center; background: #fff; border: 1px dashed #ccc; border-radius: 6px; }

.au-hadith-list { list-style: none; padding: 0; }
.au-hadith-list li { background: #fff; border: 1px solid #e5ddc4; padding: 12px 16px; margin-bottom: 8px; border-radius: 4px; }
.au-hadith-list a { color: var(--au-green); text-decoration: none; font-weight: 600; }
.au-grade { float: right; color: var(--au-gold); font-size: 13px; }

.au-meta { color: #777; font-size: 14px; }
.au-content { background: #fff; padding: 24px; border-radius: 6px; border: 1px solid #e5ddc4; }

.au-forum-form { background: #fff; padding: 20px; border-radius: 6px; border: 1px solid #e5ddc4; max-width: 600px; }
.au-forum-form label { display: block; font-weight: 600; margin-bottom: 4px; }
.au-forum-form input, .au-forum-form textarea { width: 100%; padding: 8px; margin-bottom: 14px; border: 1px solid #ccc; border-radius: 4px; font-family: inherit; }
.au-forum-form button { background: var(--au-green); color: #fff; border: none; padding: 10px 22px; border-radius: 4px; cursor: pointer; font-size: 15px; }
.au-forum-form button:hover { background: var(--au-green-dark); }

.au-notice { background: #eaf6ea; border: 1px solid #b6dfb6; color: #2e7d32; padding: 12px 16px; border-radius: 4px; margin-bottom: 20px; }
.au-forum-item { background: #fff; border: 1px solid #e5ddc4; padding: 16px; border-radius: 6px; margin-bottom: 12px; }
.au-forum-q { margin: 0 0 8px; }
.au-forum-a { color: var(--au-green-dark); margin: 0; }
.au-forum-pending { color: #999; font-style: italic; margin: 0; }

.au-quickjump { display: flex; gap: 8px; align-items: center; background: #fff; border: 1px solid #e5ddc4; padding: 12px 16px; border-radius: 6px; margin: 16px 0; flex-wrap: wrap; }
.au-quickjump select, .au-quickjump input { padding: 6px 10px; border: 1px solid #ccc; border-radius: 4px; font-family: inherit; }
.au-quickjump button { background: var(--au-green); color: #fff; border: none; padding: 6px 16px; border-radius: 4px; cursor: pointer; }
.au-quickjump button:hover { background: var(--au-green-dark); }

.au-related { background: #fff; border: 1px solid #e5ddc4; border-radius: 6px; padding: 16px; margin-top: 20px; }
.au-related h3 { margin-top: 0; color: var(--au-green); }
.au-related ul { margin: 0; padding-left: 20px; }
.au-related a { color: var(--au-green-dark); }
.au-source { color: #888; font-size: 13px; font-style: italic; }

.au-share { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-top: 20px; padding: 14px 16px; background: #fff; border: 1px solid #e5ddc4; border-radius: 6px; }
.au-share-label { font-weight: 600; color: var(--au-green-dark); margin-right: 4px; }
.au-share-btn { display: inline-block; padding: 6px 14px; border-radius: 20px; font-size: 13px; text-decoration: none; color: #fff; border: none; cursor: pointer; font-family: inherit; }
.au-share-whatsapp { background: #25D366; }
.au-share-facebook { background: #1877F2; }
.au-share-telegram { background: #229ED9; }
.au-share-x { background: #000; }
.au-share-copy { background: var(--au-gold); }
.au-share-btn:hover { opacity: 0.85; }

.au-disclaimer { background: #fdf6e3; border: 1px solid #e8d9a0; border-left: 4px solid var(--au-gold); border-radius: 4px; padding: 12px 16px; margin: 16px 0; font-size: 13px; color: #5c4d1f; }
.au-disclaimer p { margin: 0; }

.au-category-filter { display: flex; gap: 8px; flex-wrap: wrap; margin: 16px 0; }
.au-category-filter a { padding: 6px 14px; background: #fff; border: 1px solid #e5ddc4; border-radius: 20px; text-decoration: none; color: var(--au-green-dark); font-size: 13px; }
.au-category-filter a.active, .au-category-filter a:hover { background: var(--au-green); color: #fff; border-color: var(--au-green); }

.au-bayan-cat { color: var(--au-gold); font-size: 12px; font-weight: 600; text-transform: uppercase; margin: 4px 0; }

.au-media-player { margin: 20px 0; }
.au-video-wrap { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 6px; }
.au-video-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

.au-library-grid { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
.au-book-card { text-align: center; }
.au-book-cover { width: 100%; max-width: 160px; height: auto; border-radius: 4px; margin-bottom: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.15); }
.au-book-cover-large { max-width: 240px; display: block; margin: 16px 0; border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); }
.au-download-btn { display: inline-block; background: var(--au-green); color: #fff; padding: 12px 28px; border-radius: 6px; text-decoration: none; font-weight: 600; }
.au-download-btn:hover { background: var(--au-green-dark); }

.au-footer { background: var(--au-green-dark); color: #cbb; text-align: center; padding: 20px; margin-top: 40px; font-size: 14px; }