Upstage Solar Pro 4 – Family and Parenting

via Upstage · Generated

  • AIMAC Debt 6.26
  • Cost $0.002
  • Total Violations 88
  • HTML Size 77 KB
  • Em Dashes 21

Screenshot

View Upstage Solar Pro 4 Family and Parenting page View Live Page

Accessibility Issues Found

88 Serious

  • color-contrast serious 88 instances

    Elements must meet minimum color contrast ratio thresholds

    Example HTML <span>🕊️ Free Parenting Newsletter — <a href="#newsletter">Subscribe</a></span>

Artifacts

View Generated HTML
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cradle & Compass | Nurturing Families Through Every Stage</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,600;1,400&family=Work+Sans:wght@300;400;600;700&display=swap" rel="stylesheet">
    <style>
        :root {
            --primary: #D9534F; /* Soft Compass Red */
            --primary-dark: #B5433F;
            --secondary: #5BC0DE; /* Calm Sky Blue */
            --accent: #F0AD4E; /* Warm Sand Gold */
            --bg-light: #FDFBF7;
            --bg-warm: #FFF8F0;
            --text-dark: #2C3E50;
            --text-muted: #7F8C8D;
            --white: #FFFFFF;
            --shadow-sm: 0 2px 8px rgba(44, 62, 80, 0.08);
            --shadow-md: 0 8px 24px rgba(44, 62, 80, 0.12);
            --radius: 16px;
            --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

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

        html {
            scroll-behavior: smooth;
            font-size: 16px;
        }

        body {
            font-family: 'Work Sans', sans-serif;
            background-color: var(--bg-light);
            color: var(--text-dark);
            line-height: 1.6;
            -webkit-font-smoothing: antialiased;
        }

        h1, h2, h3, h4, h5 {
            font-family: 'Lora', serif;
            font-weight: 600;
            line-height: 1.25;
            color: var(--text-dark);
        }

        a {
            text-decoration: none;
            color: inherit;
            transition: var(--transition);
        }

        img {
            max-width: 100%;
            height: auto;
            display: block;
        }

        .container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 24px;
        }

        /* ==================== HEADER ==================== */
        .site-header {
            background: var(--white);
            box-shadow: var(--shadow-sm);
            position: sticky;
            top: 0;
            z-index: 1000;
        }

        .header-top-bar {
            background: var(--bg-warm);
            border-bottom: 1px solid #ede5d8;
            padding: 8px 0;
            font-size: 0.85rem;
            color: var(--text-muted);
        }

        .header-top-bar .container {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .header-top-bar a {
            color: var(--text-muted);
            font-weight: 400;
            margin-left: 20px;
        }

        .header-top-bar a:hover {
            color: var(--primary);
            text-decoration: underline;
        }

        .header-main {
            padding: 16px 0;
        }

        .header-main .container {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .logo {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .logo-img {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            object-fit: cover;
            border: 2px solid var(--accent);
            background: var(--bg-warm);
        }

        .logo-text {
            font-family: 'Lora', serif;
            font-size: 1.5rem;
            font-weight: 600;
            color: var(--text-dark);
        }

        .logo-text span {
            color: var(--primary);
        }

        .tagline-sm {
            font-size: 0.75rem;
            color: var(--text-muted);
            text-transform: uppercase;
            letter-spacing: 1.5px;
            margin-top: 2px;
        }

        .main-nav {
            display: flex;
            align-items: center;
            gap: 4px;
        }

        .main-nav a {
            padding: 8px 16px;
            font-size: 0.9rem;
            font-weight: 500;
            color: var(--text-dark);
            border-radius: 8px;
            position: relative;
        }

        .main-nav a:hover {
            background: var(--bg-warm);
            color: var(--primary);
        }

        .main-nav a.cta-nav {
            background: var(--primary);
            color: var(--white);
            padding: 8px 20px;
            font-weight: 600;
        }

        .main-nav a.cta-nav:hover {
            background: var(--primary-dark);
            color: var(--white);
        }

        .mobile-menu-btn {
            display: none;
            background: none;
            border: none;
            font-size: 1.5rem;
            cursor: pointer;
            color: var(--text-dark);
            padding: 8px;
        }

        /* ==================== HERO ==================== */
        .hero {
            background: linear-gradient(135deg, var(--bg-warm) 0%, #FFF5E6 100%);
            padding: 80px 0 100px;
            text-align: center;
            position: relative;
            overflow: hidden;
        }

        .hero::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle at 30% 40%, rgba(217, 83, 79, 0.05) 0%, transparent 50%),
                        radial-gradient(circle at 70% 60%, rgba(91, 192, 222, 0.08) 0%, transparent 50%);
            pointer-events: none;
        }

        .hero-content {
            position: relative;
            z-index: 1;
            max-width: 720px;
            margin: 0 auto;
        }

        .hero-badge {
            display: inline-block;
            background: var(--white);
            padding: 6px 16px;
            border-radius: 50px;
            font-size: 0.8rem;
            font-weight: 600;
            color: var(--primary);
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 24px;
            box-shadow: var(--shadow-sm);
        }

        .hero h1 {
            font-size: 3.2rem;
            line-height: 1.15;
            margin-bottom: 20px;
            color: var(--text-dark);
        }

        .hero h1 em {
            font-style: italic;
            color: var(--primary);
        }

        .hero p {
            font-size: 1.15rem;
            color: var(--text-muted);
            max-width: 560px;
            margin: 0 auto 36px;
            line-height: 1.7;
        }

        .hero-actions {
            display: flex;
            gap: 16px;
            justify-content: center;
            flex-wrap: wrap;
        }

        .btn {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 14px 32px;
            border-radius: 50px;
            font-size: 1rem;
            font-weight: 600;
            border: none;
            cursor: pointer;
            transition: var(--transition);
            font-family: 'Work Sans', sans-serif;
        }

        .btn-primary {
            background: var(--primary);
            color: var(--white);
            box-shadow: 0 4px 14px rgba(217, 83, 79, 0.35);
        }

        .btn-primary:hover {
            background: var(--primary-dark);
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(217, 83, 79, 0.4);
        }

        .btn-secondary {
            background: var(--white);
            color: var(--text-dark);
            border: 2px solid #ede5d8;
            box-shadow: var(--shadow-sm);
        }

        .btn-secondary:hover {
            border-color: var(--primary);
            color: var(--primary);
            transform: translateY(-2px);
        }

        .hero-image-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 16px;
            margin-top: 60px;
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
        }

        .hero-img-item {
            border-radius: var(--radius);
            overflow: hidden;
            box-shadow: var(--shadow-md);
            aspect-ratio: 4/3;
            background: var(--bg-warm);
        }

        .hero-img-item:nth-child(2) {
            margin-top: -30px;
            aspect-ratio: 4/5;
        }

        /* ==================== STATS BAR ==================== */
        .stats-bar {
            background: var(--white);
            margin-top: -40px;
            position: relative;
            z-index: 2;
            border-radius: var(--radius);
            box-shadow: var(--shadow-md);
            padding: 32px 40px;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            max-width: 900px;
            margin-left: auto;
            margin-right: auto;
        }

        .stat-item {
            text-align: center;
        }

        .stat-number {
            font-family: 'Lora', serif;
            font-size: 2.2rem;
            font-weight: 600;
            color: var(--primary);
            display: block;
        }

        .stat-label {
            font-size: 0.9rem;
            color: var(--text-muted);
            margin-top: 4px;
        }

        /* ==================== SECTION COMMONS ==================== */
        .section {
            padding: 80px 0;
        }

        .section-header {
            text-align: center;
            margin-bottom: 56px;
        }

        .section-header .subtitle {
            display: inline-block;
            font-size: 0.8rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 2px;
            color: var(--secondary);
            margin-bottom: 12px;
        }

        .section-header h2 {
            font-size: 2.4rem;
            margin-bottom: 16px;
        }

        .section-header p {
            max-width: 600px;
            margin: 0 auto;
            color: var(--text-muted);
            font-size: 1.05rem;
            line-height: 1.7;
        }

        /* ==================== TOPICS GRID ==================== */
        .topics-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 28px;
        }

        .topic-card {
            background: var(--white);
            border-radius: var(--radius);
            overflow: hidden;
            box-shadow: var(--shadow-sm);
            transition: var(--transition);
            border: 1px solid #f0ebe3;
        }

        .topic-card:hover {
            transform: translateY(-6px);
            box-shadow: var(--shadow-md);
        }

        .topic-card-img {
            height: 200px;
            overflow: hidden;
        }

        .topic-card-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: var(--transition);
        }

        .topic-card:hover .topic-card-img img {
            transform: scale(1.05);
        }

        .topic-card-body {
            padding: 28px;
        }

        .topic-card-body h3 {
            font-size: 1.3rem;
            margin-bottom: 12px;
        }

        .topic-card-body p {
            color: var(--text-muted);
            font-size: 0.95rem;
            line-height: 1.7;
            margin-bottom: 16px;
        }

        .topic-card-meta {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 0.8rem;
            color: var(--text-muted);
            margin-bottom: 16px;
        }

        .topic-card-meta span {
            display: flex;
            align-items: center;
            gap: 4px;
        }

        .read-more-link {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            font-weight: 600;
            font-size: 0.9rem;
            color: var(--primary);
        }

        .read-more-link:hover {
            gap: 10px;
        }

        /* ==================== FEATURED ARTICLE ==================== */
        .featured-article {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
            align-items: center;
            background: var(--bg-warm);
            border-radius: var(--radius);
            padding: 48px;
            margin-bottom: 60px;
        }

        .featured-article-img {
            border-radius: var(--radius);
            overflow: hidden;
            aspect-ratio: 4/3;
            box-shadow: var(--shadow-md);
        }

        .featured-article-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .featured-content .tag {
            display: inline-block;
            background: rgba(217, 83, 79, 0.1);
            color: var(--primary);
            padding: 4px 12px;
            border-radius: 50px;
            font-size: 0.75rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 16px;
        }

        .featured-content h3 {
            font-size: 1.8rem;
            margin-bottom: 16px;
            line-height: 1.3;
        }

        .featured-content p {
            color: var(--text-muted);
            font-size: 1.05rem;
            line-height: 1.7;
            margin-bottom: 24px;
        }

        .featured-meta {
            display: flex;
            gap: 16px;
            font-size: 0.85rem;
            color: var(--text-muted);
            margin-bottom: 24px;
        }

        .featured-meta span {
            display: flex;
            align-items: center;
            gap: 6px;
        }

        /* ==================== EXPERT QUOTE / TESTIMONIAL ==================== */
        .testimonial-section {
            background: var(--text-dark);
            border-radius: var(--radius);
            padding: 56px 64px;
            color: var(--white);
            margin: 60px 0;
            position: relative;
            overflow: hidden;
        }

        .testimonial-section::before {
            content: '"';
            font-family: 'Lora', serif;
            font-size: 12rem;
            color: rgba(255, 255, 255, 0.05);
            position: absolute;
            top: -20px;
            left: 40px;
            line-height: 1;
        }

        .testimonial-content {
            max-width: 720px;
            margin: 0 auto;
            text-align: center;
        }

        .testimonial-content p {
            font-family: 'Lora', serif;
            font-size: 1.2rem;
            line-height: 1.7;
            font-style: italic;
            color: rgba(255, 255, 255, 0.9);
            margin-bottom: 28px;
        }

        .testimonial-author {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 16px;
        }

        .testimonial-avatar {
            width: 56px;
            height: 56px;
            border-radius: 50%;
            object-fit: cover;
            border: 3px solid var(--accent);
        }

        .testimonial-author-info {
            text-align: left;
        }

        .testimonial-author-info strong {
            display: block;
            font-size: 1rem;
            font-family: 'Work Sans', sans-serif;
            color: var(--white);
        }

        .testimonial-author-info span {
            font-size: 0.85rem;
            color: var(--accent);
        }

        /* ==================== INTERACTIVE QUIZ ==================== */
        .quiz-section {
            background: var(--white);
            border-radius: var(--radius);
            padding: 56px 48px;
            box-shadow: var(--shadow-sm);
            border: 1px solid #f0ebe3;
            margin-bottom: 60px;
        }

        .quiz-section .section-header {
            margin-bottom: 36px;
        }

        .quiz-section .section-header h2 {
            margin-bottom: 8px;
        }

        .quiz-form {
            max-width: 560px;
            margin: 0 auto;
        }

        .quiz-question {
            margin-bottom: 24px;
        }

        .quiz-question label {
            display: block;
            font-weight: 600;
            font-size: 1rem;
            margin-bottom: 12px;
            color: var(--text-dark);
        }

        .quiz-options {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .quiz-option {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 12px 16px;
            background: var(--bg-light);
            border: 2px solid #ede5d8;
            border-radius: 10px;
            cursor: pointer;
            transition: var(--transition);
            font-size: 0.95rem;
        }

        .quiz-option:hover {
            border-color: var(--secondary);
            background: rgba(91, 192, 222, 0.05);
        }

        .quiz-option input[type="radio"] {
            appearance: none;
            width: 20px;
            height: 20px;
            border: 2px solid #cbd5e0;
            border-radius: 50%;
            position: relative;
            cursor: pointer;
            transition: var(--transition);
            flex-shrink: 0;
        }

        .quiz-option input[type="radio"]:checked {
            border-color: var(--primary);
        }

        .quiz-option input[type="radio"]:checked::after {
            content: '';
            position: absolute;
            width: 10px;
            height: 10px;
            background: var(--primary);
            border-radius: 50%;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .quiz-option:has(input:checked) {
            border-color: var(--primary);
            background: rgba(217, 83, 79, 0.05);
        }

        .quiz-submit {
            width: 100%;
            margin-top: 12px;
        }

        .quiz-result {
            display: none;
            background: var(--bg-warm);
            border-radius: var(--radius);
            padding: 36px;
            text-align: center;
            border: 1px solid var(--accent);
        }

        .quiz-result.show {
            display: block;
            animation: fadeIn 0.5s ease;
        }

        .quiz-result h3 {
            font-size: 1.4rem;
            margin-bottom: 12px;
        }

        .quiz-result p {
            color: var(--text-muted);
            margin-bottom: 20px;
        }

        .quiz-result .result-badge {
            display: inline-block;
            background: var(--primary);
            color: var(--white);
            padding: 8px 24px;
            border-radius: 50px;
            font-weight: 600;
            margin-bottom: 20px;
        }

        /* ==================== BLOG POSTS LIST ==================== */
        .blog-list {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 28px;
        }

        .blog-post-card {
            background: var(--white);
            border-radius: var(--radius);
            overflow: hidden;
            box-shadow: var(--shadow-sm);
            border: 1px solid #f0ebe3;
            transition: var(--transition);
        }

        .blog-post-card:hover {
            box-shadow: var(--shadow-md);
            transform: translateY(-4px);
        }

        .blog-post-img {
            height: 200px;
            overflow: hidden;
        }

        .blog-post-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: var(--transition);
        }

        .blog-post-card:hover .blog-post-img img {
            transform: scale(1.04);
        }

        .blog-post-body {
            padding: 24px;
        }

        .blog-post-category {
            font-size: 0.75rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: var(--secondary);
            margin-bottom: 8px;
        }

        .blog-post-body h3 {
            font-size: 1.2rem;
            margin-bottom: 10px;
            line-height: 1.35;
            transition: var(--transition);
        }

        .blog-post-card:hover .blog-post-body h3 {
            color: var(--primary);
        }

        .blog-post-body p {
            font-size: 0.9rem;
            color: var(--text-muted);
            line-height: 1.65;
            margin-bottom: 16px;
        }

        .blog-post-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-top: 16px;
            border-top: 1px solid #f0ebe3;
            font-size: 0.8rem;
            color: var(--text-muted);
        }

        .blog-post-footer .read-time {
            display: flex;
            align-items: center;
            gap: 4px;
        }

        /* ==================== SIDEBAR LAYOUT ==================== */
        .content-sidebar-layout {
            display: grid;
            grid-template-columns: 1fr 320px;
            gap: 48px;
            align-items: start;
        }

        .main-content {
            /* takes remaining space */
        }

        .sidebar {
            position: sticky;
            top: 100px;
        }

        .sidebar-widget {
            background: var(--white);
            border-radius: var(--radius);
            padding: 28px;
            box-shadow: var(--shadow-sm);
            border: 1px solid #f0ebe3;
            margin-bottom: 24px;
        }

        .sidebar-widget-title {
            font-size: 1.1rem;
            margin-bottom: 20px;
            padding-bottom: 12px;
            border-bottom: 2px solid var(--bg-warm);
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .sidebar-widget-title .icon {
            font-size: 1.2rem;
        }

        .sidebar-tip {
            display: flex;
            gap: 14px;
            padding: 14px 0;
            border-bottom: 1px solid #f5f0ea;
        }

        .sidebar-tip:last-child {
            border-bottom: none;
            padding-bottom: 0;
        }

        .sidebar-tip-icon {
            font-size: 1.5rem;
            flex-shrink: 0;
            width: 36px;
            height: 36px;
            background: var(--bg-warm);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--primary);
        }

        .sidebar-tip-text strong {
            display: block;
            font-size: 0.9rem;
            margin-bottom: 2px;
        }

        .sidebar-tip-text span {
            font-size: 0.85rem;
            color: var(--text-muted);
            line-height: 1.5;
        }

        .sidebar-popular-q span {
            display: block;
            font-size: 0.85rem;
            color: var(--text-muted);
            margin-top: 6px;
            line-height: 1.5;
        }

        /* ==================== FAQ ACCORDION ==================== */
        .faq-section {
            margin-top: 40px;
        }

        .faq-item {
            border-bottom: 1px solid #ede5d8;
        }

        .faq-question {
            width: 100%;
            background: none;
            border: none;
            padding: 20px 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-family: 'Lora', serif;
            font-size: 1.1rem;
            font-weight: 600;
            color: var(--text-dark);
            cursor: pointer;
            text-align: left;
            transition: var(--transition);
        }

        .faq-question:hover {
            color: var(--primary);
        }

        .faq-icon {
            font-size: 1.5rem;
            transition: var(--transition);
            color: var(--primary);
        }

        .faq-item.active .faq-icon {
            transform: rotate(45deg);
        }

        .faq-answer-wrapper {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s ease, padding 0.4s ease;
        }

        .faq-item.active .faq-answer-wrapper {
            max-height: 300px;
        }

        .faq-answer {
            padding: 0 0 24px;
            color: var(--text-muted);
            line-height: 1.7;
            font-size: 0.95rem;
        }

        /* ==================== NEWSLETTER ==================== */
        .newsletter-section {
            background: var(--bg-warm);
            border-radius: var(--radius);
            padding: 56px 48px;
            text-align: center;
            margin: 60px 0;
            border: 1px solid var(--accent);
            position: relative;
            overflow: hidden;
        }

        .newsletter-section::before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 200px;
            height: 200px;
            background: radial-gradient(circle, rgba(240, 173, 78, 0.15) 0%, transparent 70%);
            border-radius: 50%;
        }

        .newsletter-section h2 {
            font-size: 2rem;
            margin-bottom: 12px;
        }

        .newsletter-section p {
            color: var(--text-muted);
            max-width: 480px;
            margin: 0 auto 28px;
            font-size: 1rem;
        }

        .newsletter-form {
            display: flex;
            gap: 12px;
            max-width: 480px;
            margin: 0 auto;
        }

        .newsletter-form input {
            flex: 1;
            padding: 14px 20px;
            border: 2px solid #ede5d8;
            border-radius: 50px;
            font-size: 1rem;
            font-family: 'Work Sans', sans-serif;
            background: var(--white);
            transition: var(--transition);
        }

        .newsletter-form input:focus {
            outline: none;
            border-color: var(--primary);
        }

        .newsletter-form .btn {
            flex-shrink: 0;
        }

        /* ==================== FOOTER ==================== */
        .site-footer {
            background: var(--text-dark);
            color: rgba(255, 255, 255, 0.8);
            padding: 64px 0 0;
            margin-top: 60px;
        }

        .footer-grid {
            display: grid;
            grid-template-columns: 2fr 1fr 1fr 1fr;
            gap: 40px;
            padding-bottom: 48px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }

        .footer-brand .logo-text {
            color: var(--white);
            font-size: 1.4rem;
        }

        .footer-brand .logo-text span {
            color: var(--accent);
        }

        .footer-brand p {
            margin-top: 16px;
            font-size: 0.9rem;
            line-height: 1.65;
            color: rgba(255, 255, 255, 0.6);
        }

        .footer-social {
            display: flex;
            gap: 12px;
            margin-top: 24px;
        }

        .footer-social a {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.1);
            display: flex;
            align-items: center;
            justify-content: center;
            color: rgba(255, 255, 255, 0.8);
            font-size: 1.1rem;
            transition: var(--transition);
        }

        .footer-social a:hover {
            background: var(--primary);
            color: var(--white);
            transform: translateY(-3px);
        }

        .footer-col h4 {
            color: var(--white);
            font-size: 1rem;
            margin-bottom: 20px;
            font-family: 'Work Sans', sans-serif;
            font-weight: 700;
        }

        .footer-col ul {
            list-style: none;
        }

        .footer-col ul li {
            margin-bottom: 10px;
        }

        .footer-col ul li a {
            font-size: 0.9rem;
            color: rgba(255, 255, 255, 0.6);
            transition: var(--transition);
        }

        .footer-col ul li a:hover {
            color: var(--white);
            padding-left: 4px;
        }

        .footer-contact li {
            display: flex;
            gap: 8px;
            align-items: flex-start;
        }

        .footer-contact li span {
            font-size: 1rem;
        }

        .footer-bottom {
            padding: 24px 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 0.85rem;
            color: rgba(255, 255, 255, 0.5);
        }

        .footer-bottom-links {
            display: flex;
            gap: 24px;
        }

        .footer-bottom-links a:hover {
            color: var(--white);
        }

        /* ==================== ANIMATIONS ==================== */
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(12px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .fade-in {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.6s ease, transform 0.6s ease;
        }

        .fade-in.visible {
            opacity: 1;
            transform: translateY(0);
        }

        /* ==================== RESPONSIVE ==================== */
        @media (max-width: 992px) {
            .main-nav {
                display: none;
                position: absolute;
                top: 100%;
                left: 0;
                right: 0;
                background: var(--white);
                flex-direction: column;
                padding: 16px 24px;
                box-shadow: var(--shadow-md);
                border-top: 1px solid #ede5d8;
            }

            .main-nav.open {
                display: flex;
            }

            .main-nav a {
                width: 100%;
                padding: 12px 16px;
            }

            .mobile-menu-btn {
                display: block;
            }

            .hero h1 {
                font-size: 2.4rem;
            }

            .stats-bar {
                grid-template-columns: repeat(2, 1fr);
                padding: 24px;
            }

            .topics-grid {
                grid-template-columns: 1fr 1fr;
            }

            .featured-article {
                grid-template-columns: 1fr;
                padding: 24px;
            }

            .featured-article-img {
                order: -1;
                max-width: 320px;
                margin: 0 auto;
            }

            .content-sidebar-layout {
                grid-template-columns: 1fr;
            }

            .sidebar {
                position: static;
            }

            .footer-grid {
                grid-template-columns: 1fr 1fr;
            }
        }

        @media (max-width: 768px) {
            .hero {
                padding: 56px 0 64px;
            }

            .hero h1 {
                font-size: 2rem;
            }

            .hero-image-grid {
                grid-template-columns: 1fr;
                gap: 12px;
            }

            .hero-img-item:nth-child(2) {
                margin-top: 0;
                aspect-ratio: 4/3;
            }

            .stats-bar {
                grid-template-columns: repeat(2, 1fr);
                gap: 16px;
            }

            .topics-grid {
                grid-template-columns: 1fr;
            }

            .blog-list {
                grid-template-columns: 1fr;
            }

            .section-header h2 {
                font-size: 1.8rem;
            }

            .testimonial-section {
                padding: 36px 24px;
            }

            .newsletter-form {
                flex-direction: column;
            }

            .footer-grid {
                grid-template-columns: 1fr;
            }

            .footer-bottom {
                flex-direction: column;
                gap: 12px;
                text-align: center;
            }

            .header-top-bar {
                display: none;
            }
        }
    </style>
</head>
<body>

    <!-- ==================== HEADER ==================== -->
    <header class="site-header">
        <div class="header-top-bar">
            <div class="container">
                <span>🕊️ Free Parenting Newsletter — <a href="#newsletter">Subscribe</a></span>
                <span>
                    <a href="#">Privacy</a>
                    <a href="#">Terms</a>
                    <a href="#">Contact</a>
                </span>
            </div>
        </div>
        <div class="header-main">
            <div class="container">
                <a href="#" class="logo" aria-label="Cradle & Compass Home">
                    <img src="https://placehold.co/96x96/FFF8F0/2C3E50?text=C%26C&font=lora&bold" alt="Cradle & Compass Logo" class="logo-img">
                    <div>
                        <div class="logo-text">Cradle <span>&amp;</span> Compass</div>
                        <div class="tagline-sm">Nurturing Families Together</div>
                    </div>
                </a>
                <nav class="main-nav" id="mainNav">
                    <a href="#topics">Topics</a>
                    <a href="#blog">Blog</a>
                    <a href="#health">Health</a>
                    <a href="#shop">Shop</a>
                    <a href="#resources">Resources</a>
                    <a href="#community">Community</a>
                    <a href="#newsletter" class="cta-nav">Free Guide</a>
                </nav>
                <button class="mobile-menu-btn" id="menuBtn" aria-label="Toggle navigation">☰</button>
            </div>
        </div>
    </header>

    <!-- ==================== HERO ==================== -->
    <section class="hero" id="home">
        <div class="container">
            <div class="hero-content fade-in">
                <span class="hero-badge">🌿 Trusted by 50,000+ Parents</span>
                <h1>Guiding Your Family <em>With Confidence</em> & Compassion</h1>
                <p>Practical parenting advice, evidence-based child development insights, and a supportive community — because every family deserves a trusted compass through the beautiful chaos of raising children.</p>
                <div class="hero-actions">
                    <a href="#topics" class="btn btn-primary">
                        Get Parenting Tips
                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
                    </a>
                    <a href="#quiz" class="btn btn-secondary">
                        Take the Child Development Quiz
                    </a>
                </div>
            </div>
            <div class="hero-image-grid fade-in">
                <div class="hero-img-item">
                    <img src="https://placehold.co/400x300/FFF8F0/D9534F?text=Family+Bonding&font=lora" alt="Family bonding moment">
                </div>
                <div class="hero-img-item">
                    <img src="https://placehold.co/400x500/D9534F/FFF8F0?text=Parenting+Journey&font=lora" alt="Parenting journey illustration">
                </div>
                <div class="hero-img-item">
                    <img src="https://placehold.co/400x300/5BC0DE/FFF8F0?text=Early+Learning&font=lora" alt="Early learning activities">
                </div>
            </div>
        </div>
    </section>

    <!-- ==================== STATS BAR ==================== -->
    <div class="container">
        <div class="stats-bar fade-in">
            <div class="stat-item">
                <span class="stat-number">540+</span>
                <span class="stat-label">Expert Articles</span>
            </div>
            <div class="stat-item">
                <span class="stat-number">12K</span>
                <span class="stat-label">Community Members</span>
            </div>
            <div class="stat-item">
                <span class="stat-number">98%</span>
                <span class="stat-label">Parent Satisfaction</span>
            </div>
            <div class="stat-item">
                <span class="stat-number">7</span>
                <span class="stat-label">Licensed Child Experts</span>
            </div>
        </div>
    </div>

    <!-- ==================== TOPICS GRID ==================== -->
    <section class="section" id="topics">
        <div class="container">
            <div class="section-header fade-in">
                <span class="subtitle">Explore by Topic</span>
                <h2>Parenting, Simplified & Embraced</h2>
                <p>From toddler tantrums to teen transitions, we cover the full spectrum of family life with nuance, empathy, and research-backed strategies.</p>
            </div>
            <div class="topics-grid">
                <article class="topic-card fade-in">
                    <div class="topic-card-img">
                        <img src="https://placehold.co/600x400/D9534F/FFF8F0?text=Discipline+Strategies&font=lora" alt="Positive discipline strategies" loading="lazy">
                    </div>
                    <div class="topic-card-body">
                        <h3>Positive Discipline Strategies</h3>
                        <p>Move beyond punitive measures with connection-based discipline that teaches rather than punishes. Our guides cover natural consequences, emotion coaching, and setting age-appropriate boundaries that actually stick.</p>
                        <div class="topic-card-meta">
                            <span>📅 Updated weekly</span>
                            <span>👁️ 2.4K views</span>
                        </div>
                        <a href="#" class="read-more-link">
                            Explore Discipline Tips
                            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
                        </a>
                    </div>
                </article>

                <article class="topic-card fade-in">
                    <div class="topic-card-img">
                        <img src="https://placehold.co/600x400/5BC0DE/FFF8F0?text=Screen+Time+Balance&font=lora" alt="Healthy screen time habits" loading="lazy">
                    </div>
                    <div class="topic-card-body">
                        <h3>Screen Time & Digital Wellness</h3>
                        <p>Navigate the complex world of children and technology with confidence. Learn about age-appropriate limits, co-viewing strategies, and how to foster healthy digital habits without turning into a screen-time police officer.</p>
                        <div class="topic-card-meta">
                            <span>📅 Updated monthly</span>
                            <span>👁️ 3.1K views</span>
                        </div>
                        <a href="#" class="read-more-link">
                            Read the Guides
                            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
                        </a>
                    </div>
                </article>

                <article class="topic-card fade-in">
                    <div class="topic-card-img">
                        <img src="https://placehold.co/600x400/F0AD4E/FFF8F0?text=Family+Bonding&font=lora" alt="Family bonding activities" loading="lazy">
                    </div>
                    <div class="topic-card-body">
                        <h3>Family Bonding & Rituals</h3>
                        <p>Discover the transformative power of daily rituals, weekend adventures, and intentional connection time. From family meetings to bedtime routines, we help you build traditions that strengthen your family bond for years to come.</p>
                        <div class="topic-card-meta">
                            <span>📅 New this week</span>
                            <span>👁️ 1.8K views</span>
                        </div>
                        <a href="#" class="read-more-link">
                            Share Your Story
                            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
                        </a>
                    </div>
                </article>
            </div>
        </div>
    </section>

    <!-- ==================== FEATURED ARTICLE ==================== -->
    <section class="section" style="padding-top: 0;">
        <div class="container">
            <div class="featured-article fade-in">
                <div class="featured-article-img">
                    <img src="https://placehold.co/700x525/2C3E50/FFF8F0?text=The+Emotional+Inside&font=lora" alt="Featured article: Understanding emotional regulation in children" loading="lazy">
                </div>
                <div class="featured-content">
                    <span class="tag">✨ Featured Article</span>
                    <h3>Understanding Your Child's Emotional World: A Practical Guide to Emotion Coaching</h3>
                    <p>Emotional regulation isn't just a buzzword — it's one of the most critical skills a child can develop. Learn how to become your child's "emotion coach" by validating their feelings, helping them name emotions, and guiding them toward constructive expression. This comprehensive guide draws on decades of developmental psychology research and real-world parenting experience.</p>
                    <div class="featured-meta">
                        <span>✍️ By Dr. Sarah Mitchell, Child Psychologist</span>
                        <span>📅 March 15, 2025</span>
                        <span>⏱️ 8 min read</span>
                    </div>
                    <a href="#" class="btn btn-primary">
                        Read Full Article
                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
                    </a>
                </div>
            </div>
        </div>
    </section>

    <!-- ==================== QUIZ SECTION ==================== -->
    <section class="section" id="quiz" style="padding-top: 0;">
        <div class="container">
            <div class="quiz-section fade-in">
                <div class="section-header">
                    <span class="subtitle">Interactive Tool</span>
                    <h2>Discover Your Parenting Style</h3>
                    <p>Every parent has a unique approach. Take our quick, research-informed quiz to understand your natural parenting tendencies and get personalized tips for your family's journey.</p>
                </div>
                <form class="quiz-form" id="parentingQuiz">
                    <div class="quiz-question">
                        <label for="q1">When your child refuses to cooperate, your first instinct is to:</label>
                        <div class="quiz-options">
                            <label class="quiz-option">
                                <input type="radio" name="q1" value="authoritative">
                                <span>Set a clear boundary and explain the reasoning calmly</span>
                            </label>
                            <label class="quiz-option">
                                <input type="radio" name="q1" value="permissive">
                                <span>Negotiate and try to find a compromise to keep the peace</span>
                            </label>
                            <label class="quiz-option">
                                <input type="radio" name="q1" value="authoritarian">
                                <span>Enforce the rule firmly without much discussion</span>
                            </label>
                            <label class="quiz-option">
                                <input type="radio" name="q1" value="uninvolved">
                                <span>Let it go for now and address it later when emotions are cooler</span>
                            </label>
                        </div>
                    </div>

                    <div class="quiz-question">
                        <label for="q2">How do you typically handle your child's big emotions (tantrums, tears, frustration)?</label>
                        <div class="quiz-options">
                            <label class="quiz-option">
                                <input type="radio" name="q2" value="authoritative">
                                <span>I sit with them, validate their feelings, and help them calm down</span>
                            </label>
                            <label class="quiz-option">
                                <input type="radio" name="q2" value="permissive">
                                <span>I try to distract or give in to stop the upset as quickly as possible</span>
                            </label>
                            <label class="quiz-option">
                                <input type="radio" name="q2" value="authoritarian">
                                <span>I expect them to compose themselves and move on</span>
                            </label>
                            <label class="quiz-option">
                                <input type="radio" name="q2" value="uninvolved">
                                <span>I give them space and check in once things have settled</span>
                            </label>
                        </div>
                    </div>

                    <div class="quiz-question">
                        <label for="q3">What matters most to you in your parenting approach?</label>
                        <div class="quiz-options">
                            <label class="quiz-option">
                                <input type="radio" name="q3" value="authoritative">
                                <span>Building a strong, respectful relationship with my child</span>
                            </label>
                            <label class="quiz-option">
                                <input type="radio" name="q3" value="permissive">
                                <span>My child feeling happy, loved, and free to express themselves</span>
                            </label>
                            <label class="quiz-option">
                                <input type="radio" name="q3" value="authoritarian">
                                <span>My child learning discipline, respect, and responsibility</span>
                            </label>
                            <label class="quiz-option">
                                <input type="radio" name="q3" value="uninvolved">
                                <span>Giving my child independence and not over-managing their life</span>
                            </label>
                        </div>
                    </div>

                    <button type="submit" class="btn btn-primary quiz-submit">
                        Get My Parenting Profile
                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
                    </button>
                </form>

                <div class="quiz-result" id="quizResult">
                    <span class="result-badge" id="resultBadge">✨ Results</span>
                    <h3 id="resultTitle">Your Parenting Style</h3>
                    <p id="resultDescription">Based on your responses, here's a snapshot of your parenting tendencies and some tailored recommendations.</p>
                    <a href="#" class="btn btn-secondary" id="resultCta">
                        Download Full Parenting Guide
                    </a>
                </div>
            </div>
        </div>
    </section>

    <!-- ==================== TESTIMONIAL ==================== -->
    <div class="container">
        <div class="testimonial-section fade-in">
            <div class="testimonial-content">
                <p>"Cradle & Compass completely changed how I approach tantrums. The emotion coaching framework didn't just help my daughter — it helped me become the parent I wanted to be. I feel more confident and connected than ever."</p>
                <div class="testimonial-author">
                    <img src="https://i.pravatar.cc/112?u=maya_r" alt="Maya R." class="testimonial-avatar" loading="lazy">
                    <div class="testimonial-author-info">
                        <strong>Maya Rodriguez</strong>
                        <span>Mother of 2 · Member since 2023</span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- ==================== BLOG + SIDEBAR ==================== -->
    <section class="section" id="blog" style="padding-top: 0;">
        <div class="container">
            <div class="section-header fade-in">
                <span class="subtitle">Latest from the Blog</span>
                <h2>Stories, Insights & Expert Advice</h2>
                <p>Real conversations about real parenting — from sleep training to screen time, from toddlerhood to the teenage years.</p>
            </div>

            <div class="content-sidebar-layout">
                <div class="main-content">
                    <div class="blog-list">
                        <article class="blog-post-card fade-in">
                            <div class="blog-post-img">
                                <img src="https://placehold.co/600x400/FFF8F0/2C3E50?text=Sleep+Routines&font=lora" alt="Healthy sleep routines for children" loading="lazy">
                            </div>
                            <div class="blog-post-body">
                                <span class="blog-post-category">💤 Health & Wellness</span>
                                <h3>The Gentle Guide to Healthier Sleep Routines for Your Toddler</h3>
                                <p>Sleep challenges are among the most common concerns we hear from parents. This comprehensive guide walks you through creating a calming bedtime routine, understanding sleep cycles, and troubleshooting common issues like night wakings and nap transitions.</p>
                                <div class="blog-post-footer">
                                    <span>By Dr. Elena Park · Pediatrics</span>
                                    <span class="read-time">⏱️ 6 min read</span>
                                </div>
                            </div>
                        </article>

                        <article class="blog-post-card fade-in">
                            <div class="blog-post-img">
                                <img src="https://placehold.co/600x400/D9534F/FFF8F0?text=Educational+Activities&font=lora" alt="Educational activities for preschoolers" loading="lazy">
                            </div>
                            <div class="blog-post-body">
                                <span class="blog-post-category">🎨 Educational Activities</span>
                                <h3>25 Screen-Free Activities That Build Early Literacy Skills</h3>
                                <p>You don't need expensive toys or apps to foster a love of reading. These hands-on, play-based activities are designed to build phonemic awareness, vocabulary, and storytelling skills — all while having fun together as a family.</p>
                                <div class="blog-post-footer">
                                    <span>By Jessica Nguyen · Early Childhood Ed.</span>
                                    <span class="read-time">⏱️ 10 min read</span>
                                </div>
                            </div>
                        </article>

                        <article class="blog-post-card fade-in">
                            <div class="blog-post-img">
                                <img src="https://placehold.co/600x400/5BC0DE/FFF8F0?text=Family+Wellness&font=lora" alt="Family wellness and self-care" loading="lazy">
                            </div>
                            <div class="blog-post-body">
                                <span class="blog-post-category">🧘 Family Wellness</span>
                                <h3>Why Parental Self-Care Isn't Selfish: A Science-Backed Argument</h3>
                                <p>Let's be honest — most parents struggle with guilt when taking time for themselves. This article breaks down the neuroscience of parental stress, explains how your well-being directly impacts your child's development, and offers realistic self-care strategies that fit into a busy family schedule.</p>
                                <div class="blog-post-footer">
                                    <span>By Dr. Sarah Mitchell · Child Psychology</span>
                                    <span class="read-time">⏱️ 7 min read</span>
                                </div>
                            </div>
                        </article>

                        <article class="blog-post-card fade-in">
                            <div class="blog-post-img">
                                <img src="https://placehold.co/600x400/F0AD4E/2C3E50?text=Toddler+Discipline&font=lora" alt="Positive discipline for toddlers" loading="lazy">
                            </div>
                            <div class="blog-post-body">
                                <span class="blog-post-category">🧠 Behavior & Discipline</span>
                                <h3>The "Time-In" Method: Connecting Before Correcting</h3>
                                <p>Traditional time-outs can leave children feeling isolated. Learn about the increasingly popular "time-in" approach — staying present with your child during emotional moments to teach regulation skills while maintaining a secure attachment bond.</p>
                                <div class="blog-post-footer">
                                    <span>By Michael Torres · Family Therapist</span>
                                    <span class="read-time">⏱️ 5 min read</span>
                                </div>
                            </div>
                        </article>
                    </div>

                    <!-- FAQ Accordion -->
                    <div class="faq-section fade-in">
                        <h3 style="font-size: 1.4rem; margin-bottom: 20px;">Frequently Asked Questions</h3>
                        <div class="faq-item">
                            <button class="faq-question">
                                How do I handle sibling rivalry without playing favorites?
                                <span class="faq-icon">+</span>
                            </button>
                            <div class="faq-answer-wrapper">
                                <div class="faq-answer">
                                    Sibling rivalry is a normal part of family life. Focus on acknowledging each child's feelings individually, avoid comparisons, and create one-on-one time with each child regularly. Teaching conflict resolution skills early — like using "I feel" statements and taking turns — helps children develop their own problem-solving abilities. When tensions escalate, step in as a neutral mediator, not a judge.
                                </div>
                            </div>
                        </div>
                        <div class="faq-item">
                            <button class="faq-question">
                                What's a healthy amount of screen time for my 4-year-old?
                                <span class="faq-icon">+</span>
                            </button>
                            <div class="faq-answer-wrapper">
                                <div class="faq-answer">
                                    The American Academy of Pediatrics recommends no more than 1 hour of high-quality, co-viewed screen time per day for children ages 2-5. Focus on content quality over quantity, prioritize educational and interactive programming, and ensure screens don't displace sleep, physical activity, or family connection time. Remember: it's about balance, not perfection.
                                </div>
                            </div>
                        </div>
                        <div class="faq-item">
                            <button class="faq-question">
                                How can I encourage my picky eater to try new foods?
                                <span class="faq-icon">+</span>
                            </button>
                            <div class="faq-answer-wrapper">
                                <div class="faq-answer">
                                    Picky eating is developmentally normal and often peaks between ages 2-6. Try offering new foods alongside familiar favorites without pressure, model enjoying a variety of foods yourself, and involve your child in meal prep. Research shows it can take 10-15 exposures before a child accepts a new food. Avoid short-order cooking and maintain a positive, low-pressure mealtime atmosphere.
                                </div>
                            </div>
                        </div>
                        <div class="faq-item">
                            <button class="faq-question">
                                When should I start talking to my child about big emotions?
                                <span class="faq-icon">+</span>
                            </button>
                            <div class="faq-answer-wrapper">
                                <div class="faq-answer">
                                    It's never too early. Even infants benefit from you narrating their emotional experiences ("I see you're frustrated — that toy is hard to reach!"). By toddlerhood, you can start helping them label basic emotions like happy, sad, mad, and scared. Research shows that children who can name their emotions are better equipped to regulate them, leading to fewer behavioral challenges over time.
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- SIDEBAR -->
                <aside class="sidebar" id="resources">
                    <div class="sidebar-widget fade-in">
                        <h3 class="sidebar-widget-title">
                            <span class="icon">💡</span> This Week's Tip
                        </h3>
                        <div class="sidebar-tip">
                            <div class="sidebar-tip-icon">🍎</div>
                            <div class="sidebar-tip-text">
                                <strong>Involve Them in the Kitchen</strong>
                                <span>Let your child help with simple meal prep tasks like washing produce or stirring. It builds confidence, motor skills, and a healthy relationship with food.</span>
                            </div>
                        </div>
                        <div class="sidebar-tip">
                            <div class="sidebar-tip-icon">📖</div>
                            <div class="sidebar-tip-text">
                                <strong>Read Together Every Day</strong>
                                <span>Just 15 minutes of shared reading strengthens language development, bonding, and literacy skills. Let your child choose the book — even if it's the same one for the tenth time.</span>
                            </div>
                        </div>
                        <div class="sidebar-tip">
                            <div class="sidebar-tip-icon">🌙</div>
                            <div class="sidebar-tip-text">
                                <strong>Protect Sleep Like Gold</strong>
                                <span>Consistent bedtimes and calming routines aren't just nice — they're essential for your child's brain development, mood regulation, and immune function.</span>
                            </div>
                        </div>
                    </div>

                    <div class="sidebar-widget fade-in">
                        <h3 class="sidebar-widget-title">
                            <span class="icon">❓</span> Popular Questions
                        </h3>
                        <div class="sidebar-popular-q">
                            <strong style="display:block; font-size: 0.9rem;">How do I know if my child is ready for preschool?</strong>
                            <span>Age isn't the only factor. Look for social readiness, independence in basic self-care, and the ability to separate from you for extended periods. Most importantly, trust your instincts as their primary caregiver.</span>
                        </div>
                        <div class="sidebar-popular-q">
                            <strong style="display:block; font-size: 0.9rem; margin-top: 18px;">What's the best way to handle bedtime resistance?</strong>
                            <span>Consistency is key. A predictable 20-30 minute routine (bath, book, bed) signals to your child's brain that it's time to wind down. Offer limited choices ("Which pajamas?") to give them a sense of control without derailing the routine.</span>
                        </div>
                        <div class="sidebar-popular-q">
                            <strong style="display:block; font-size: 0.9rem; margin-top: 18px;">How can I foster resilience in my child?</strong>
                            <span>Let them experience manageable frustration. Resist the urge to fix every problem. instead, coach them through challenges with phrases like "I believe you can figure this out — I'm here if you need me."</span>
                        </div>
                    </div>

                    <div class="sidebar-widget fade-in" style="background: var(--bg-warm); border-color: var(--accent);">
                        <h3 class="sidebar-widget-title">
                            <span class="icon">📥</span> Free Download
                        </h3>
                        <p style="font-size: 0.9rem; color: var(--text-muted); margin-bottom: 16px; line-height: 1.6;">
                            Get our printable <strong>"Emotion Coaching Cheat Sheet"</strong> — a quick-reference guide with 12 phrases to help your child navigate big feelings.
                        </p>
                        <a href="#" class="btn btn-primary" style="width: 100%; justify-content: center;">
                            Download Resource Free
                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3"/></svg>
                        </a>
                    </div>
                </aside>
            </div>
        </div>
    </section>

    <!-- ==================== NEWSLETTER ==================== -->
    <section class="section" id="newsletter" style="padding-top: 0; padding-bottom: 0;">
        <div class="container">
            <div class="newsletter-section fade-in">
                <h2>Join 12,000+ Parents Receiving Weekly Wisdom</h2>
                <p>Practical tips, expert insights, and heartfelt stories — delivered every Tuesday morning to your inbox. No spam, ever. Just support.</p>
                <form class="newsletter-form" onsubmit="event.preventDefault(); alert('🎉 Thanks for subscribing! Check your inbox for your free guide.');">
                    <input type="email" placeholder="Enter your email address" required aria-label="Email address">
                    <button type="submit" class="btn btn-primary">Subscribe Free</button>
                </form>
                <p style="font-size: 0.8rem; color: rgba(255,255,255,0.4); margin-top: 16px;">🔒 We respect your privacy. Unsubscribe anytime.</p>
            </div>
        </div>
    </section>

    <!-- ==================== SHOP SECTION ==================== -->
    <section class="section" id="shop" style="padding-top: 0;">
        <div class="container">
            <div class="section-header fade-in">
                <span class="subtitle">Curated for Families</span>
                <h2>The Cradle & Compass Shop</h2>
                <p>Handpicked books, tools, and resources that our team of experts genuinely recommends for families at every stage.</p>
            </div>
            <div class="topics-grid" style="grid-template-columns: repeat(4, 1fr);">
                <div class="topic-card fade-in" style="text-align: center;">
                    <div class="topic-card-img" style="height: 180px;">
                        <img src="https://placehold.co/400x300/FFF8F0/D9534F?text=Book+Bundle&font=lora" alt="Parenting book bundle" loading="lazy">
                    </div>
                    <div class="topic-card-body">
                        <span class="blog-post-category" style="color: var(--primary);">📚 Best Seller</span>
                        <h3 style="font-size: 1.1rem; margin-bottom: 8px;">The Calm Parent Library</h3>
                        <p style="font-size: 0.85rem;">Three essential books on positive discipline, emotion coaching, and mindful parenting.</p>
                        <a href="#" class="read-more-link" style="margin-top: 8px; font-size: 0.85rem;">View Bundle →</a>
                    </div>
                </div>
                <div class="topic-card fade-in" style="text-align: center;">
                    <div class="topic-card-img" style="height: 180px;">
                        <img src="https://placehold.co/400x300/5BC0DE/FFF8F0?text=Emotion+Cards&font=lora" alt="Emotion coaching cards" loading="lazy">
                    </div>
                    <div class="topic-card-body">
                        <span class="blog-post-category" style="color: var(--secondary);">🃏 New arrival</span>
                        <h3 style="font-size: 1.1rem; margin-bottom: 8px;">Feelings Flash Cards</h3>
                        <p style="font-size: 0.85rem;">Beautiful, inclusive cards to help children ages 2-6 name and express their emotions.</p>
                        <a href="#" class="read-more-link" style="margin-top: 8px; font-size: 0.85rem;">Shop Now →</a>
                    </div>
                </div>
                <div class="topic-card fade-in" style="text-align: center;">
                    <div class="topic-card-img" style="height: 180px;">
                        <img src="https://placehold.co/400x300/F0AD4E/2C3E50?text=Family+Journal&font=lora" alt="Family connection journal" loading="lazy">
                    </div>
                    <div class="topic-card-body">
                        <span class="blog-post-category" style="color: var(--accent);">📓 Limited Edition</span>
                        <h3 style="font-size: 1.1rem; margin-bottom: 8px;">Family Connection Journal</h3>
                        <p style="font-size: 0.85rem;">Weekly prompts for family check-ins, gratitude, and shared storytelling.</p>
                        <a href="#" class="read-more-link" style="margin-top: 8px; font-size: 0.85rem;">Learn More →</a>
                    </div>
                </div>
                <div class="topic-card fade-in" style="text-align: center;">
                    <div class="topic-card-img" style="height: 180px;">
                        <img src="https://placehold.co/400x300/2C3E50/FFF8F0?text=Online+Course&font=lora" alt="Parenting course" loading="lazy">
                    </div>
                    <div class="topic-card-body">
                        <span class="blog-post-category" style="color: var(--primary);">💻 Digital Course</span>
                        <h3 style="font-size: 1.1rem; margin-bottom: 8px;">Confident Parenting 101</h3>
                        <p style="font-size: 0.85rem;">Self-paced video course with expert-led modules on communication, boundaries, and self-regulation.</p>
                        <a href="#" class="read-more-link" style="margin-top: 8px; font-size: 0.85rem;">Enroll Today →</a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- ==================== FOOTER ==================== -->
    <footer class="site-footer">
        <div class="container">
            <div class="footer-grid">
                <div class="footer-brand">
                    <div class="logo-text">Cradle <span>&amp;</span> Compass</div>
                    <p>Your trusted companion on the parenting journey. We provide evidence-based advice, nurturing community, and practical tools — because raising a family is the most important work there is.</p>
                    <div class="footer-social">
                        <a href="#" aria-label="Facebook">f</a>
                        <a href="#" aria-label="Instagram">📷</a>
                        <a href="#" aria-label="Pinterest">P</a>
                        <a href="#" aria-label="YouTube">▶</a>
                        <a href="#" aria-label="TikTok">♪</a>
                    </div>
                </div>
                <div class="footer-col">
                    <h4>Explore</h4>
                    <ul>
                        <li><a href="#topics">All Topics</a></li>
                        <li><a href="#blog">Blog</a></li>
                        <li><a href="#health">Health & Wellness</a></li>
                        <li><a href="#quiz">Parenting Quiz</a></li>
                        <li><a href="#shop">Shop</a></li>
                        <li><a href="#">Search</a></li>
                    </ul>
                </div>
                <div class="footer-col">
                    <h4>Community</h4>
                    <ul>
                        <li><a href="#">Parent Forum</a></li>
                        <li><a href="#">Local Groups</a></li>
                        <li><a href="#">Share Your Story</a></li>
                        <li><a href="#">Become an Expert</a></li>
                        <li><a href="#newsletter">Newsletter</a></li>
                    </ul>
                </div>
                <div class="footer-col">
                    <h4>Contact & Support</h4>
                    <ul class="footer-contact">
                        <li>
                            <span>📍</span>
                            <span>123 Family Way, Suite 200<br>Portland, OR 97201</span>
                        </li>
                        <li>
                            <span>📧</span>
                            <span>hello@cradleandcompass.com</span>
                        </li>
                        <li>
                            <span>📞</span>
                            <span>(555) 234-5678</span>
                        </li>
                        <li>
                            <span>🕐</span>
                            <span>Mon–Fri, 9am–6pm PST</span>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="footer-bottom">
                <span>© 2025 Cradle & Compass. All rights reserved. Made with ❤️ for families everywhere.</span>
                <div class="footer-bottom-links">
                    <a href="#">Privacy Policy</a>
                    <a href="#">Terms of Service</a>
                    <a href="#">Accessibility</a>
                    <a href="#">Cookie Settings</a>
                </div>
            </div>
        </div>
    </footer>

    <!-- ==================== JAVASCRIPT ==================== -->
    <script>
        // Mobile menu toggle
        const menuBtn = document.getElementById('menuBtn');
        const mainNav = document.getElementById('mainNav');

        menuBtn.addEventListener('click', () => {
            mainNav.classList.toggle('open');
            menuBtn.textContent = mainNav.classList.contains('open') ? '✕' : '☰';
        });

        // Close mobile menu on link click
        mainNav.querySelectorAll('a').forEach(link => {
            link.addEventListener('click', () => {
                mainNav.classList.remove('open');
                menuBtn.textContent = '☰';
            });
        });

        // Scroll-triggered fade-in animations
        const fadeElements = document.querySelectorAll('.fade-in');

        const observerOptions = {
            root: null,
            rootMargin: '0px 0px -60px 0px',
            threshold: 0.1
        };

        const observer = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.classList.add('visible');
                    observer.unobserve(entry.target);
                }
            });
        }, observerOptions);

        fadeElements.forEach(el => observer.observe(el));

        // FAQ Accordion
        const faqQuestions = document.querySelectorAll('.faq-question');

        faqQuestions.forEach(btn => {
            btn.addEventListener('click', () => {
                const item = btn.parentElement;

                // Close other items
                document.querySelectorAll('.faq-item').forEach(otherItem => {
                    if (otherItem !== item) {
                        otherItem.classList.remove('active');
                    }
                });

                item.classList.toggle('active');
            });
        });

        // Parenting Quiz
        const quizForm = document.getElementById('parentingQuiz');
        const quizResult = document.getElementById('quizResult');

        const styleDescriptions = {
            authoritative: {
                badge: '🌟 Authoritative Parent',
                title: 'Warm, Firm, and Connected',
                description: 'You balance warmth and boundaries beautifully. Research shows this style is associated with the best outcomes for children — higher self-esteem, better social skills, and stronger academic performance. Your kids feel safe because they know you\'re both loving and consistent. Keep up the great work!',
                cta: 'Get the Authoritative Parenting Toolkit'
            },
            permissive: {
                badge: '💛 Permissive Parent',
                title: 'Loving, Flexible, and Warm',
                description: 'You prioritize connection and your child\'s happiness above all. Your kids feel deeply loved and accepted. Consider adding a bit more structure — children thrive when they know what to expect. Even gentle boundaries give kids a sense of security and help them develop self-discipline over time.',
                cta: 'Download Boundary-Setting Guide'
            },
            authoritarian: {
                badge: '🛡️ Structured Parent',
                title: 'Disciplined, Clear, and Protective',
                description: 'You value order, respect, and clear expectations. Your children know the rules and understand consequences. Consider softening just a touch — adding warmth, validation, and dialogue alongside your firm boundaries can create an even stronger connection while maintaining the structure your family needs.',
                cta: 'Explore Connection-Based Discipline'
            },
            uninvolved: {
                badge: '🌱 Growing Parent',
                title: 'Independent, Self-Reliant, and Reflective',
                description: 'You value independence and give your child space to grow. You\'re thoughtful about not over-managing. Sometimes your child might benefit from more engaged presence — especially during big emotional moments. Even small increases in responsive interaction can strengthen your bond significantly.',
                cta: 'Build Your Connection Toolkit'
            }
        };

        quizForm.addEventListener('submit', (e) => {
            e.preventDefault();

            const formData = new FormData(quizForm);
            const answers = [
                formData.get('q1'),
                formData.get('q2'),
                formData.get('q3')
            ];

            // Count scores
            const scores = { authoritative: 0, permissive: 0, authoritarian: 0, uninvolved: 0 };
            answers.forEach(answer => {
                if (scores[answer] !== undefined) {
                    scores[answer]++;
                }
            });

            // Find highest score
            let maxScore = 0;
            let primaryStyle = 'authoritative';
            for (const [style, score] of Object.entries(scores)) {
                if (score > maxScore) {
                    maxScore = score;
                    primaryStyle = style;
                }
            }

            const result = styleDescriptions[primaryStyle];

            document.getElementById('resultBadge').textContent = result.badge;
            document.getElementById('resultTitle').textContent = result.title;
            document.getElementById('resultDescription').textContent = result.description;
            document.getElementById('resultCta').textContent = result.cta;

            quizForm.style.display = 'none';
            quizResult.classList.add('show');
            quizResult.scrollIntoView({ behavior: 'smooth', block: 'center' });
        });
    </script>
</body>
</html>
View Axe Report (JSON)
{
  "testEngine": {
    "name": "axe-core",
    "version": "4.10.2"
  },
  "testRunner": {
    "name": "axe"
  },
  "testEnvironment": {
    "userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/156.0.8078.4 Safari/537.36",
    "windowWidth": 1280,
    "windowHeight": 720,
    "orientationAngle": 0,
    "orientationType": "landscape-primary"
  },
  "timestamp": "2026-11-12T09:50:09.461Z",
  "url": "https://benchmark.aimac.invalid/3fb0a83add6880d8102b01ba855644f02f09666c7390e9f39455f9147fe2f659.html",
  "toolOptions": {
    "runOnly": {
      "type": "tag",
      "values": [
        "wcag2a",
        "wcag2aa",
        "wcag21a",
        "wcag21aa",
        "wcag22a",
        "wcag22aa"
      ]
    },
    "resultTypes": [
      "violations"
    ],
    "reporter": "v1"
  },
  "inapplicable": [
    {
      "id": "area-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag244",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.2.4.4",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure <area> elements of image maps have alternative text",
      "help": "Active <area> elements must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/area-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-braille-equivalent",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-braillelabel and aria-brailleroledescription have a non-braille equivalent",
      "help": "aria-braille attributes must have a non-braille equivalent",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-braille-equivalent?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-command-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA button, link and menuitem has an accessible name",
      "help": "ARIA commands must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-command-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-deprecated-role",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure elements do not use deprecated roles",
      "help": "Deprecated ARIA roles must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-deprecated-role?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-hidden-focus",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-hidden elements are not focusable nor contain focusable elements",
      "help": "ARIA hidden element must not be focusable or contain focusable elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-focus?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-input-field-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA input field has an accessible name",
      "help": "ARIA input fields must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-input-field-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-meter-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag111",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure every ARIA meter node has an accessible name",
      "help": "ARIA meter nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-meter-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-progressbar-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag111",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure every ARIA progressbar node has an accessible name",
      "help": "ARIA progressbar nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-progressbar-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure elements with ARIA roles have all required ARIA attributes",
      "help": "Required ARIA attributes must be provided",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-children",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure elements with an ARIA role that require child roles contain them",
      "help": "Certain ARIA roles must contain particular children",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-children?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-parent",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure elements with an ARIA role that require parent roles are contained by them",
      "help": "Certain ARIA roles must be contained by particular parents",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-parent?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-roles",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure all elements with a role attribute use a valid value",
      "help": "ARIA roles used must conform to valid values",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-roles?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-toggle-field-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA toggle field has an accessible name",
      "help": "ARIA toggle fields must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-toggle-field-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-tooltip-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure every ARIA tooltip node has an accessible name",
      "help": "ARIA tooltip nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-tooltip-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "autocomplete-valid",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag21aa",
        "wcag135",
        "EN-301-549",
        "EN-9.1.3.5",
        "ACT"
      ],
      "description": "Ensure the autocomplete attribute is correct and suitable for the form field",
      "help": "autocomplete attribute must be used correctly",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/autocomplete-valid?application=axeAPI",
      "nodes": []
    },
    {
      "id": "blink",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag222",
        "section508",
        "section508.22.j",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <blink> elements are not used",
      "help": "<blink> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/blink?application=axeAPI",
      "nodes": []
    },
    {
      "id": "definition-list",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dl> elements are structured correctly",
      "help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/definition-list?application=axeAPI",
      "nodes": []
    },
    {
      "id": "dlitem",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dt> and <dd> elements are contained by a <dl>",
      "help": "<dt> and <dd> elements must be contained by a <dl>",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/dlitem?application=axeAPI",
      "nodes": []
    },
    {
      "id": "duplicate-id-aria",
      "impact": null,
      "tags": [
        "cat.parsing",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure every id attribute value used in ARIA and in labels is unique",
      "help": "IDs used in ARIA and labels must be unique",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/duplicate-id-aria?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-focusable-content",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure <frame> and <iframe> elements with focusable content do not have tabindex=-1",
      "help": "Frames with focusable content must not have tabindex=-1",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-focusable-content?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title-unique",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements contain a unique title attribute",
      "help": "Frames must have a unique title attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title-unique?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.i",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements have an accessible name",
      "help": "Frames must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title?application=axeAPI",
      "nodes": []
    },
    {
      "id": "html-xml-lang-mismatch",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure that HTML elements with both valid lang and xml:lang attributes agree on the base language of the page",
      "help": "HTML elements with lang and xml:lang must have the same base language",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-xml-lang-mismatch?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-button-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure input buttons have discernible text",
      "help": "Input buttons must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-button-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-image-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure <input type=\"image\"> elements have alternative text",
      "help": "Image buttons must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-image-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "marquee",
      "impact": null,
      "tags": [
        "cat.parsing",
        "wcag2a",
        "wcag222",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <marquee> elements are not used",
      "help": "<marquee> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/marquee?application=axeAPI",
      "nodes": []
    },
    {
      "id": "meta-refresh",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag221",
        "TTv5",
        "TT8.a",
        "EN-301-549",
        "EN-9.2.2.1"
      ],
      "description": "Ensure <meta http-equiv=\"refresh\"> is not used for delayed refresh",
      "help": "Delayed refresh under 20 hours must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-refresh?application=axeAPI",
      "nodes": []
    },
    {
      "id": "object-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure <object> elements have alternative text",
      "help": "<object> elements must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/object-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "role-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure [role=\"img\"] elements have alternative text",
      "help": "[role=\"img\"] elements must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/role-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "scrollable-region-focusable",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "wcag213",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1",
        "EN-9.2.1.3"
      ],
      "description": "Ensure elements that have scrollable content are accessible by keyboard",
      "help": "Scrollable region must have keyboard access",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=axeAPI",
      "nodes": []
    },
    {
      "id": "select-name",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.n",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure select element has an accessible name",
      "help": "Select element must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/select-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "server-side-image-map",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag211",
        "section508",
        "section508.22.f",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure that server-side image maps are not used",
      "help": "Server-side image maps must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/server-side-image-map?application=axeAPI",
      "nodes": []
    },
    {
      "id": "summary-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure summary elements have discernible text",
      "help": "Summary elements must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/summary-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "svg-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text",
      "help": "<svg> elements with an img role must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/svg-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "td-headers-attr",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that each cell in a table that uses the headers attribute refers only to other cells in that table",
      "help": "Table cells that use the headers attribute must only refer to cells in the same table",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/td-headers-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "th-has-data-cells",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that <th> elements and elements with role=columnheader/rowheader have data cells they describe",
      "help": "Table headers in a data table must refer to data cells",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/th-has-data-cells?application=axeAPI",
      "nodes": []
    },
    {
      "id": "valid-lang",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2aa",
        "wcag312",
        "TTv5",
        "TT11.b",
        "EN-301-549",
        "EN-9.3.1.2",
        "ACT"
      ],
      "description": "Ensure lang attributes have valid values",
      "help": "lang attribute must have a valid value",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/valid-lang?application=axeAPI",
      "nodes": []
    },
    {
      "id": "video-caption",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag122",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT17.a",
        "EN-301-549",
        "EN-9.1.2.2"
      ],
      "description": "Ensure <video> elements have captions",
      "help": "<video> elements must have captions",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/video-caption?application=axeAPI",
      "nodes": []
    },
    {
      "id": "no-autoplay-audio",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag142",
        "TTv5",
        "TT2.a",
        "EN-301-549",
        "EN-9.1.4.2",
        "ACT"
      ],
      "description": "Ensure <video> or <audio> elements do not autoplay audio for more than 3 seconds without a control mechanism to stop or mute the audio",
      "help": "<video> or <audio> elements must not play automatically",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/no-autoplay-audio?application=axeAPI",
      "nodes": []
    }
  ],
  "passes": [
    {
      "id": "aria-allowed-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure an element's role supports its ARIA attributes",
      "help": "Elements must only use supported ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-allowed-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-allowed-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attributes are used correctly for the defined role"
            }
          ],
          "none": [
            {
              "id": "aria-unsupported-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute is supported"
            }
          ],
          "impact": null,
          "html": "<a href=\"#\" class=\"logo\" aria-label=\"Cradle &amp; Compass Home\">",
          "target": [
            ".logo"
          ]
        }
      ]
    },
    {
      "id": "aria-conditional-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are used as described in the specification of the element's role",
      "help": "ARIA attributes must be used as specified for the element's role",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-conditional-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-conditional-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "ARIA attribute is allowed"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<a href=\"#\" class=\"logo\" aria-label=\"Cradle &amp; Compass Home\">",
          "target": [
            ".logo"
          ]
        }
      ]
    },
    {
      "id": "aria-hidden-body",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "wcag412",
        "EN-301-549",
        "EN-9.1.3.1",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-hidden=\"true\" is not present on the document body.",
      "help": "aria-hidden=\"true\" must not be present on the document body",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-body?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-hidden-body",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "No aria-hidden attribute is present on document body"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<body>",
          "target": [
            "body"
          ]
        }
      ]
    },
    {
      "id": "aria-prohibited-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are not prohibited for an element's role",
      "help": "Elements must only use permitted ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-prohibited-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "aria-prohibited-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "ARIA attribute is allowed"
            }
          ],
          "impact": null,
          "html": "<a href=\"#\" class=\"logo\" aria-label=\"Cradle &amp; Compass Home\">",
          "target": [
            ".logo"
          ]
        }
      ]
    },
    {
      "id": "aria-valid-attr-value",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure all ARIA attributes have valid values",
      "help": "ARIA attributes must conform to valid values",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr-value?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-valid-attr-value",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute values are valid"
            },
            {
              "id": "aria-errormessage",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-errormessage exists and references elements visible to screen readers that use a supported aria-errormessage technique"
            },
            {
              "id": "aria-level",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-level values are valid"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<a href=\"#\" class=\"logo\" aria-label=\"Cradle &amp; Compass Home\">",
          "target": [
            ".logo"
          ]
        }
      ]
    },
    {
      "id": "aria-valid-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure attributes that begin with aria- are valid ARIA attributes",
      "help": "ARIA attributes must conform to valid names",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-valid-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute name is valid"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<a href=\"#\" class=\"logo\" aria-label=\"Cradle &amp; Compass Home\">",
          "target": [
            ".logo"
          ]
        }
      ]
    },
    {
      "id": "avoid-inline-spacing",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag21aa",
        "wcag1412",
        "EN-301-549",
        "EN-9.1.4.12",
        "ACT"
      ],
      "description": "Ensure that text spacing set through style attributes can be adjusted with custom stylesheets",
      "help": "Inline text spacing must be adjustable with custom stylesheets",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/avoid-inline-spacing?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "important-letter-spacing",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Letter-spacing in the style attribute is not set to !important, or meets the minimum"
            },
            {
              "id": "important-word-spacing",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "word-spacing in the style attribute is not set to !important, or meets the minimum"
            },
            {
              "id": "important-line-height",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "line-height in the style attribute is not set to !important, or meets the minimum"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<section class=\"section\" style=\"padding-top: 0;\">",
          "target": [
            ".section:nth-child(5)"
          ]
        }
      ]
    },
    {
      "id": "button-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure buttons have discernible text",
      "help": "Buttons must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/button-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "button-has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has inner text that is visible to screen readers"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<button type=\"submit\" class=\"btn btn-primary quiz-submit\">",
          "target": [
            ".quiz-submit"
          ]
        }
      ]
    },
    {
      "id": "bypass",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag241",
        "section508",
        "section508.22.o",
        "TTv5",
        "TT9.a",
        "EN-301-549",
        "EN-9.2.4.1"
      ],
      "description": "Ensure each page has at least one mechanism for a user to bypass navigation and jump straight to the content",
      "help": "Page must have means to bypass repeated blocks",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/bypass?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "internal-link-present",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Valid skip link found"
            },
            {
              "id": "header-present",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<h1>Guiding Your Family <em>With Confidence</em> &amp; Compassion</h1>",
                  "target": [
                    "h1"
                  ]
                },
                {
                  "html": "<h2>Parenting, Simplified &amp; Embraced</h2>",
                  "target": [
                    "#topics > .container > .section-header.fade-in > h2"
                  ]
                },
                {
                  "html": "<h3>Positive Discipline Strategies</h3>",
                  "target": [
                    "article:nth-child(1) > .topic-card-body > h3"
                  ]
                },
                {
                  "html": "<h3>Screen Time &amp; Digital Wellness</h3>",
                  "target": [
                    "article:nth-child(2) > .topic-card-body > h3"
                  ]
                },
                {
                  "html": "<h3>Family Bonding &amp; Rituals</h3>",
                  "target": [
                    "article:nth-child(3) > .topic-card-body > h3"
                  ]
                },
                {
                  "html": "<h3>Understanding Your Child's Emotional World: A Practical Guide to Emotion Coaching</h3>",
                  "target": [
                    ".featured-content > h3"
                  ]
                },
                {
                  "html": "<h2>Discover Your Parenting Style</h2>",
                  "target": [
                    ".quiz-section > .section-header > h2"
                  ]
                },
                {
                  "html": "<h2>Stories, Insights &amp; Expert Advice</h2>",
                  "target": [
                    "#blog > .container > .section-header.fade-in > h2"
                  ]
                },
                {
                  "html": "<h3>The Gentle Guide to Healthier Sleep Routines for Your Toddler</h3>",
                  "target": [
                    ".blog-post-card:nth-child(1) > .blog-post-body > h3"
                  ]
                },
                {
                  "html": "<h3>25 Screen-Free Activities That Build Early Literacy Skills</h3>",
                  "target": [
                    ".blog-post-card:nth-child(2) > .blog-post-body > h3"
                  ]
                },
                {
                  "html": "<h3>Why Parental Self-Care Isn't Selfish: A Science-Backed Argument</h3>",
                  "target": [
                    ".blog-post-card:nth-child(3) > .blog-post-body > h3"
                  ]
                },
                {
                  "html": "<h3>The \"Time-In\" Method: Connecting Before Correcting</h3>",
                  "target": [
                    ".blog-post-card:nth-child(4) > .blog-post-body > h3"
                  ]
                },
                {
                  "html": "<h3 style=\"font-size: 1.4rem; margin-bottom: 20px;\">Frequently Asked Questions</h3>",
                  "target": [
                    ".faq-section > h3"
                  ]
                },
                {
                  "html": "<h3 class=\"sidebar-widget-title\">\n                            <span class=\"icon\">\ud83d\udca1</span> This Week's Tip\n                        </h3>",
                  "target": [
                    ".sidebar-widget.fade-in:nth-child(1) > .sidebar-widget-title"
                  ]
                },
                {
                  "html": "<h3 class=\"sidebar-widget-title\">\n                            <span class=\"icon\">\u2753</span> Popular Questions\n                        </h3>",
                  "target": [
                    ".sidebar-widget.fade-in:nth-child(2) > .sidebar-widget-title"
                  ]
                },
                {
                  "html": "<h3 class=\"sidebar-widget-title\">\n                            <span class=\"icon\">\ud83d\udce5</span> Free Download\n                        </h3>",
                  "target": [
                    ".sidebar-widget.fade-in:nth-child(3) > .sidebar-widget-title"
                  ]
                },
                {
                  "html": "<h2>Join 12,000+ Parents Receiving Weekly Wisdom</h2>",
                  "target": [
                    ".newsletter-section > h2"
                  ]
                },
                {
                  "html": "<h2>The Cradle &amp; Compass Shop</h2>",
                  "target": [
                    "#shop > .container > .section-header.fade-in > h2"
                  ]
                },
                {
                  "html": "<h3 style=\"font-size: 1.1rem; margin-bottom: 8px;\">The Calm Parent Library</h3>",
                  "target": [
                    "#shop > .container > .topics-grid > .topic-card.fade-in:nth-child(1) > .topic-card-body > h3"
                  ]
                },
                {
                  "html": "<h3 style=\"font-size: 1.1rem; margin-bottom: 8px;\">Feelings Flash Cards</h3>",
                  "target": [
                    "#shop > .container > .topics-grid > .topic-card.fade-in:nth-child(2) > .topic-card-body > h3"
                  ]
                },
                {
                  "html": "<h3 style=\"font-size: 1.1rem; margin-bottom: 8px;\">Family Connection Journal</h3>",
                  "target": [
                    "#shop > .container > .topics-grid > .topic-card.fade-in:nth-child(3) > .topic-card-body > h3"
                  ]
                },
                {
                  "html": "<h3 style=\"font-size: 1.1rem; margin-bottom: 8px;\">Confident Parenting 101</h3>",
                  "target": [
                    ".topic-card.fade-in:nth-child(4) > .topic-card-body > h3"
                  ]
                },
                {
                  "html": "<h4>Explore</h4>",
                  "target": [
                    ".footer-col:nth-child(2) > h4"
                  ]
                },
                {
                  "html": "<h4>Community</h4>",
                  "target": [
                    ".footer-col:nth-child(3) > h4"
                  ]
                },
                {
                  "html": "<h4>Contact &amp; Support</h4>",
                  "target": [
                    ".footer-col:nth-child(4) > h4"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a heading"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#2c3e50",
                "bgColor": "#ffffff",
                "contrastRatio": 10.98,
                "fontSize": "18.0pt (24px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has sufficient color contrast of 10.98"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<div class=\"logo-text\">Cradle <span>&amp;</span> Compass</div>",
          "target": [
            ".logo > div > .logo-text"
          ]
        }
      ]
    },
    {
      "id": "document-title",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag242",
        "TTv5",
        "TT12.a",
        "EN-301-549",
        "EN-9.2.4.2",
        "ACT"
      ],
      "description": "Ensure each HTML document contains a non-empty <title> element",
      "help": "Documents must have <title> element to aid in navigation",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/document-title?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "doc-has-title",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Document has a non-empty <title> element"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "form-field-multiple-labels",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag332",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.3.3.2"
      ],
      "description": "Ensure form field does not have multiple label elements",
      "help": "Form field must not have multiple label elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/form-field-multiple-labels?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "multiple-label",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<label class=\"quiz-option\">\n                                <input type=\"radio\" name=\"q1\" value=\"authoritative\">\n                                <span>Set a clear boundary and explain the reasoning calmly</span>\n                            </label>",
                  "target": [
                    ".quiz-question:nth-child(1) > .quiz-options > .quiz-option:nth-child(1)"
                  ]
                }
              ],
              "impact": "moderate",
              "message": "Form field does not have multiple label elements"
            }
          ],
          "impact": null,
          "html": "<input type=\"radio\" name=\"q1\" value=\"authoritative\">",
          "target": [
            "input[value=\"authoritative\"][name=\"q1\"][type=\"radio\"]"
          ]
        }
      ]
    },
    {
      "id": "html-has-lang",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "TTv5",
        "TT11.a",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure every HTML document has a lang attribute",
      "help": "<html> element must have a lang attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-has-lang?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-lang",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "The <html> element has a lang attribute"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "html-lang-valid",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "TTv5",
        "TT11.a",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure the lang attribute of the <html> element has a valid value",
      "help": "<html> element must have a valid value for the lang attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-lang-valid?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "valid-lang",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Value of lang attribute is included in the list of valid languages"
            }
          ],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "image-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "TT7.b",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure <img> elements have alternative text or a role of none or presentation",
      "help": "Images must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/image-alt?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-alt",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has an alt attribute"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "alt-space-value",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has a valid alt attribute value"
            }
          ],
          "impact": null,
          "html": "<img src=\"https://placehold.co/96x96/FFF8F0/2C3E50?text=C%26C&amp;font=lora&amp;bold\" alt=\"Cradle &amp; Compass Logo\" class=\"logo-img\">",
          "target": [
            ".logo-img"
          ]
        }
      ]
    },
    {
      "id": "label",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.n",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every form element has a label",
      "help": "Form elements must have labels",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/label?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "implicit-label",
              "data": {
                "implicitLabel": "Set a clear boundary and explain the reasoning calmly"
              },
              "relatedNodes": [
                {
                  "html": "<label class=\"quiz-option\">\n                                <input type=\"radio\" name=\"q1\" value=\"authoritative\">\n                                <span>Set a clear boundary and explain the reasoning calmly</span>\n                            </label>",
                  "target": [
                    ".quiz-question:nth-child(1) > .quiz-options > .quiz-option:nth-child(1)"
                  ]
                }
              ],
              "impact": "critical",
              "message": "Element has an implicit (wrapped) <label>"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "hidden-explicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Form element has a visible explicit <label>"
            }
          ],
          "impact": null,
          "html": "<input type=\"radio\" name=\"q1\" value=\"authoritative\">",
          "target": [
            "input[value=\"authoritative\"][name=\"q1\"][type=\"radio\"]"
          ]
        }
      ]
    },
    {
      "id": "link-in-text-block",
      "impact": null,
      "tags": [
        "cat.color",
        "wcag2a",
        "wcag141",
        "TTv5",
        "TT13.a",
        "EN-301-549",
        "EN-9.1.4.1"
      ],
      "description": "Ensure links are distinguished from surrounding text in a way that does not rely on color",
      "help": "Links must be distinguishable without relying on color",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-in-text-block?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "link-in-text-block",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<span>\ud83d\udd4a\ufe0f Free Parenting Newsletter \u2014 <a href=\"#newsletter\">Subscribe</a></span>",
                  "target": [
                    ".container > span:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Links can be distinguished from surrounding text in some way other than by color"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<a href=\"#newsletter\">Subscribe</a>",
          "target": [
            "span:nth-child(1) > a[href$=\"#newsletter\"]"
          ]
        }
      ]
    },
    {
      "id": "link-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag244",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.2.4.4",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure links have discernible text",
      "help": "Links must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has text that is visible to screen readers"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "focusable-no-name",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element is not in tab order or has accessible text"
            }
          ],
          "impact": null,
          "html": "<a href=\"#newsletter\">Subscribe</a>",
          "target": [
            "span:nth-child(1) > a[href$=\"#newsletter\"]"
          ]
        }
      ]
    },
    {
      "id": "list",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that lists are structured correctly",
      "help": "<ul> and <ol> must only directly contain <li>, <script> or <template> elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/list?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "only-listitems",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "List element only has direct children that are allowed inside <li> elements"
            }
          ],
          "impact": null,
          "html": "<ul>",
          "target": [
            ".footer-col:nth-child(2) > ul"
          ]
        }
      ]
    },
    {
      "id": "listitem",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <li> elements are used semantically",
      "help": "<li> elements must be contained in a <ul> or <ol>",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/listitem?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "listitem",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "List item has a <ul>, <ol> or role=\"list\" parent element"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<li><a href=\"#topics\">All Topics</a></li>",
          "target": [
            ".footer-col:nth-child(2) > ul > li:nth-child(1)"
          ]
        }
      ]
    },
    {
      "id": "meta-viewport",
      "impact": null,
      "tags": [
        "cat.sensory-and-visual-cues",
        "wcag2aa",
        "wcag144",
        "EN-301-549",
        "EN-9.1.4.4",
        "ACT"
      ],
      "description": "Ensure <meta name=\"viewport\"> does not disable text scaling and zooming",
      "help": "Zooming and scaling must not be disabled",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-viewport?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "meta-viewport",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "<meta> tag does not disable zooming on mobile devices"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
          "target": [
            "meta[name=\"viewport\"]"
          ]
        }
      ]
    },
    {
      "id": "nested-interactive",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies",
      "help": "Interactive controls must not be nested",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/nested-interactive?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "no-focusable-content",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element does not have focusable descendants"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<img src=\"https://placehold.co/96x96/FFF8F0/2C3E50?text=C%26C&amp;font=lora&amp;bold\" alt=\"Cradle &amp; Compass Logo\" class=\"logo-img\">",
          "target": [
            ".logo-img"
          ]
        }
      ]
    },
    {
      "id": "target-size",
      "impact": null,
      "tags": [
        "cat.sensory-and-visual-cues",
        "wcag22aa",
        "wcag258"
      ],
      "description": "Ensure touch targets have sufficient size and space",
      "help": "All touch targets must be 24px large, or leave sufficient space",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/target-size?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "target-offset",
              "data": {
                "closestOffset": 24,
                "minOffset": 24
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Target has sufficient space from its closest neighbors. Safe clickable space has a diameter of 24px which is at least 24px."
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<a href=\"#\">Privacy</a>",
          "target": [
            "span:nth-child(2) > a[href=\"#\"]:nth-child(1)"
          ]
        }
      ]
    }
  ],
  "incomplete": [
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": "pseudoContent",
                "expectedContrastRatio": "4.5:1"
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"hero\" id=\"home\">",
                  "target": [
                    "#home"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element's background color could not be determined due to a pseudo element"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"hero-badge\">\ud83c\udf3f Trusted by 50,000+ Parents</span>",
          "target": [
            ".hero-badge"
          ],
          "failureSummary": "Fix any of the following:\n  Element's background color could not be determined due to a pseudo element"
        }
      ]
    }
  ],
  "violations": [
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#fff8f0",
                "contrastRatio": 3.3,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"header-top-bar\">",
                  "target": [
                    ".header-top-bar"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.3 (foreground color: #7f8c8d, background color: #fff8f0, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>\ud83d\udd4a\ufe0f Free Parenting Newsletter \u2014 <a href=\"#newsletter\">Subscribe</a></span>",
          "target": [
            ".container > span:nth-child(1)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.3 (foreground color: #7f8c8d, background color: #fff8f0, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#fff8f0",
                "contrastRatio": 3.3,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"header-top-bar\">",
                  "target": [
                    ".header-top-bar"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.3 (foreground color: #7f8c8d, background color: #fff8f0, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#newsletter\">Subscribe</a>",
          "target": [
            "span:nth-child(1) > a[href$=\"#newsletter\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.3 (foreground color: #7f8c8d, background color: #fff8f0, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#fff8f0",
                "contrastRatio": 3.3,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"header-top-bar\">",
                  "target": [
                    ".header-top-bar"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.3 (foreground color: #7f8c8d, background color: #fff8f0, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Privacy</a>",
          "target": [
            "span:nth-child(2) > a[href=\"#\"]:nth-child(1)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.3 (foreground color: #7f8c8d, background color: #fff8f0, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#fff8f0",
                "contrastRatio": 3.3,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"header-top-bar\">",
                  "target": [
                    ".header-top-bar"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.3 (foreground color: #7f8c8d, background color: #fff8f0, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Terms</a>",
          "target": [
            "span:nth-child(2) > a[href=\"#\"]:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.3 (foreground color: #7f8c8d, background color: #fff8f0, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#fff8f0",
                "contrastRatio": 3.3,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"header-top-bar\">",
                  "target": [
                    ".header-top-bar"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.3 (foreground color: #7f8c8d, background color: #fff8f0, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Contact</a>",
          "target": [
            "span:nth-child(2) > a[href=\"#\"]:nth-child(3)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.3 (foreground color: #7f8c8d, background color: #fff8f0, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#ffffff",
                "contrastRatio": 3.47,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<header class=\"site-header\">",
                  "target": [
                    "header"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"tagline-sm\">Nurturing Families Together</div>",
          "target": [
            ".tagline-sm"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#d9534f",
                "contrastRatio": 3.96,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<a href=\"#newsletter\" class=\"cta-nav\">Free Guide</a>",
                  "target": [
                    ".cta-nav"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.96 (foreground color: #ffffff, background color: #d9534f, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#newsletter\" class=\"cta-nav\">Free Guide</a>",
          "target": [
            ".cta-nav"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.96 (foreground color: #ffffff, background color: #d9534f, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#969fa8",
                "bgColor": "#2c3e50",
                "contrastRatio": 4.09,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.09 (foreground color: #969fa8, background color: #2c3e50, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>\u00a9 2025 Cradle &amp; Compass. All rights reserved. Made with \u2764\ufe0f for families everywhere.</span>",
          "target": [
            ".footer-bottom > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.09 (foreground color: #969fa8, background color: #2c3e50, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#969fa8",
                "bgColor": "#2c3e50",
                "contrastRatio": 4.09,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.09 (foreground color: #969fa8, background color: #2c3e50, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Privacy Policy</a>",
          "target": [
            ".footer-bottom-links > a[href=\"#\"]:nth-child(1)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.09 (foreground color: #969fa8, background color: #2c3e50, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#969fa8",
                "bgColor": "#2c3e50",
                "contrastRatio": 4.09,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.09 (foreground color: #969fa8, background color: #2c3e50, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Terms of Service</a>",
          "target": [
            ".footer-bottom-links > a[href=\"#\"]:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.09 (foreground color: #969fa8, background color: #2c3e50, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#969fa8",
                "bgColor": "#2c3e50",
                "contrastRatio": 4.09,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.09 (foreground color: #969fa8, background color: #2c3e50, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Accessibility</a>",
          "target": [
            ".footer-bottom-links > a[href=\"#\"]:nth-child(3)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.09 (foreground color: #969fa8, background color: #2c3e50, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#969fa8",
                "bgColor": "#2c3e50",
                "contrastRatio": 4.09,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.09 (foreground color: #969fa8, background color: #2c3e50, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Cookie Settings</a>",
          "target": [
            ".footer-bottom-links > a[href=\"#\"]:nth-child(4)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.09 (foreground color: #969fa8, background color: #2c3e50, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#ffffff",
                "contrastRatio": 3.47,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"stats-bar fade-in visible\">",
                  "target": [
                    ".stats-bar"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"stat-label\">Expert Articles</span>",
          "target": [
            ".stat-item:nth-child(1) > .stat-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#ffffff",
                "contrastRatio": 3.47,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"stats-bar fade-in visible\">",
                  "target": [
                    ".stats-bar"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"stat-label\">Community Members</span>",
          "target": [
            ".stat-item:nth-child(2) > .stat-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#ffffff",
                "contrastRatio": 3.47,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"stats-bar fade-in visible\">",
                  "target": [
                    ".stats-bar"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"stat-label\">Parent Satisfaction</span>",
          "target": [
            ".stat-item:nth-child(3) > .stat-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#ffffff",
                "contrastRatio": 3.47,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"stats-bar fade-in visible\">",
                  "target": [
                    ".stats-bar"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"stat-label\">Licensed Child Experts</span>",
          "target": [
            ".stat-item:nth-child(4) > .stat-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#5bc0de",
                "bgColor": "#fdfbf7",
                "contrastRatio": 2.02,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.02 (foreground color: #5bc0de, background color: #fdfbf7, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"subtitle\">Explore by Topic</span>",
          "target": [
            ".section-header.visible.fade-in > .subtitle"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.02 (foreground color: #5bc0de, background color: #fdfbf7, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#fdfbf7",
                "contrastRatio": 3.36,
                "fontSize": "12.6pt (16.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.36 (foreground color: #7f8c8d, background color: #fdfbf7, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>From toddler tantrums to teen transitions, we cover the full spectrum of family life with nuance, empathy, and research-backed strategies.</p>",
          "target": [
            ".section-header.visible.fade-in > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.36 (foreground color: #7f8c8d, background color: #fdfbf7, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#ffffff",
                "contrastRatio": 3.47,
                "fontSize": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"topic-card fade-in visible\">",
                  "target": [
                    ".topics-grid > article:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Move beyond punitive measures with connection-based discipline that teaches rather than punishes. Our guides cover natural consequences, emotion coaching, and setting age-appropriate boundaries that actually stick.</p>",
          "target": [
            "article:nth-child(1) > .topic-card-body > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#ffffff",
                "contrastRatio": 3.47,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"topic-card fade-in visible\">",
                  "target": [
                    ".topics-grid > article:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>\ud83d\udcc5 Updated weekly</span>",
          "target": [
            "article:nth-child(1) > .topic-card-body > .topic-card-meta > span:nth-child(1)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#ffffff",
                "contrastRatio": 3.47,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"topic-card fade-in visible\">",
                  "target": [
                    ".topics-grid > article:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>\ud83d\udc41\ufe0f 2.4K views</span>",
          "target": [
            "article:nth-child(1) > .topic-card-body > .topic-card-meta > span:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d9534f",
                "bgColor": "#ffffff",
                "contrastRatio": 3.96,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"topic-card fade-in visible\">",
                  "target": [
                    ".topics-grid > article:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.96 (foreground color: #d9534f, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\" class=\"read-more-link\">",
          "target": [
            "article:nth-child(1) > .topic-card-body > .read-more-link[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.96 (foreground color: #d9534f, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#ffffff",
                "contrastRatio": 3.47,
                "fontSize": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"topic-card fade-in visible\">",
                  "target": [
                    ".topics-grid > article:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Navigate the complex world of children and technology with confidence. Learn about age-appropriate limits, co-viewing strategies, and how to foster healthy digital habits without turning into a screen-time police officer.</p>",
          "target": [
            "article:nth-child(2) > .topic-card-body > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#ffffff",
                "contrastRatio": 3.47,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"topic-card fade-in visible\">",
                  "target": [
                    ".topics-grid > article:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>\ud83d\udcc5 Updated monthly</span>",
          "target": [
            "article:nth-child(2) > .topic-card-body > .topic-card-meta > span:nth-child(1)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#ffffff",
                "contrastRatio": 3.47,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"topic-card fade-in visible\">",
                  "target": [
                    ".topics-grid > article:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>\ud83d\udc41\ufe0f 3.1K views</span>",
          "target": [
            "article:nth-child(2) > .topic-card-body > .topic-card-meta > span:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d9534f",
                "bgColor": "#ffffff",
                "contrastRatio": 3.96,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"topic-card fade-in visible\">",
                  "target": [
                    ".topics-grid > article:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.96 (foreground color: #d9534f, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\" class=\"read-more-link\">",
          "target": [
            "article:nth-child(2) > .topic-card-body > .read-more-link[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.96 (foreground color: #d9534f, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#ffffff",
                "contrastRatio": 3.47,
                "fontSize": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"topic-card fade-in visible\">",
                  "target": [
                    ".topics-grid > article:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Discover the transformative power of daily rituals, weekend adventures, and intentional connection time. From family meetings to bedtime routines, we help you build traditions that strengthen your family bond for years to come.</p>",
          "target": [
            "article:nth-child(3) > .topic-card-body > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#ffffff",
                "contrastRatio": 3.47,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"topic-card fade-in visible\">",
                  "target": [
                    ".topics-grid > article:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>\ud83d\udcc5 New this week</span>",
          "target": [
            "article:nth-child(3) > .topic-card-body > .topic-card-meta > span:nth-child(1)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#ffffff",
                "contrastRatio": 3.47,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"topic-card fade-in visible\">",
                  "target": [
                    ".topics-grid > article:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>\ud83d\udc41\ufe0f 1.8K views</span>",
          "target": [
            "article:nth-child(3) > .topic-card-body > .topic-card-meta > span:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d9534f",
                "bgColor": "#ffffff",
                "contrastRatio": 3.96,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"topic-card fade-in visible\">",
                  "target": [
                    ".topics-grid > article:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.96 (foreground color: #d9534f, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\" class=\"read-more-link\">",
          "target": [
            "article:nth-child(3) > .topic-card-body > .read-more-link[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.96 (foreground color: #d9534f, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d9534f",
                "bgColor": "#fbe8e0",
                "contrastRatio": 3.34,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"tag\">\u2728 Featured Article</span>",
                  "target": [
                    ".tag"
                  ]
                },
                {
                  "html": "<div class=\"featured-article fade-in visible\">",
                  "target": [
                    ".featured-article"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.34 (foreground color: #d9534f, background color: #fbe8e0, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"tag\">\u2728 Featured Article</span>",
          "target": [
            ".tag"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.34 (foreground color: #d9534f, background color: #fbe8e0, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#fff8f0",
                "contrastRatio": 3.3,
                "fontSize": "12.6pt (16.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"featured-article fade-in visible\">",
                  "target": [
                    ".featured-article"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.3 (foreground color: #7f8c8d, background color: #fff8f0, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>",
          "target": [
            ".featured-content > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.3 (foreground color: #7f8c8d, background color: #fff8f0, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#fff8f0",
                "contrastRatio": 3.3,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"featured-article fade-in visible\">",
                  "target": [
                    ".featured-article"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.3 (foreground color: #7f8c8d, background color: #fff8f0, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>\u270d\ufe0f By Dr. Sarah Mitchell, Child Psychologist</span>",
          "target": [
            ".featured-meta > span:nth-child(1)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.3 (foreground color: #7f8c8d, background color: #fff8f0, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#fff8f0",
                "contrastRatio": 3.3,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"featured-article fade-in visible\">",
                  "target": [
                    ".featured-article"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.3 (foreground color: #7f8c8d, background color: #fff8f0, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>\ud83d\udcc5 March 15, 2025</span>",
          "target": [
            ".featured-meta > span:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.3 (foreground color: #7f8c8d, background color: #fff8f0, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#fff8f0",
                "contrastRatio": 3.3,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"featured-article fade-in visible\">",
                  "target": [
                    ".featured-article"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.3 (foreground color: #7f8c8d, background color: #fff8f0, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>\u23f1\ufe0f 8 min read</span>",
          "target": [
            "span:nth-child(3)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.3 (foreground color: #7f8c8d, background color: #fff8f0, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#d9534f",
                "contrastRatio": 3.96,
                "fontSize": "12.0pt (16px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<a href=\"#\" class=\"btn btn-primary\">",
                  "target": [
                    ".featured-content > .btn-primary.btn[href=\"#\"]"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.96 (foreground color: #ffffff, background color: #d9534f, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\" class=\"btn btn-primary\">",
          "target": [
            ".featured-content > .btn-primary.btn[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.96 (foreground color: #ffffff, background color: #d9534f, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#5bc0de",
                "bgColor": "#ffffff",
                "contrastRatio": 2.09,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"quiz-section fade-in visible\">",
                  "target": [
                    ".quiz-section"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.09 (foreground color: #5bc0de, background color: #ffffff, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"subtitle\">Interactive Tool</span>",
          "target": [
            ".quiz-section > .section-header > .subtitle"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.09 (foreground color: #5bc0de, background color: #ffffff, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#ffffff",
                "contrastRatio": 3.47,
                "fontSize": "12.6pt (16.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"quiz-section fade-in visible\">",
                  "target": [
                    ".quiz-section"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Every parent has a unique approach. Take our quick, research-informed quiz to understand your natural parenting tendencies and get personalized tips for your family's journey.</p>",
          "target": [
            ".quiz-section > .section-header > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#d9534f",
                "contrastRatio": 3.96,
                "fontSize": "12.0pt (16px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<button type=\"submit\" class=\"btn btn-primary quiz-submit\">",
                  "target": [
                    ".quiz-submit"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.96 (foreground color: #ffffff, background color: #d9534f, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<button type=\"submit\" class=\"btn btn-primary quiz-submit\">",
          "target": [
            ".quiz-submit"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.96 (foreground color: #ffffff, background color: #d9534f, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#5bc0de",
                "bgColor": "#fdfbf7",
                "contrastRatio": 2.02,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.02 (foreground color: #5bc0de, background color: #fdfbf7, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"subtitle\">Explore by Topic</span>",
          "target": [
            "#topics > .container > .section-header.visible.fade-in > .subtitle"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.02 (foreground color: #5bc0de, background color: #fdfbf7, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#fdfbf7",
                "contrastRatio": 3.36,
                "fontSize": "12.6pt (16.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.36 (foreground color: #7f8c8d, background color: #fdfbf7, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>From toddler tantrums to teen transitions, we cover the full spectrum of family life with nuance, empathy, and research-backed strategies.</p>",
          "target": [
            "#topics > .container > .section-header.visible.fade-in > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.36 (foreground color: #7f8c8d, background color: #fdfbf7, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#5bc0de",
                "bgColor": "#fdfbf7",
                "contrastRatio": 2.02,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.02 (foreground color: #5bc0de, background color: #fdfbf7, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"subtitle\">Latest from the Blog</span>",
          "target": [
            "#blog > .container > .section-header.visible.fade-in > .subtitle"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.02 (foreground color: #5bc0de, background color: #fdfbf7, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#fdfbf7",
                "contrastRatio": 3.36,
                "fontSize": "12.6pt (16.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.36 (foreground color: #7f8c8d, background color: #fdfbf7, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Real conversations about real parenting \u2014 from sleep training to screen time, from toddlerhood to the teenage years.</p>",
          "target": [
            "#blog > .container > .section-header.visible.fade-in > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.36 (foreground color: #7f8c8d, background color: #fdfbf7, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#5bc0de",
                "bgColor": "#ffffff",
                "contrastRatio": 2.09,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"blog-post-card fade-in visible\">",
                  "target": [
                    ".blog-post-card:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.09 (foreground color: #5bc0de, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"blog-post-category\">\ud83d\udca4 Health &amp; Wellness</span>",
          "target": [
            ".blog-post-card:nth-child(1) > .blog-post-body > .blog-post-category"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.09 (foreground color: #5bc0de, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#ffffff",
                "contrastRatio": 3.47,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"blog-post-card fade-in visible\">",
                  "target": [
                    ".blog-post-card:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Sleep challenges are among the most common concerns we hear from parents. This comprehensive guide walks you through creating a calming bedtime routine, understanding sleep cycles, and troubleshooting common issues like night wakings and nap transitions.</p>",
          "target": [
            ".blog-post-card:nth-child(1) > .blog-post-body > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#ffffff",
                "contrastRatio": 3.47,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"blog-post-card fade-in visible\">",
                  "target": [
                    ".blog-post-card:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>By Dr. Elena Park \u00b7 Pediatrics</span>",
          "target": [
            ".blog-post-card:nth-child(1) > .blog-post-body > .blog-post-footer > span:nth-child(1)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#ffffff",
                "contrastRatio": 3.47,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"blog-post-card fade-in visible\">",
                  "target": [
                    ".blog-post-card:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"read-time\">\u23f1\ufe0f 6 min read</span>",
          "target": [
            ".blog-post-card:nth-child(1) > .blog-post-body > .blog-post-footer > .read-time"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#5bc0de",
                "bgColor": "#ffffff",
                "contrastRatio": 2.09,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"blog-post-card fade-in visible\">",
                  "target": [
                    ".blog-post-card:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.09 (foreground color: #5bc0de, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"blog-post-category\">\ud83c\udfa8 Educational Activities</span>",
          "target": [
            ".blog-post-card:nth-child(2) > .blog-post-body > .blog-post-category"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.09 (foreground color: #5bc0de, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#ffffff",
                "contrastRatio": 3.47,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"blog-post-card fade-in visible\">",
                  "target": [
                    ".blog-post-card:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>You don't need expensive toys or apps to foster a love of reading. These hands-on, play-based activities are designed to build phonemic awareness, vocabulary, and storytelling skills \u2014 all while having fun together as a family.</p>",
          "target": [
            ".blog-post-card:nth-child(2) > .blog-post-body > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#ffffff",
                "contrastRatio": 3.47,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"blog-post-card fade-in visible\">",
                  "target": [
                    ".blog-post-card:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>By Jessica Nguyen \u00b7 Early Childhood Ed.</span>",
          "target": [
            ".blog-post-card:nth-child(2) > .blog-post-body > .blog-post-footer > span:nth-child(1)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#ffffff",
                "contrastRatio": 3.47,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"blog-post-card fade-in visible\">",
                  "target": [
                    ".blog-post-card:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"read-time\">\u23f1\ufe0f 10 min read</span>",
          "target": [
            ".blog-post-card:nth-child(2) > .blog-post-body > .blog-post-footer > .read-time"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#ffffff",
                "contrastRatio": 3.47,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"sidebar-widget fade-in visible\">",
                  "target": [
                    ".sidebar-widget.visible.fade-in"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Let your child help with simple meal prep tasks like washing produce or stirring. It builds confidence, motor skills, and a healthy relationship with food.</span>",
          "target": [
            ".sidebar-tip:nth-child(2) > .sidebar-tip-text > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#ffffff",
                "contrastRatio": 3.47,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"sidebar-widget fade-in visible\">",
                  "target": [
                    ".sidebar-widget.visible.fade-in"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Just 15 minutes of shared reading strengthens language development, bonding, and literacy skills. Let your child choose the book \u2014 even if it's the same one for the tenth time.</span>",
          "target": [
            ".sidebar-tip:nth-child(3) > .sidebar-tip-text > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#ffffff",
                "contrastRatio": 3.47,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"sidebar-widget fade-in visible\">",
                  "target": [
                    ".sidebar-widget.visible.fade-in"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Consistent bedtimes and calming routines aren't just nice \u2014 they're essential for your child's brain development, mood regulation, and immune function.</span>",
          "target": [
            ".sidebar-tip:nth-child(4) > .sidebar-tip-text > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#5bc0de",
                "bgColor": "#ffffff",
                "contrastRatio": 2.09,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"blog-post-card fade-in visible\">",
                  "target": [
                    ".blog-post-card:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.09 (foreground color: #5bc0de, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"blog-post-category\">\ud83e\uddd8 Family Wellness</span>",
          "target": [
            ".blog-post-card:nth-child(3) > .blog-post-body > .blog-post-category"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.09 (foreground color: #5bc0de, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#ffffff",
                "contrastRatio": 3.47,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"blog-post-card fade-in visible\">",
                  "target": [
                    ".blog-post-card:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>",
          "target": [
            ".blog-post-card:nth-child(3) > .blog-post-body > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#ffffff",
                "contrastRatio": 3.47,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"blog-post-card fade-in visible\">",
                  "target": [
                    ".blog-post-card:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>By Dr. Sarah Mitchell \u00b7 Child Psychology</span>",
          "target": [
            ".blog-post-card:nth-child(3) > .blog-post-body > .blog-post-footer > span:nth-child(1)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#ffffff",
                "contrastRatio": 3.47,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"blog-post-card fade-in visible\">",
                  "target": [
                    ".blog-post-card:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"read-time\">\u23f1\ufe0f 7 min read</span>",
          "target": [
            ".blog-post-card:nth-child(3) > .blog-post-body > .blog-post-footer > .read-time"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#5bc0de",
                "bgColor": "#ffffff",
                "contrastRatio": 2.09,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"blog-post-card fade-in visible\">",
                  "target": [
                    ".blog-post-card:nth-child(4)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.09 (foreground color: #5bc0de, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"blog-post-category\">\ud83e\udde0 Behavior &amp; Discipline</span>",
          "target": [
            ".blog-post-card:nth-child(4) > .blog-post-body > .blog-post-category"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.09 (foreground color: #5bc0de, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#ffffff",
                "contrastRatio": 3.47,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"blog-post-card fade-in visible\">",
                  "target": [
                    ".blog-post-card:nth-child(4)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Traditional time-outs can leave children feeling isolated. Learn about the increasingly popular \"time-in\" approach \u2014 staying present with your child during emotional moments to teach regulation skills while maintaining a secure attachment bond.</p>",
          "target": [
            ".blog-post-card:nth-child(4) > .blog-post-body > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#ffffff",
                "contrastRatio": 3.47,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"blog-post-card fade-in visible\">",
                  "target": [
                    ".blog-post-card:nth-child(4)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>By Michael Torres \u00b7 Family Therapist</span>",
          "target": [
            ".blog-post-card:nth-child(4) > .blog-post-body > .blog-post-footer > span:nth-child(1)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#ffffff",
                "contrastRatio": 3.47,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"blog-post-card fade-in visible\">",
                  "target": [
                    ".blog-post-card:nth-child(4)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"read-time\">\u23f1\ufe0f 5 min read</span>",
          "target": [
            ".blog-post-card:nth-child(4) > .blog-post-body > .blog-post-footer > .read-time"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#ffffff",
                "contrastRatio": 3.47,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"sidebar-widget fade-in visible\">",
                  "target": [
                    ".sidebar-widget.visible.fade-in:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Age isn't the only factor. Look for social readiness, independence in basic self-care, and the ability to separate from you for extended periods. Most importantly, trust your instincts as their primary caregiver.</span>",
          "target": [
            ".sidebar-popular-q:nth-child(2) > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#ffffff",
                "contrastRatio": 3.47,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"sidebar-widget fade-in visible\">",
                  "target": [
                    ".sidebar-widget.visible.fade-in:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Consistency is key. A predictable 20-30 minute routine (bath, book, bed) signals to your child's brain that it's time to wind down. Offer limited choices (\"Which pajamas?\") to give them a sense of control without derailing the routine.</span>",
          "target": [
            ".sidebar-popular-q:nth-child(3) > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#ffffff",
                "contrastRatio": 3.47,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"sidebar-widget fade-in visible\">",
                  "target": [
                    ".sidebar-widget.visible.fade-in:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Let them experience manageable frustration. Resist the urge to fix every problem. instead, coach them through challenges with phrases like \"I believe you can figure this out \u2014 I'm here if you need me.\"</span>",
          "target": [
            ".sidebar-popular-q:nth-child(4) > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#fff8f0",
                "contrastRatio": 3.3,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"sidebar-widget fade-in visible\" style=\"background: var(--bg-warm); border-color: var(--accent);\">",
                  "target": [
                    ".sidebar-widget.visible.fade-in:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.3 (foreground color: #7f8c8d, background color: #fff8f0, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p style=\"font-size: 0.9rem; color: var(--text-muted); margin-bottom: 16px; line-height: 1.6;\">",
          "target": [
            ".sidebar-widget.visible.fade-in:nth-child(3) > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.3 (foreground color: #7f8c8d, background color: #fff8f0, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#fff8f0",
                "contrastRatio": 3.3,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"sidebar-widget fade-in visible\" style=\"background: var(--bg-warm); border-color: var(--accent);\">",
                  "target": [
                    ".sidebar-widget.visible.fade-in:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.3 (foreground color: #7f8c8d, background color: #fff8f0, font size: 10.8pt (14.4px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<strong>\"Emotion Coaching Cheat Sheet\"</strong>",
          "target": [
            "p > strong"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.3 (foreground color: #7f8c8d, background color: #fff8f0, font size: 10.8pt (14.4px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#d9534f",
                "contrastRatio": 3.96,
                "fontSize": "12.0pt (16px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<a href=\"#\" class=\"btn btn-primary\" style=\"width: 100%; justify-content: center;\">",
                  "target": [
                    ".sidebar-widget.visible.fade-in:nth-child(3) > .btn-primary.btn[href=\"#\"]"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.96 (foreground color: #ffffff, background color: #d9534f, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\" class=\"btn btn-primary\" style=\"width: 100%; justify-content: center;\">",
          "target": [
            ".sidebar-widget.visible.fade-in:nth-child(3) > .btn-primary.btn[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.96 (foreground color: #ffffff, background color: #d9534f, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#5bc0de",
                "bgColor": "#fdfbf7",
                "contrastRatio": 2.02,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.02 (foreground color: #5bc0de, background color: #fdfbf7, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"subtitle\">Explore by Topic</span>",
          "target": [
            "#topics > .container > .section-header.fade-in.visible > .subtitle"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.02 (foreground color: #5bc0de, background color: #fdfbf7, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#fdfbf7",
                "contrastRatio": 3.36,
                "fontSize": "12.6pt (16.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.36 (foreground color: #7f8c8d, background color: #fdfbf7, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>From toddler tantrums to teen transitions, we cover the full spectrum of family life with nuance, empathy, and research-backed strategies.</p>",
          "target": [
            "#topics > .container > .section-header.fade-in.visible > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.36 (foreground color: #7f8c8d, background color: #fdfbf7, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#5bc0de",
                "bgColor": "#fdfbf7",
                "contrastRatio": 2.02,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.02 (foreground color: #5bc0de, background color: #fdfbf7, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"subtitle\">Latest from the Blog</span>",
          "target": [
            "#blog > .container > .section-header.fade-in.visible > .subtitle"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.02 (foreground color: #5bc0de, background color: #fdfbf7, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#fdfbf7",
                "contrastRatio": 3.36,
                "fontSize": "12.6pt (16.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.36 (foreground color: #7f8c8d, background color: #fdfbf7, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Real conversations about real parenting \u2014 from sleep training to screen time, from toddlerhood to the teenage years.</p>",
          "target": [
            "#blog > .container > .section-header.fade-in.visible > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.36 (foreground color: #7f8c8d, background color: #fdfbf7, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#fff8f0",
                "contrastRatio": 3.3,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"sidebar-widget fade-in visible\" style=\"background: var(--bg-warm); border-color: var(--accent);\">",
                  "target": [
                    ".sidebar-widget.fade-in.visible:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.3 (foreground color: #7f8c8d, background color: #fff8f0, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p style=\"font-size: 0.9rem; color: var(--text-muted); margin-bottom: 16px; line-height: 1.6;\">",
          "target": [
            ".sidebar-widget.fade-in.visible:nth-child(3) > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.3 (foreground color: #7f8c8d, background color: #fff8f0, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#d9534f",
                "contrastRatio": 3.96,
                "fontSize": "12.0pt (16px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<a href=\"#\" class=\"btn btn-primary\" style=\"width: 100%; justify-content: center;\">",
                  "target": [
                    ".sidebar-widget.fade-in.visible:nth-child(3) > .btn-primary.btn[href=\"#\"]"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.96 (foreground color: #ffffff, background color: #d9534f, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\" class=\"btn btn-primary\" style=\"width: 100%; justify-content: center;\">",
          "target": [
            ".sidebar-widget.fade-in.visible:nth-child(3) > .btn-primary.btn[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.96 (foreground color: #ffffff, background color: #d9534f, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#5bc0de",
                "bgColor": "#fdfbf7",
                "contrastRatio": 2.02,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.02 (foreground color: #5bc0de, background color: #fdfbf7, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"subtitle\">Curated for Families</span>",
          "target": [
            "#shop > .container > .section-header.fade-in.visible > .subtitle"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.02 (foreground color: #5bc0de, background color: #fdfbf7, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#fdfbf7",
                "contrastRatio": 3.36,
                "fontSize": "12.6pt (16.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.36 (foreground color: #7f8c8d, background color: #fdfbf7, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Handpicked books, tools, and resources that our team of experts genuinely recommends for families at every stage.</p>",
          "target": [
            "#shop > .container > .section-header.fade-in.visible > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.36 (foreground color: #7f8c8d, background color: #fdfbf7, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d9534f",
                "bgColor": "#ffffff",
                "contrastRatio": 3.96,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"topic-card fade-in visible\" style=\"text-align: center;\">",
                  "target": [
                    "#shop > .container > .topics-grid > .topic-card.fade-in.visible:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.96 (foreground color: #d9534f, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"blog-post-category\" style=\"color: var(--primary);\">\ud83d\udcda Best Seller</span>",
          "target": [
            ".topic-card.fade-in.visible:nth-child(1) > .topic-card-body > .blog-post-category"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.96 (foreground color: #d9534f, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#ffffff",
                "contrastRatio": 3.47,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"topic-card fade-in visible\" style=\"text-align: center;\">",
                  "target": [
                    "#shop > .container > .topics-grid > .topic-card.fade-in.visible:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p style=\"font-size: 0.85rem;\">Three essential books on positive discipline, emotion coaching, and mindful parenting.</p>",
          "target": [
            "#shop > .container > .topics-grid > .topic-card.fade-in.visible:nth-child(1) > .topic-card-body > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d9534f",
                "bgColor": "#ffffff",
                "contrastRatio": 3.96,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"topic-card fade-in visible\" style=\"text-align: center;\">",
                  "target": [
                    "#shop > .container > .topics-grid > .topic-card.fade-in.visible:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.96 (foreground color: #d9534f, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\" class=\"read-more-link\" style=\"margin-top: 8px; font-size: 0.85rem;\">View Bundle \u2192</a>",
          "target": [
            "#shop > .container > .topics-grid > .topic-card.fade-in.visible:nth-child(1) > .topic-card-body > .read-more-link[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.96 (foreground color: #d9534f, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#5bc0de",
                "bgColor": "#ffffff",
                "contrastRatio": 2.09,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"topic-card fade-in visible\" style=\"text-align: center;\">",
                  "target": [
                    "#shop > .container > .topics-grid > .topic-card.fade-in.visible:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.09 (foreground color: #5bc0de, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"blog-post-category\" style=\"color: var(--secondary);\">\ud83c\udccf New arrival</span>",
          "target": [
            ".topic-card.fade-in.visible:nth-child(2) > .topic-card-body > .blog-post-category"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.09 (foreground color: #5bc0de, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#ffffff",
                "contrastRatio": 3.47,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"topic-card fade-in visible\" style=\"text-align: center;\">",
                  "target": [
                    "#shop > .container > .topics-grid > .topic-card.fade-in.visible:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p style=\"font-size: 0.85rem;\">Beautiful, inclusive cards to help children ages 2-6 name and express their emotions.</p>",
          "target": [
            "#shop > .container > .topics-grid > .topic-card.fade-in.visible:nth-child(2) > .topic-card-body > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d9534f",
                "bgColor": "#ffffff",
                "contrastRatio": 3.96,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"topic-card fade-in visible\" style=\"text-align: center;\">",
                  "target": [
                    "#shop > .container > .topics-grid > .topic-card.fade-in.visible:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.96 (foreground color: #d9534f, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\" class=\"read-more-link\" style=\"margin-top: 8px; font-size: 0.85rem;\">Shop Now \u2192</a>",
          "target": [
            "#shop > .container > .topics-grid > .topic-card.fade-in.visible:nth-child(2) > .topic-card-body > .read-more-link[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.96 (foreground color: #d9534f, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#f0ad4e",
                "bgColor": "#ffffff",
                "contrastRatio": 1.94,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"topic-card fade-in visible\" style=\"text-align: center;\">",
                  "target": [
                    "#shop > .container > .topics-grid > .topic-card.fade-in.visible:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.94 (foreground color: #f0ad4e, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"blog-post-category\" style=\"color: var(--accent);\">\ud83d\udcd3 Limited Edition</span>",
          "target": [
            ".topic-card.fade-in.visible:nth-child(3) > .topic-card-body > .blog-post-category"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.94 (foreground color: #f0ad4e, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#ffffff",
                "contrastRatio": 3.47,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"topic-card fade-in visible\" style=\"text-align: center;\">",
                  "target": [
                    "#shop > .container > .topics-grid > .topic-card.fade-in.visible:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p style=\"font-size: 0.85rem;\">Weekly prompts for family check-ins, gratitude, and shared storytelling.</p>",
          "target": [
            "#shop > .container > .topics-grid > .topic-card.fade-in.visible:nth-child(3) > .topic-card-body > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d9534f",
                "bgColor": "#ffffff",
                "contrastRatio": 3.96,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"topic-card fade-in visible\" style=\"text-align: center;\">",
                  "target": [
                    "#shop > .container > .topics-grid > .topic-card.fade-in.visible:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.96 (foreground color: #d9534f, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\" class=\"read-more-link\" style=\"margin-top: 8px; font-size: 0.85rem;\">Learn More \u2192</a>",
          "target": [
            "#shop > .container > .topics-grid > .topic-card.fade-in.visible:nth-child(3) > .topic-card-body > .read-more-link[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.96 (foreground color: #d9534f, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d9534f",
                "bgColor": "#ffffff",
                "contrastRatio": 3.96,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"topic-card fade-in visible\" style=\"text-align: center;\">",
                  "target": [
                    ".topic-card.fade-in.visible:nth-child(4)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.96 (foreground color: #d9534f, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"blog-post-category\" style=\"color: var(--primary);\">\ud83d\udcbb Digital Course</span>",
          "target": [
            ".topic-card.fade-in.visible:nth-child(4) > .topic-card-body > .blog-post-category"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.96 (foreground color: #d9534f, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7f8c8d",
                "bgColor": "#ffffff",
                "contrastRatio": 3.47,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"topic-card fade-in visible\" style=\"text-align: center;\">",
                  "target": [
                    ".topic-card.fade-in.visible:nth-child(4)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p style=\"font-size: 0.85rem;\">Self-paced video course with expert-led modules on communication, boundaries, and self-regulation.</p>",
          "target": [
            ".topic-card.fade-in.visible:nth-child(4) > .topic-card-body > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d9534f",
                "bgColor": "#ffffff",
                "contrastRatio": 3.96,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"topic-card fade-in visible\" style=\"text-align: center;\">",
                  "target": [
                    ".topic-card.fade-in.visible:nth-child(4)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.96 (foreground color: #d9534f, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\" class=\"read-more-link\" style=\"margin-top: 8px; font-size: 0.85rem;\">Enroll Today \u2192</a>",
          "target": [
            ".topic-card.fade-in.visible:nth-child(4) > .topic-card-body > .read-more-link[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.96 (foreground color: #d9534f, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        }
      ]
    }
  ],
  "coverage": {
    "contract": "main-document-vertical-scroll",
    "complete": true,
    "positions": [
      {
        "y": 0,
        "height": 8764
      },
      {
        "y": 576,
        "height": 8764
      },
      {
        "y": 1152,
        "height": 8764
      },
      {
        "y": 1728,
        "height": 8764
      },
      {
        "y": 2304,
        "height": 8764
      },
      {
        "y": 2880,
        "height": 8764
      },
      {
        "y": 3456,
        "height": 8764
      },
      {
        "y": 4032,
        "height": 8764
      },
      {
        "y": 4608,
        "height": 8764
      },
      {
        "y": 5184,
        "height": 8764
      },
      {
        "y": 5760,
        "height": 8764
      },
      {
        "y": 6336,
        "height": 8764
      },
      {
        "y": 6912,
        "height": 8764
      },
      {
        "y": 7488,
        "height": 8764
      },
      {
        "y": 8044,
        "height": 8764
      }
    ],
    "scans": 16,
    "max_states": 512,
    "settle_ms": 5000,
    "page_timeout_seconds": 150,
    "layout_stability": "consecutive 100ms size samples within one CSS pixel",
    "animation_settling": "finite animations present when scroll resources are ready finish or are cancelled",
    "interactive_states": "not exercised",
    "horizontal_scroll": "not exercised"
  }
}
System Prompt
You are a lead web developer at a top digital agency, tasked with creating a one-page website for a new client based on the given specifications, delivered as an HTML file. First non-whitespace char '<', last non-whitespace char '>'. Use the following services to generate placeholder images where needed:
- placehold.co (text): https://placehold.co/[{w}x{h}|{size}][/{bg-color}/{text-color}]?text={text}&font=[lato|lora|montserrat|noto sans|open sans|oswald|playfair display|poppins|pt sans|raleway|roboto|source sans|source sans pro]
- picsum.photos (photos): https://picsum.photos/[{w}/{h}|{size}]?[grayscale][&blur={1-10}]
- pravatar.cc (avatars): https://i.pravatar.cc/{size}?u={identifier}
Choose sizes appropriate to layout.
User Prompt
Create a **complete, polished, production-quality** primary web page for a new client in the "Family and Parenting" sector.
Your goal is to generate the full HTML code for a page that is not just functional but also visually compelling, content-rich, and feels like a finished product ready for launch.

**Client & Category:**
- Industry: "Family and Parenting"
- Description: Parenting advice, family resources, childcare tips, and support for parents.

**Your Creative Task:**
1.  **Invent:** Create a unique, professional-sounding site name and a strong tagline fitting the "Family and Parenting" category.
2.  **Define Page:** Determine the most effective primary page type (e.g., homepage, service landing page, category portal) to showcase this fictional entity.
3.  **Design:** Develop an opinionated, modern, and professional layout. Make distinct choices about structure and flow.

**Content & Structure Requirements (Deliver a COMPLETE page):**
-   **Overall:** The final page must feel substantial and complete, with realistic amounts of text (multiple paragraphs per section where appropriate, avoid single sentences), well-integrated placeholder images, and logical flow. It should look like a real website a business would proudly use.
-   **HEADER:** Include the invented site name, tagline, a logo placeholder image, and a primary navigation bar. Ensure the navigation has **at least 5-7 clearly defined, relevant links** including: "Blog", "Health", "Shop".
-   **MAIN CONTENT:** Structure this area with **at least 3-4 distinct, well-developed sections**.
    -   Address key topics relevant to the "Family and Parenting" category. Consider themes similar to: "Parenting Challenges", "Educational Activities", "Family Wellness".
    -   **Content Depth:** Populate each section with **substantial, realistic text** (multiple sentences/paragraphs). Use authentic industry language and terminology like: "discipline strategies", "family bonding", "screen time".
    -   **Visuals:** Integrate relevant placeholder images logically within the content sections.
    -   **Calls to Action:** Include clear and contextually relevant CTAs. Use strong verbs similar to: "Get Parenting Tips", "Share Story", "Download Resource".
-   **ENGAGEMENT (Recommended):** Strongly consider incorporating **one meaningful interactive element** that would genuinely benefit a user in the "Family and Parenting" sector. Ideas similar but not limited to: "development quiz".
-   **SIDEBAR (Optional):** If your design includes a sidebar, populate it with **useful, relevant content**. Ideas: "expert advice", "weekly tips", "popular questions".
-   **FOOTER:** Include a professional footer with invented contact details, copyright (current year), social media links, and standard links (Privacy, Terms).
-   **MODERN WEB PATTERNS:** Include modern web patterns like testimonial cards, feature grids, or FAQ accordions where appropriate.