<!DOCTYPE html>
<html b:version='2' class='v2' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='True' name='HandheldFriendly'/>
<meta content='320' name='MobileOptimized'/>
<meta content='telephone=no' name='format-detection'/>
<meta content='yes' name='apple-mobile-web-app-capable'/>
<title><data:blog.pageTitle/></title>
<!-- Primary SEO meta (render only when available) -->
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
<meta content='index, follow' name='robots'/>
<b:if cond='data:blog.canonicalUrl'>
<link expr:href='data:blog.canonicalUrl' rel='canonical'/>
</b:if>
<!-- Favicon -->
<b:if cond='data:blog.favicon'>
<link expr:href='data:blog.favicon' rel='icon'/>
</b:if>
<!-- AdSense -->
<script async='async' crossorigin='anonymous' src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7596074533611169'></script>
<!-- Fonts (XML-safe: ampersands escaped) -->
<link href='https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&family=Inter:wght@300;400;600;700&display=swap' rel='stylesheet'/>
<!-- Theme CSS -->
<b:skin><![CDATA[
/* Reset & base */
html,body{height:100%;margin:0;font-family:Inter, 'Noto Serif', serif;background:#fbf9f5;color:#2b2b2b;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
a{color:#1f5f33;text-decoration:none}
img{max-width:100%;height:auto;display:block}
/* Container */
.site-container{max-width:1100px;margin:0 auto;padding:16px;box-sizing:border-box}
/* Header - CENTERED */
.site-header{
display:flex;
flex-direction:column; /* stack brand above nav and center them */
align-items:center; /* center horizontally */
justify-content:center;
text-align:center;
padding:18px 0;
gap:5px;
}
.site-brand{display:flex;align-items:center;gap:12px;justify-content:center}
.site-logo{width:72px;height:72px;border-radius:8px;object-fit:cover}
.site-title{font-family:'Noto Serif';font-size:20px;color:#13391f;margin:0}
.site-sub{font-size:12px;color:#6b5728;margin-top:2px}
/* Nav centered and responsive */
.main-nav{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}
.main-nav a{padding:8px 12px;border-radius:8px;border:1px solid rgba(43,122,58,0.08);background:linear-gradient(180deg,#fff,#f5faef);font-weight:600}
/* Mobile toggle (hidden on desktop) */
.mobile-nav-toggle{display:none;border:0;background:transparent;font-size:20px;padding:10px;border-radius:8px}
/* Single-column layout */
.layout{display:block;margin-top:18px}
/* Post list - central column */
.post-wrapper{max-width:820px;margin:0 auto;padding:0 12px}
.post{background:#fff;border-radius:10px;padding:18px;border:1px solid #efe6d0;box-shadow:0 1px 3px rgba(0,0,0,0.03);margin-bottom:20px}
.post h2{margin:0 0 8px;font-family:'Noto Serif';color:#1b4a2d}
.post .meta{font-size:13px;color:#7a6240;margin-bottom:12px}
.post .thumb{width:100%;height:auto;object-fit:cover;border-radius:8px;margin-bottom:12px}
/* Make post content comfortably readable on mobile */
.post-body{line-height:1.50;font-size:18px;color:#2b2b2b}
.post p{margin:0 0 19px}
/* Footer */
footer{margin-top:28px;padding:18px;border-top:1px solid #eee;background:linear-gradient(180deg,#faf8f3,#f8f3e6);border-top:3px solid #c5a44b;border-radius:8px}
.footer-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
/* Responsive tweaks */
@media (max-width:900px){
.site-logo{width:56px;height:56px}
.site-title{font-size:18px}
.post-wrapper{padding:0 14px}
.post{padding:16px}
.post-body{font-size:16px}
}
@media (max-width:800px){
/* Hide full nav and show toggle on small screens */
.main-nav{display:none;flex-direction:column;gap:8px;width:100%;margin-top:8px}
.mobile-nav-toggle{display:inline-flex;align-items:center;justify-content:center}
.mobile-nav-open .main-nav{display:flex}
.site-header{align-items:stretch}
.site-brand{justify-content:space-between;padding:0 6px}
}
@media (max-width:480px){
.site-container{padding:12px}
.site-title{font-size:16px}
.post-body{font-size:15px}
/* Make footer links stack nicely */
.footer-links{flex-direction:column;gap:8px}
}
/* Improved tap targets */
.main-nav a, .ai-search-links a, .ai-share-btn {min-height:40px; display:inline-flex; align-items:center; justify-content:center}
/* Accessibility focus states */
a:focus, button:focus {outline:3px solid rgba(30,100,40,0.18); outline-offset:2px}
]]></b:skin>
<!-- JSON-LD Site Organization -->
<script type='application/ld+json'>
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Ayurveda Initiative For Global Health",
"url": "https://www.ayurvedainitiative.com",
"logo": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6qddJwrWMIGOXiQ3fgeKzl6aN8pK2Qz45N1C4Uozz6yLN6vbuXwLo40EFk7rXCvFErI0SA1-KnrwexXPNXAr-hXwyzgJZexpf5xSi2gjlM86YixGsjH6btbShzWIk2tttgvgDKiQ3bTx6sW_BzDWxKp8sP91EnN1ACQ9CQenkdajkUS0e4ZUJg44jZ84/s320-rw/1000269623.png"
}
</script>
<!-- Blogger head widgets -->
<b:include data='blog' name='all-head-content'/>
</head>
<body>
<div class='site-container' id='site-root'>
<!-- Header (CENTERED) -->
<header class='site-header' role='banner'>
<div class='site-brand'>
<a expr:href='data:blog.homepageUrl' style='display:flex;align-items:center;gap:12px' title='Ayurveda Initiative For Global Health'>
<img alt='Ayurveda Initiative Logo' class='site-logo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6qddJwrWMIGOXiQ3fgeKzl6aN8pK2Qz45N1C4Uozz6yLN6vbuXwLo40EFk7rXCvFErI0SA1-KnrwexXPNXAr-hXwyzgJZexpf5xSi2gjlM86YixGsjH6btbShzWIk2tttgvgDKiQ3bTx6sW_BzDWxKp8sP91EnN1ACQ9CQenkdajkUS0e4ZUJg44jZ84/s320-rw/1000269623.png'/>
<div style='flex:1;min-width:0'>
<h1 class='site-title'>Ayurveda Initiative For Global Health</h1>
<div class='site-sub'>Knowledge • Research • Awareness</div>
</div>
</a>
<!-- mobile toggle button -->
<button aria-controls='main-nav' aria-expanded='false' aria-label='Open navigation' class='mobile-nav-toggle' id='mobile-nav-toggle'>☰</button>
</div>
<nav aria-label='Main navigation' class='main-nav' id='main-nav' role='navigation'>
<a href='https://www.ayurvedainitiative.com/'>Home</a>
<a href='https://www.ayurvedainitiative.com/search/label/Ayurveda'>Ayurveda</a>
<a href='https://www.ayurvedainitiative.com/search/label/Sacred%20Texts'>Sacred Texts Library</a>
<a href='https://www.ayurvedainitiative.com/search/label/Ayurvedic%20Medicine'>Ayurvedic Medicine</a>
<a href='https://www.ayurvedainitiative.com/p/contact.html'>Contact</a>
</nav>
</header>
<!-- Main single-column layout: posts only -->
<main class='layout' role='main'>
<div class='post-wrapper'>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1'>
<b:widget-settings>
<b:widget-setting name='showDateHeader'>true</b:widget-setting>
<b:widget-setting name='commentLabel'>Comments</b:widget-setting>
<b:widget-setting name='style.textcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showShareButtons'>false</b:widget-setting>
<b:widget-setting name='authorLabel'>By</b:widget-setting>
<b:widget-setting name='showCommentLink'>true</b:widget-setting>
<b:widget-setting name='style.urlcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showAuthor'>false</b:widget-setting>
<b:widget-setting name='style.linkcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='reactionsLabel'/>
<b:widget-setting name='showAuthorProfile'>true</b:widget-setting>
<b:widget-setting name='style.layout'>1x1</b:widget-setting>
<b:widget-setting name='showLabels'>true</b:widget-setting>
<b:widget-setting name='showLocation'>true</b:widget-setting>
<b:widget-setting name='postLabelsLabel'>Tags</b:widget-setting>
<b:widget-setting name='showTimestamp'>true</b:widget-setting>
<b:widget-setting name='postsPerAd'>1</b:widget-setting>
<b:widget-setting name='showBacklinks'>false</b:widget-setting>
<b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showInlineAds'>false</b:widget-setting>
<b:widget-setting name='showReactions'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- Loop over posts -->
<b:loop values='data:posts' var='post'>
<article class='post'>
<h2 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h2>
<div class='meta'>
<span class='post-date'><data:post.timestamp/></span>
<span> • </span>
<span class='post-author'><data:post.author/></span>
</div>
<b:if cond='data:post.thumbnail'>
<img alt='post image' class='thumb' expr:src='data:post.thumbnail'/>
</b:if>
<div class='post-body entry-content'>
<data:post.body/>
</div>
<!-- Related widgets/scripts (kept per-post, but will render inside central column) -->
<div>
<![CDATA[
<!-- Auto Google Search Links -->
<style>
.ai-search-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:14px}
.ai-search-links a{padding:8px 12px;border-radius:8px;border:1px solid rgba(43,122,58,0.12);background:linear-gradient(180deg,#fff,#f5faef);font-weight:600;text-decoration:none}
</style>
<script>
(function(){
var SELECTORS=['.post-body','.entry-content','.post-content','.blog-posts .post'];
function getTitle(){var el=document.querySelector('.post-title, h1.post-title, .entry-title'); if(el) return el.innerText.trim(); var t=document.title; if(t.indexOf('|')!==-1) t=t.split('|')[0]; if(t.indexOf('-')!==-1) t=t.split('-')[0]; return t.trim();}
function insertLinks(){var bodies=[]; SELECTORS.forEach(function(sel){ document.querySelectorAll(sel).forEach(function(e){ bodies.push(e); }); }); if(!bodies.length) return; var title=getTitle(); var q1=encodeURIComponent(title+' Ayurveda'); var q2=encodeURIComponent(title+' Ayurveda Initiative'); var base='https://www.google.com/search?q='; bodies.forEach(function(body){ if(body.dataset.aiInserted) return; var box=document.createElement('div'); box.className='ai-search-links'; box.innerHTML='<a href="'+(base+q1)+'" target="_blank" rel="noopener noreferrer">Ayurveda</a><a href="'+(base+q2)+'" target="_blank" rel="noopener noreferrer">Ayurveda Initiative</a>'; body.appendChild(box); body.dataset.aiInserted='true'; }); }
window.addEventListener('load', insertLinks); window.addEventListener('popstate', function(){ setTimeout(insertLinks,400); });
})();
</script>
]]>
</div>
</article>
</b:loop>
</b:includable>
<!-- many includables/widgets kept as in original template (unchanged) -->
<b:includable id='backlinkDeleteIcon' var='backlink'/>
<b:includable id='backlinks' var='post'/>
<!-- comment-form and other includables (unchanged) -->
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'></iframe>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'></iframe>
</b:if>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>' );
</script>
</div>
</b:includable>
<!-- many other includables omitted here for brevity but preserved in the canvas file -->
</b:widget>
<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<!-- 🌿 Ayurveda Experts Gallery — Equal-size images + captions (Paste into Blogger HTML gadget) -->
<div id="ai-experts-gallery" style="font-family: 'Noto Serif', serif; max-width:100%; box-sizing:border-box; background:#faf6f0; border-top:3px solid #c6a85d; padding:14px; border-radius:10px; color:#2e6930;">
<h3 style="text-align:center; margin:0 0 12px;">🌿 Featured Ayurveda Experts</h3>
<div class="ai-grid" style="display:grid; gap:12px; grid-template-columns:repeat(auto-fit, minmax(160px, 1fr)); align-items:start;">
<!-- gallery items kept as-is -->
</div> <!-- end grid -->
</div>
<!-- Styles: hover zoom + responsive tweaks -->
<style>
.ai-thumb img { transition: transform .28s ease, filter .28s ease; display:block; }
.ai-item:hover .ai-thumb img { transform: scale(1.06); filter:brightness(.94); }
@media (max-width: 800px) {
.ai-grid { gap:10px; }
}
@media (max-width: 480px) {
.ai-grid { gap:8px; }
}
</style>]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<!-- PopularPosts, Labels widget, Stats widget preserved (unchanged) -->
</b:section>
</div>
</main>
<!-- Footer -->
<footer role='contentinfo'>
<div style='display:flex;flex-direction:column;gap:12px;align-items:center;'>
<div class='footer-links'>
<a href='https://www.ayurvedainitiative.com/p/our-inspiration.html'>Our Inspiration</a>
<a href='https://www.ayurvedainitiative.com/p/about-us.html'>About Us</a>
<a href='https://www.ayurvedainitiative.com/p/contact-us.html'>Contact Us</a>
<a href='https://www.ayurvedainitiative.com/p/about-ayurveda-initiative-globalaig.html'>About Ayurveda Initiative</a>
<a href='https://www.ayurvedainitiative.com/p/terms-and-conditions.html'>Terms & Conditions</a>
<a href='https://www.ayurvedainitiative.com/p/privacy-policy.html'>Privacy Policy</a>
<a href='https://www.ayurvedainitiative.com/p/ayurveda-holistic-approach-to-health_27.html'>Ayurveda Holistic Approach</a>
</div>
<div style='text-align:center;color:#6b5728;font-size:13px;'>© 2011 – 2025 Ayurveda Initiative For Global Health — All rights reserved</div>
<div style='text-align:center;color:#6b5728;font-size:13px;'>Designed by Ayurveda Initiative for Global Health</div>
</div>
</footer>
</div>
<!-- Mobile nav toggle script -->
<script type='text/javascript'>
(function(){
var root = document.getElementById('site-root');
var toggle = document.getElementById('mobile-nav-toggle');
var nav = document.getElementById('main-nav');
if(!toggle || !nav) return;
toggle.addEventListener('click', function(){
var opened = root.classList.toggle('mobile-nav-open');
toggle.setAttribute('aria-expanded', opened ? 'true' : 'false');
toggle.setAttribute('aria-label', opened ? 'Close navigation' : 'Open navigation');
});
// Close nav when user taps outside on small screens
document.addEventListener('click', function(e){
if(!root.classList.contains('mobile-nav-open')) return;
if(e.target === toggle || nav.contains(e.target) || toggle.contains(e.target)) return;
root.classList.remove('mobile-nav-open');
toggle.setAttribute('aria-expanded','false');
toggle.setAttribute('aria-label','Open navigation');
});
})();
</script>
<!-- Temporarily disable evaluating live layout widgets while debugging -->
<b:if cond='false'>
<b:include data='blog' name='all-body-content'/>
</b:if>
</body>
</html>