astro-island,astro-slot,astro-static-slot{display:contents}

        .dark .ach-timeline-calculator {
          background: #111827 !important;
          border-color: #374151 !important;
          color: #f9fafb !important;
        }

        .dark .ach-timeline-title {
          color: #f9fafb !important;
        }

        .dark .ach-timeline-subtitle {
          color: #9ca3af !important;
        }

        .dark .ach-timeline-label {
          color: #9ca3af !important;
        }

        .dark .ach-timeline-input {
          background: #1f2937 !important;
          border-color: #374151 !important;
          color: #f9fafb !important;
        }

        .dark .ach-timeline-input:focus {
          border-color: #6366f1 !important;
          box-shadow: 0 0 0 3px #1e1b4b !important;
        }

        .dark .ach-timeline-visual {
          background: #1f2937 !important;
          border-color: #374151 !important;
        }

        .dark .ach-timeline-visual-title {
          color: #9ca3af !important;
        }

        .dark .ach-timeline-stage {
          background: #111827 !important;
          border-color: #374151 !important;
        }

        .dark .ach-timeline-stage-highlight {
          border-color: #6366f1 !important;
        }

        .dark .ach-timeline-stage-label,
        .dark .ach-timeline-stage-date {
          color: #f9fafb !important;
        }

        .dark .ach-timeline-stage-date-highlight {
          font-weight: 700;
        }

        .dark .ach-timeline-stage-time {
          color: #9ca3af !important;
        }

        .dark .ach-timeline-stage-desc {
          color: #6b7280 !important;
        }

        .dark .ach-timeline-hint {
          color: #9ca3af !important;
        }

        .dark .ach-timeline-notice {
          background: #1e1b4b !important;
          border-color: #6366f1 !important;
          color: #a5b4fc !important;
        }

        .ach-timeline-input:focus {
          outline: none !important;
          border-color: #4f46e5 !important;
          box-shadow: 0 0 0 3px #e0e7ff !important;
        }

        @media (max-width: 768px) {
          .ach-timeline-controls {
            grid-template-columns: repeat(2, 1fr) !important;
          }
        }

        @media (max-width: 480px) {
          .ach-timeline-controls {
            grid-template-columns: 1fr !important;
          }
        }
      

          .nav-footer {
            text-align: center;
            font-size: 0.875rem; /* Tailwind's text-sm */
            color: black;
            padding: 1.5rem 1rem;
          }

          .dark .nav-footer {
            color: white;
          }

          .nav-footer-text {
            max-width: 48rem; /* Tailwind's max-w-3xl */
            margin: 0 auto;
          }

          .nav-footer-links {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 1.5rem;
            color: #143688; 
          }

          .dark .nav-footer-links {
            color: #22d3ee; /* Tailwind's text-cyan-400 */
          }

          .nav-footer-links a {
            text-decoration: none;
          }

          .nav-footer-links a:hover {
            text-decoration: underline;
          }