h1 {
    font-size: 36px;
    line-height: 1.3;
    margin-bottom: 20px;
    color: #1a1a1a;
}

.subtitle {
    font-size: 20px;
    line-height: 1.5;
    color: #555;
    margin-bottom: 20px;
}

.author-info {
    display: flex;
    align-items: center;
    margin-top: 20px;
    gap: 12px;
}

.author-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}

.author-text {
    font-style: italic;
    color: #777;
    font-size: 16px;
}

.trust-badges {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin: 8px 0px 24px 0px;
    border-radius: 5px;
    padding: 25px;
    background-color: white;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.trust-badge {
    font-size: 16px;
    color: #333;
    display: flex;
    align-items: center;
    gap: 12px;
    border-radius: 5px;
}

.trust-badge::before {
    content: "";
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.trust-badge:nth-child(1)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234CAF50'%3E%3Cpath d='M12 2L3 7v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V7l-9-5zm-1 16l-4-4 1.41-1.41L11 15.17l6.59-6.59L19 10l-8 8z'/%3E%3C/svg%3E");
}

.trust-badge:nth-child(2)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234CAF50'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/%3E%3C/svg%3E");
}

.trust-badge:nth-child(3)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234CAF50'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E");
}

.trust-badge:nth-child(4)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234CAF50'%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z'/%3E%3C/svg%3E");
}

h2 {
    font-size: 28px;
    margin: 35px 0 20px;
    color: #1a1a1a;
    font-weight: 600;
    line-height: 1.5;
}

.stats-table {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 24px;
    margin: 50px 0px;
    padding: 0;
}

@media screen and (min-width: 800px) {
    .stats-table {
        grid-template-columns: repeat(2, 1fr);
    }
}

.stats-card {
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    border-radius: 12px;
    padding: 30px;
    display: flex;
    align-items: center;
    gap: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
    border: 1px solid #e9ecef;
}

.stats-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(76, 175, 80, 0.15);
}

.stats-icon {
    width: 60px;
    height: 60px;
    min-width: 60px;
    border-radius: 12px;
    background: linear-gradient(135deg, #4caf50 0%, #45a049 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.stats-icon::before {
    content: "";
    width: 32px;
    height: 32px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.stats-icon[data-icon="guides"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M21 5c-1.11-.35-2.33-.5-3.5-.5-1.95 0-4.05.4-5.5 1.5-1.45-1.1-3.55-1.5-5.5-1.5S2.45 4.9 1 6v14.65c0 .25.25.5.5.5.1 0 .15-.05.25-.05C3.1 20.45 5.05 20 6.5 20c1.95 0 4.05.4 5.5 1.5 1.35-.85 3.8-1.5 5.5-1.5 1.65 0 3.35.3 4.75 1.05.1.05.15.05.25.05.25 0 .5-.25.5-.5V6c-.6-.45-1.25-.75-2-1zm0 13.5c-1.1-.35-2.3-.5-3.5-.5-1.7 0-4.15.65-5.5 1.5V8c1.35-.85 3.8-1.5 5.5-1.5 1.2 0 2.4.15 3.5.5v11.5z'/%3E%3C/svg%3E");
}

.stats-icon[data-icon="tests"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM9 12.5c0 .83-.67 1.5-1.5 1.5S6 13.33 6 12.5 6.67 11 7.5 11s1.5.67 1.5 1.5zm5 0c0 .83-.67 1.5-1.5 1.5s-1.5-.67-1.5-1.5.67-1.5 1.5-1.5 1.5.67 1.5 1.5zM19 18H5v-2.89c0-2 4-3.11 7-3.11s7 1.11 7 3.11V18zm-1-5.5c0 .83-.67 1.5-1.5 1.5s-1.5-.67-1.5-1.5.67-1.5 1.5-1.5 1.5.67 1.5 1.5z'/%3E%3C/svg%3E");
}

.stats-icon[data-icon="calendar"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z'/%3E%3C/svg%3E");
}

.stats-icon[data-icon="readers"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E");
}

.stats-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.stats-number {
    font-size: 28px;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1.2;
}

.stats-label {
    font-size: 14px;
    color: #555;
    line-height: 1.4;
}

.feature-image {
    width: 100%;
    border-radius: 5px;
}

@media (max-width: 768px) {
    h1 {
        font-size: 28px;
    }

    h2 {
        font-size: 24px;
    }

    body {
        font-size: 16px;
    }

    .trust-badges {
        grid-template-columns: 1fr 1fr;
        gap: 15px;
        padding: 20px;
    }

    .trust-badge {
        font-size: 13px;
        flex-direction: column;
        text-align: center;
        gap: 8px;
    }

    .trust-badge::before {
        width: 32px;
        height: 32px;
    }

    .stats-table {
        font-size: 14px;
    }
}

/* Ghost Bookmark Card Styling */

.kg-width-wide {
    width: 100%;
}

.kg-width-full {
    width: 100%;
}

.kg-gallery-container {
    width: 100%;
}

.kg-gallery-row {
    width: 100%;
}

.kg-gallery-image {
    width: 100%;
}

.kg-bookmark-card {
    width: 100%;
}

.kg-bookmark-container {
    width: 100%;
}

.kg-bookmark-content {
    width: 100%;
}

.kg-bookmark-title {
    width: 100%;
}

.kg-bookmark-description {
    width: 100%;
}

.kg-bookmark-metadata {
    width: 100%;
}

.kg-bookmark-icon {
    width: 100%;
}

.kg-bookmark-author {
    width: 100%;
}

.kg-bookmark-publisher {
    width: 100%;
}

.kg-bookmark-thumbnail {
    position: relative;
    min-width: 33%;
    max-height: 100%;
}

.kg-bookmark-thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.kg-image {
    width: 100%;
    border-radius: 5px;
    height: auto;
}