fix: restore section comments removed in previous commit

Author: AliRana30

css/fineract.css

@@ -17,6 +17,7 @@
  * under the License.
  */
 
+/* Theme Variables */
 :root {
   --primary-bg: #f8f8ff;
   --secondary-bg: #ffffff;
@@ -368,6 +369,7 @@ footer.page-footer .ref-link i {
   color: #4db6ac !important;
 }
 
+/* Theme-aware transitions */
 * {
   transition:
     background-color 0.3s ease,
@@ -376,6 +378,7 @@ footer.page-footer .ref-link i {
     box-shadow 0.3s ease;
 }
 
+/* Base styles with theme variables */
 body {
   background-color: var(--primary-bg);
   color: var(--text-color);
@@ -386,6 +389,7 @@ nav {
   color: var(--nav-text);
 }
 
+/* Card styles */
 .card-panel {
   background-color: var(--card-bg);
   color: var(--text-color);
@@ -396,6 +400,7 @@ nav {
   box-shadow: 0 2px 4px var(--card-shadow);
 }
 
+/* Notice panels */
 .card-panel.yellow.lighten-4 {
   background-color: var(--warning-bg);
   color: var(--warning-text);
@@ -406,6 +411,7 @@ nav {
   color: var(--danger-text);
 }
 
+/* Text and headings */
 h3,
 h4,
 h5,
@@ -423,6 +429,7 @@ h6 {
   color: var(--text-color);
 }
 
+/* Links */
 a {
   color: var(--link-color);
   transition: opacity 0.2s ease;
@@ -432,6 +439,7 @@ a:hover {
   opacity: 0.9;
 }
 
+/* List items */
 main.container .collection,
 .collection,
 #about .collection {
@@ -641,10 +649,12 @@ main.container .collection .collection-item:last-child,
   opacity: 0.7;
 }
 
+/* Icons */
 .material-icons {
   color: var(--link-color);
 }
 
+/* Theme toggle positioning */
 .nav-links {
   display: flex;
   align-items: center;
@@ -671,6 +681,7 @@ main.container .collection .collection-item:last-child,
   opacity: 0.9;
 }
 
+/* Solution Providers section */
 .solution-providers {
   padding: 3rem 0;
   background-color: var(--card-bg);
@@ -780,6 +791,7 @@ main.container .collection .collection-item:last-child,
   color: rgba(255, 255, 255, 0.85);
 }
 
+/* Dividers */
 .divider {
   border: 0;
   height: 1px;
@@ -821,6 +833,7 @@ main.container .card-panel,
   box-shadow: none !important;
 }
 
+/* Navigation transitions */
 .nav-link {
   transition: opacity 0.2s ease;
   position: relative;
@@ -834,6 +847,7 @@ main.container .card-panel,
   transition: opacity 0.3s ease;
 }
 
+/* Table row subtle highlight */
 table.highlight>tbody>tr {
   transition: background-color 0.2s ease;
 }
@@ -842,6 +856,7 @@ table.highlight>tbody>tr:hover {
   background-color: var(--hover-bg);
 }
 
+/* Verification section styles */
 .verification-section {
   padding: 1rem;
   margin: 1rem 0;
@@ -935,6 +950,7 @@ table.highlight>tbody>tr:hover {
   background: rgba(255, 255, 255, 0.03);
 }
 
+/* Downloads table styles */
 .downloads-table {
   background-color: var(--card-bg);
   border-radius: 8px;
@@ -995,12 +1011,14 @@ table.highlight>tbody>tr:hover {
   opacity: 0.8;
 }
 
+/* File type indicators */
 .downloads-table .file-type {
   color: var(--text-color);
   opacity: 0.8;
   font-size: 0.9em;
 }
 
+/* Version column */
 .downloads-table .version-col {
   font-weight: 500;
   color: var(--text-color);
@@ -1096,6 +1114,7 @@ span.green-text,
   }
 }
 
+/* Base styles and CSS reset */
 *,
 *::before,
 *::after {
@@ -1126,6 +1145,7 @@ body {
   width: 100%;
 }
 
+/* Layout Container */
 .container {
   width: 100%;
   max-width: 1400px;
@@ -1184,6 +1204,7 @@ body {
   }
 }
 
+/* Navigation Optimization */
 .nav-wrapper {
   display: flex;
   align-items: center;
@@ -1206,6 +1227,7 @@ body {
   gap: 1.5rem;
 }
 
+/* Section Layout */
 .section {
   padding: 1.5rem 0;
   margin: 0.5rem 0;
@@ -1221,18 +1243,21 @@ body {
   transform: translateY(20px);
 }
 
+/* Grid System */
 .grid {
   display: grid;
   grid-template-columns: repeat(12, 1fr);
   gap: 2rem;
 }
 
+/* Responsive Images */
 img {
   max-width: 100%;
   height: auto;
   display: block;
 }
 
+/* Typography Scale */
 h1 {
   font-size: clamp(2.5rem, 5vw, 4rem);
 }
@@ -1249,6 +1274,7 @@ h4 {
   font-size: clamp(1.25rem, 2vw, 2rem);
 }
 
+/* Card Components */
 .card {
   background: var(--card-bg);
   border-radius: 12px;
@@ -1261,12 +1287,14 @@ h4 {
   backface-visibility: hidden;
 }
 
+/* Performance Optimizations */
 .hardware-accelerated {
   transform: translateZ(0);
   backface-visibility: hidden;
   perspective: 1000px;
 }
 
+/* Cross-browser Flexbox */
 .flex {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -1278,6 +1306,7 @@ h4 {
   flex-wrap: wrap;
 }
 
+/* Desktop Optimizations */
 @media (min-width: 1024px) {
   .desktop-grid {
     display: grid;
@@ -1302,6 +1331,7 @@ h4 {
   }
 }
 
+/* Print Styles */
 @media print {
   .no-print {
     display: none !important;
@@ -1317,6 +1347,7 @@ h4 {
   }
 }
 
+/* Accessibility */
 @media (prefers-reduced-motion: reduce) {
   * {
     animation-duration: 0.01ms !important;
@@ -1338,16 +1369,19 @@ h4 {
   border: 0;
 }
 
+/* Dark Mode Optimizations */
 [data-theme="dark"] {
   color-scheme: dark;
 }
 
+/* High Contrast Mode */
 @media (forced-colors: active) {
   * {
     border-color: ButtonText;
   }
 }
 
+/* Touch Device Optimizations */
 @media (hover: none) {
   .touch-scroll {
     -webkit-overflow-scrolling: touch;
@@ -1356,6 +1390,7 @@ h4 {
   }
 }
 
+/* Mission and Benefits Layout */
 .mission-points,
 .benefits-list {
   padding: 20px 0;
@@ -1398,6 +1433,7 @@ h4 {
   font-size: 1rem;
 }
 
+/* Animations and Opacity */
 .section {
   opacity: 0;
   animation: fadeIn 0.5s ease forwards;
@@ -1430,6 +1466,7 @@ h4 {
   }
 }
 
+/* Cube Loader */
 .cube-loader {
   position: fixed;
   top: 50%;
@@ -1564,6 +1601,7 @@ h4 {
   }
 }
 
+/* Feature grid responsiveness */
 @media (max-width: 600px) {
   .feature-card {
     max-width: 100%;