/* ===== Base Layout ===== */
body{
font-size:16px;
}
h1 {
  color: #bd2626;
}

h2 {
  color: #bd2626;
}

.blue-text {
  color: #2b7bb9;
}

.qrimg {
  display: block;
  float: right;
  width: 130px;
}

img {
  max-width: 95%;
  padding: 5px;
  text-align: center;
}

p {
  font-size: 16px;
  line-height: 1.8;
  color: #111;
}

.shloka-container{
    
    margin:auto;
    line-height:1.9;
    color:#111;
}

.main-title{
    text-align:center;
    font-size:42px;
    font-weight:700;
    margin-bottom:40px;
}

.diagram{
    position:relative;
    width:700px;
    height:130px;
    margin:0 auto 40px;
}

.vertical-line{
    position:absolute;
    top:45px;
    left:50%;
    width:3px;
    height:40px;
    background:#222;
    transform:translateX(-50%);
}

.horizontal-line{
    position:absolute;
    top:85px;
    left:130px;
    width:440px;
    height:3px;
    background:#222;
}

.left-arrow{
    position:absolute;
    top:85px;
    left:130px;
    width:3px;
    height:45px;
    background:#222;
}

.left-arrow::after{
    content:"";
    position:absolute;
    bottom:-8px;
    left:-6px;
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    border-top:10px solid #222;
}

.right-arrow{
    position:absolute;
    top:85px;
    right:130px;
    width:3px;
    height:45px;
    background:#222;
}

.right-arrow::after{
    content:"";
    position:absolute;
    bottom:-8px;
    left:-6px;
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    border-top:10px solid #222;
}

.left-label{
    position:absolute;
    left:0;
    top:120px;
    font-size:30px;
    font-weight:600;
}

.right-label{
    position:absolute;
    right:0;
    top:120px;
    font-size:30px;
    font-weight:600;
}

.content-text{
    
    text-align:justify;
}

.red-heading{
    text-align:center;
    color:#b30000;
   
    font-weight:700;
    line-height:1.7;
    margin:25px 0;
}
.section-title{
    color:#2c84c6;
   
    font-weight:700;
    margin-bottom:20px;
}

.word-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px 40px;
   
    margin-bottom:30px;
}

.word-item{
    display:flex;
    align-items:flex-start;
    gap:12px;
}

.number{
    font-weight:700;
    min-width:45px;
}

.highlight-line{
    
    margin-bottom:30px;
}

.blue-text{
    color:#2c84c6;
    font-weight:700;
}

.center-shlok{
    text-align:center;
    line-height:1.9;
    margin:25px 0;
}

.normal-text{
  
    text-align:justify;
    margin-bottom:25px;
}

.sub-heading{
    color:#2c84c6;
    margin-top:25px;
}

.bullet-heading{
    margin:20px 0 10px;
}

.bullet-list{
    padding-left:35px;
}

.image-text-section{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:30px;
    margin-top:20px;
}

.text-side{
    flex:1;
}

.image-side{
    width:280px;
    flex-shrink:0;
}

.image-side img{
    width:100%;
    height:auto;
    display:block;
}

.table-wrapper{
    margin:30px 0;
    overflow-x:auto;
}

.sanskrit-table{
    width:100%;
    border-collapse:collapse;
 
    background:#f7f6ed;
}

.sanskrit-table th,
.sanskrit-table td{
    border:2px solid #9b9a2f;
    padding:12px 16px;
    vertical-align:top;
    text-align:left;
}

.sanskrit-table th{
    font-weight:700;
    text-align:center;
    background:#f0efe2;
}

.sanskrit-table td:first-child{
    width:80px;
    text-align:center;
}

.anvaya-text{
    
    line-height:1.8;
    margin-top:20px;
}