.story-title font-size: 1.25rem; font-weight: 600; display: flex; align-items: center; gap: 0.75rem;
<!-- Main Index List --> <ul class="story-list"> <!-- Story 1 --> <li class="story-item"> <a href="#" class="story-link"> <span class="story-title"> <span class="story-number">ā§§</span> āĻā§āĻ¤ā§āĻ°ā§āĻ° āĻĒā§āĻ°āĻĨāĻŽ āĻŦā§āĻˇā§āĻāĻŋ </span> <span class="story-meta">āĻ āĻ§ā§āĻ¯āĻžāĻ¯āĻŧ ā§§ | ā§§ā§¨ āĻĒāĻžāĻ¤āĻž</span> </a> </li> <!-- Story 2 --> <li class="story-item"> <a href="#" class="story-link"> <span class="story-title"> <span class="story-number">ā§¨</span> āĻ¨ā§āĻ˛ āĻā§āĻā§āĻ° āĻŽāĻŋāĻĨā§āĻ¯ā§ </span> <span class="story-meta">āĻ āĻ§ā§āĻ¯āĻžāĻ¯āĻŧ ā§¨ | ā§¯ āĻĒāĻžāĻ¤āĻž</span> </a> </li> <!-- Story 3 --> <li class="story-item"> <a href="#" class="story-link"> <span class="story-title"> <span class="story-number">ā§Š</span> āĻā§āĻ°ā§āĻ¨ āĻ āĻāĻŋāĻāĻ˛āĻŋāĻĒ </span> <span class="story-meta">āĻ āĻ§ā§āĻ¯āĻžāĻ¯āĻŧ ā§Š | ā§§ā§Ē āĻĒāĻžāĻ¤āĻž</span> </a> </li> <!-- Story 4 --> <li class="story-item"> <a href="#" class="story-link"> <span class="story-title"> <span class="story-number">ā§Ē</span> āĻ¸ā§āĻ āĻāĻŋāĻ āĻŋāĻ° āĻāĻ¨ā§āĻ§ </span> <span class="story-meta">āĻ āĻ§ā§āĻ¯āĻžāĻ¯āĻŧ ā§Ē | ā§§ā§§ āĻĒāĻžāĻ¤āĻž</span> </a> </li> <!-- Story 5 --> <li class="story-item"> <a href="#" class="story-link"> <span class="story-title"> <span class="story-number">ā§Ģ</span> āĻŽā§āĻāĻ˛āĻž āĻĻā§āĻĒā§āĻ°ā§āĻ° āĻ°ā§āĻĻā§āĻĻā§āĻ° </span> <span class="story-meta">āĻ āĻ§ā§āĻ¯āĻžāĻ¯āĻŧ ā§Ģ | ā§Ž āĻĒāĻžāĻ¤āĻž</span> </a> </li> <!-- Story 6 --> <li class="story-item"> <a href="#" class="story-link"> <span class="story-title"> <span class="story-number">ā§Ŧ</span> āĻĢāĻŋāĻ°ā§ āĻĻā§āĻāĻž â āĻ āĻ¸āĻŽāĻžāĻĒā§āĻ¤ </span> <span class="story-meta">āĻ āĻ§ā§āĻ¯āĻžāĻ¯āĻŧ ā§Ŧ | ā§§ā§Ŧ āĻĒāĻžāĻ¤āĻž</span> </a> </li> <!-- Story 7 (special) --> <li class="story-item"> <a href="#" class="story-link"> <span class="story-title"> <span class="story-number">ā§</span> āĻ¸āĻžāĻĻāĻž āĻāĻžāĻāĻĻā§āĻ° āĻāĻ˛ā§āĻĒ </span> <span class="story-meta">āĻ āĻ§ā§āĻ¯āĻžāĻ¯āĻŧ ā§ | ā§§ā§Ļ āĻĒāĻžāĻ¤āĻž</span> </a> </li> <!-- Story 8 --> <li class="story-item"> <a href="#" class="story-link"> <span class="story-title"> <span class="story-number">ā§Ž</span> āĻļā§āĻˇ āĻ¨āĻā§āĻˇāĻ¤ā§āĻ°ā§āĻ° āĻĒā§āĻ°ā§āĻŽ </span> <span class="story-meta">āĻ āĻ§ā§āĻ¯āĻžāĻ¯āĻŧ ā§Ž | ā§§ā§Š āĻĒāĻžāĻ¤āĻž</span> </a> </li> </ul> index of premer kahini
.header p font-size: 1.2rem; margin-top: 0.5rem; font-style: italic; opacity: 0.9; .story-title font-size: 1.25rem
.story-item border-bottom: 1px dashed #ffcf9a; transition: 0.2s; !-- Main Index List -->