/* ১. ভ্যালিড ইউনিট এবং বক্স-সাইজিং যোগ করা */
.toma, .sribas, .details, .arko {
    width: 100%; /* 100vw বা 100ew এর বদলে ১০০% ব্যবহার করুন */
    box-sizing: border-box; /* এটি প্যাডিংকে ভেতরে রাখবে, বাইরে ঠেলবে না */
    height: auto; /* ফিক্সড হাইট এর বদলে অটো রাখা নিরাপদ */
}

/* ২. আপনার নির্দিষ্ট ক্লাসগুলোর সংশোধন */
.toma { padding: 5px; border: 1px dashed #3498DB; border-radius: 7px; }

.sribas { padding: 5px; border: 1px solid #3498DB; border-radius: 7px; background-color:#eff8ff; text-align: center; font-weight: bold; }

.details { padding: 5px; border: 1px solid #3498DB; border-radius: 7px; }

.arko { padding: 5px; border: 1px solid #3498DB; border-radius: 0px 15px 15px 15px; }

.rishita {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIsWmziJirh7nTBxEsRwoGSLqXpFPYXOJeh6tbE2wXlud5Z1-MnQp15aUIy6mLd59HzmX4iKnW-quiU2jURFxLZ96nGef116pKgbLDMAwKvP8YK43Y1U2clOolvGFW3auC1kl3zIE3tbc/s1600/MAG.png");}
  
.button {
    /* 1. Change flex to inline-flex so they sit next to each other */
    display: inline-flex; 
    
    justify-content: center;
    align-items: center;
    width: fit-content; 
    
    /* 2. Change 'auto' margin to a fixed size for spacing between buttons */
    margin: 10px; 
    
    background-color: #3498DB; 
    color: white;
    border: none;
    padding: 10px 10px;
    border-radius: 8px; 
    cursor: pointer;
    font-family: 'Arial', sans-serif;
    font-size: 1em;
    font-weight: 700;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    transition: background-color 0.2s ease, transform 0.1s ease;
}

/* Hover/Active styles remain exactly the same */
.button:hover, .button:focus {
    background-color: #2980b9; 
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

.button:active {
    background-color: #1f6b9c;
    transform: scale(0.98);
}

.tori {
  color: white;
  border: 0px solid #3498DB;
  opacity: 1;
}

.tori:hover {
  background-color: #2980B9;
  color: white;
  opacity: 1;
}
  
.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Style 3: Semantic Quoted Text Box */
blockquote {
    /* Basic Layout */
    line-height: 1.6;
    margin: 0.1em auto;
    padding: 1em 1em;
    background-color: #e9ecef80;
    border-left: 5px solid #0077b6;
    border-radius: 8px; /* Rounded corners */
    quotes: "\201C" "\201D" "\2018" "\2019"; /* Define the quotes to use (open/close) */
}

/* Apply the quotes using :before and :after */
blockquote::before {
    content: open-quote; /* Inserts the first quote defined in the 'quotes' property */
    font-size: 1.5em;
    color: #495057;
    margin-right: 0.1em;
    font-weight: bold;
}

blockquote::after {
    content: close-quote; /* Inserts the second quote */
    font-size: 1.5em;
    color: #495057;
    margin-left: 0.1em;
    font-weight: bold;
}

/* গুগল অ্যাড যেন মোবাইলের স্ক্রিন ভেঙে বাইরে না যায় */
.adsbygoogle {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

/* আইফ্রেমগুলোকেও সাইজ লিমিট করে দেওয়া */
.adsbygoogle iframe {
    max-width: 100% !important;
}

h2.inline-heading, h3.inline-heading, h4.inline-heading {
    display: inline;
    font-size: inherit; /* Optional: keeps text size normal if needed */
    margin: 0;          /* Removes default spacing */
    padding: 0;
}