/* Base styles for the entire page */

        html, body, div, span, h2, p, a, img, section, iframe {
            margin: 0;
            padding: 0;
            border: 0;
            outline: 0;
            font-family: 'Montserrat', sans-serif !important;
            box-sizing: border-box;
        }        
        .page-container {
            max-width: 1034px;
            margin: 0 auto;
            padding: 30px 24px;
        }
        .back-nav {
            display: inline-flex;
            align-items: center;
            text-decoration: none;
            color: #0f61d8;
            font-size: 18px;
            margin-bottom: 24px;
            transition: color 0.3s ease;
        }
        .back-nav:hover {
            color: #0044a7;
        }
        .back-arrow {
            width: 24px;
            height: 24px;
            margin-right: 8px;
        }
        h1.main-title {
            font-size: 26px;
            font-weight: 700;
            color: #111111;
            margin: 0 0 8px 0;
            letter-spacing: -0.5px;
        }
        .subtitle {
            font-size: 18px;
            color: #555555;
            margin-bottom: 40px;
            font-weight: 400;
        }
        .section-block {
            margin-bottom: 45px;
        }
        .panel-header {
            font-size: 18px;
            font-weight: 600;
            color: #00AAFF;
            margin-bottom: 16px;
        }
            .instruction-list {
                list-style: none;
                padding-left: 0;
                margin: 0;
            }
            .instruction-list li {
                font-size: 18px;
                color: #555555;
                margin-bottom: 12px;
                line-height: 1.5;
            }
      /* Image Display Specs */
        .image-wrapper {
            overflow: hidden;
            border-radius: 8px;
            display: grid;
            place-items: center; /* Centers image inside the wrapper */          
            margin: 0 auto 20px auto; /* Centers the wrapper box itself horizontally */
        }
        .image-wrapper img {
            object-fit: cover; /* Prevents stretching, fills the box */
            width: 100%;
            height: 100%;
        }
       /* Data Rows */
        .topic-row {
            font-size: 18px;
            font-weight: 400;
            margin-bottom: 20px;
            line-height: 1.6;
            color: #444444;
        }
          .note-container {
            background-color: #fdf6e2;
            border-radius: 6px;
            padding: 20px;
            margin-top: 50px;
        }
        .note-title {
            font-size: 18px;
            font-weight: 600;
            color: #333333;
            margin-bottom: 10px;
        }
        .note-list {
            padding-left: 20px;
            margin: 0;
        }
        .note-list li {
            font-size: 18px;
            color: #666666;
            margin-bottom: 8px;
        }
        .align-text-block {
            font-size: 18px;
            color: #555555;
            margin-top: 14px;
            line-height: 1.6;
        }

.top-right-link {
    position: absolute;
/*     top: 50%;           /* Keeps it perfectly centered vertically */
    left: 65%;          /* Lowered from 50% to nudge it slightly to the left */
    z-index: 1000;      
}

.external-icon-img {
    display: block;
    width: 26px;        /* Optional: Set a specific width for the icon */
    height: auto;
}

    /* Accordion FAQ Document Block Overrides */
    .faq-section {
      margin-top: 2.5rem;
    }

    .faq-main-title {
      font-size: 20px;
      font-weight: 700;
      color: #000000;
      margin-bottom: 1.5rem;
    }

    .faq-accordion-group {
      border-top: 1px solid #cccccc;
    }

    .faq-details-node {
      border-bottom: 1px solid #cccccc;
    }

    .faq-summary-heading {
      font-size: 20px;
      font-weight: 600;
      color: #000000;
      padding: 1rem 0;
      cursor: pointer;
      list-style-position: inside;
      font-family: "Montserrat Fallback", sans-serif;
    }

    .faq-summary-heading:focus {
      outline: none;
    }

    .faq-body-content {
      font-size: 20px;
      color: #333333;
      padding: 0.5rem 0 1.5rem 1.5rem;
      line-height: 1.6;
    }


    /* Base link styles */
    .header-link {
        text-decoration: none;
        color: #000000; /* Initial black text color */
        display: inline-flex;
        align-items: center;
        transition: color 0.3s ease;
    }
    /* Icon base styles and smooth transition */
    .header-icon {
        width: 40px;
        height: 40px;
        margin-right: 18px;
        transition: transform 0.2s ease, opacity 0.2s ease;
    }
    /* Hover effects applied when hovering over the link */
    .header-link:hover {
        color: #0f61d8; /* Reverts text to its default theme color */
    }
    .header-link:hover .header-icon {
        transform: scale(1.2); /* Slightly enlarges the icon */
        opacity: 0.8; /* Slightly fades the icon */
    }

    /* Mobile Responsive Video Container Wrapper */
    .video-section {
      margin-bottom: 2.5rem;
      display: flex;
      justify-content: center;
      width: 100%;
    }
    .widget-container {
      width: 100%;
      max-width: 580px;
      position: relative;
    }
    .widget-container iframe {
      width: 100% !important;
      max-width: 100%;
      aspect-ratio: 16 / 9;
      height: auto !important;
    }