/* __________________Icon beside Title animation - Start_______________*/
    .logo-icon-link {
        display: inline-block;
        transition: transform 0.2s ease-in-out;
    }
    .logo-icon-link:hover {
        transform: scale(1.15); /* Makes the icon 15% larger on hover */
    }
/* ___________________Icon beside Title animation - Start_______________*/

/* ___________________Quotation Card - Start____________________ */
        article.quote {
            background: var(--panel);
            box-shadow: var(--shadow);
            border-radius: 6px;
            padding: 2.5rem 2rem;
            margin-bottom: 3rem;
        }

        article.quote blockquote {
            font-size: 1.45rem;
            font-style: italic;
            margin-bottom: 1.5rem;
            position: relative;
        }

        article.quote blockquote::before {
            content: "“";
            font-size: 4.5rem;
            line-height: 0;
            color: var(--accent);
            position: absolute;
            left: -.25rem;
            top: -.45rem;
        }

        article.quote cite {
            display: block;
            text-align: right;
            font: 600 1rem "Josefin Sans", sans-serif;
            color: var(--accent);
        }

        article.quote cite span {
            font-weight: 400;
            color: #666;
        }

        :root {
            --bg: #f7f7f7;
            --panel: #ffffff;
            --ink: #444;
            --accent: #546e7a;
            /* steel-blue grey used for headings/links  */
            --shadow: 0 2px 6px rgba(0, 0, 0, .12);
        }

        *,
        *::before,
        *::after {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        .quote {
            font: 16px/1.5 "Source Serif Pro", "Georgia", serif;
            background: var(--bg);
            color: var(--ink);
            padding: 4rem 1rem;
            text-align: center;
            justify-content: center;
        }
/* ___________________Quotation Card - End____________________ */

html, body {
  height: 100%;
  min-height: 100vh;
}
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
main {
  flex: 1 0 auto;
}
footer {
  flex-shrink: 0;
}

/* ===================================
   ACCESSIBILITY: Focus Indicators
   WCAG 2.1 requires visible focus for keyboard navigation
=================================== */

/* Default focus style for all interactive elements */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid #b45309;
  outline-offset: 2px;
  border-radius: 2px;
}

/* Remove default outline on mouse click (keep for keyboard) */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible) {
  outline: none;
}

/* Special focus style for language toggle buttons */
.lang-toggle:focus-visible,
.lang-toggle-menu-btn:focus-visible {
  outline: 2px solid #d97706;
  outline-offset: 3px;
  border-radius: 4px;
}

/* Focus style for navigation links */
nav a:focus-visible {
  outline: 2px solid #fbbf24;
  outline-offset: 2px;
  background-color: rgba(251, 191, 36, 0.1);
}

/* Focus style for form submit buttons */
button[type="submit"]:focus-visible,
input[type="submit"]:focus-visible {
  outline: 3px solid #059669;
  outline-offset: 2px;
}