.story-link display: flex; justify-content: space-between; align-items: baseline; padding: 1rem 0.5rem; text-decoration: none; color: #2c1a0e; font-weight: 500; transition: 0.2s; flex-wrap: wrap; gap: 0.5rem;
.story-link:hover background: #fff0e0; padding-left: 1rem; border-radius: 20px; color: #b33a1e;
.story-meta font-size: 0.85rem; background: #f3e5d5; padding: 0.2rem 0.7rem; border-radius: 40px; color: #7a431d; index of premer kahini
.story-number background: #ffd9b5; width: 2rem; height: 2rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 60px; font-weight: bold; color: #9b3a0c;
.story-list list-style: none;
<!DOCTYPE html> <html lang="bn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>সূচিপত্র – প্রেমের কাহিনী</title> <style> * margin: 0; padding: 0; box-sizing: border-box; body background: linear-gradient(145deg, #fef9e6 0%, #fff4e0 100%); font-family: 'Segoe UI', 'Roboto', 'Noto Sans Bengali', 'Kohinoor Bangla', sans-serif; padding: 2rem 1rem; color: #2c1a0e;
.content padding: 2rem 2rem 2.5rem;
.footer-note margin-top: 2.5rem; padding-top: 1rem; text-align: center; font-size: 0.85rem; border-top: 2px dotted #fad6a5; color: #ad7a52;