/* --- NAVIGATION FIX (Prevents Header Overlap) --- */
 .activity-section-row {
     scroll-margin-top: 120px;
     border-bottom: 1px solid #eee;
     padding-bottom: 40px;
     margin-bottom: 40px;
 }

 .activity-section-row:last-child {
     border-bottom: none;
 }

 /* --- CUSTOM MODAL WIDTH (FORCE WIDER) --- */
 @media (min-width: 992px) {
     .modal-dialog.modal-wide {
         max-width: 90% !important;
         /* Forces modal to take 90% of screen width */
         width: 90% !important;
     }
 }

 /* --- LIST STYLES --- */
 .about-text ul,
 .about-text ol {
     margin-bottom: 1rem;
 }

 ul[data-list-style="disc"] {
     list-style-type: disc !important;
 }

 ul[data-list-style="circle"] {
     list-style-type: circle !important;
 }

 ul[data-list-style="square"] {
     list-style-type: square !important;
 }

 ul[data-list-style="check"] {
     list-style-type: none !important;
     padding-left: 0 !important;
 }

 ul[data-list-style="check"]>li {
     padding-left: 30px !important;
     position: relative;
     margin-bottom: 5px;
 }

 ul[data-list-style="check"]>li:before {
     content: "✓";
     position: absolute;
     left: 0;
     font-weight: bold;
     font-size: 18px;
     color: inherit;
 }

 ul[data-marker-color]>li::marker,
 ol[data-marker-color]>li::marker {
     color: var(--marker-color) !important;
 }

 ul[data-list-style="check"][data-marker-color]>li:before {
     color: var(--marker-color) !important;
 }

 ul[data-list-style="check"]>li[data-check-color]:before {
     color: attr(data-check-color color) !important;
 }

 /* Image sizing fix */
 .activity-img {
     width: 100%;
     border-radius: 20px;
     object-fit: cover;
     max-height: 400px;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
 }