/* 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: #888888;
            margin-bottom: 40px;
            font-weight: 400;
        }
        .section-block {
            margin-bottom: 45px;
        }
        .panel-header {
            font-size: 18px;
            font-weight: 700;
            color: #222222;
            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;
}