/* Grade e comunidade: apenas o bloco inserido após as notícias. */
.guru-reader-tools--article {
    background: #f0f0f0;
    border: 1px solid #dedbd4;
    border-radius: 10px;
    container: guru-reader-article / inline-size;
}

.guru-reader-tools--article .guru-reader-news-header {
    background: var(--guru-yellow);
    border-top: 4px solid #171717;
    border-radius: 9px 9px 0 0;
    padding: 14px 16px 16px;
}

.guru-reader-tools--article .guru-reader-news-heading {
    font-size: clamp(27px, 5.2cqi, 32px);
    line-height: 1.06;
    margin: 0 0 6px;
}

.guru-reader-tools--article .guru-reader-news-intro {
    color: #332706;
    margin: 0;
}

.guru-reader-tools--article .guru-reader-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    padding: 12px;
}

.guru-reader-tools--article .guru-reader-card {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    grid-template-rows: 1fr auto;
    align-items: start;
    gap: 10px 12px;
    padding: 12px;
    background: #fff;
    border: 1px solid #dedbd4;
    border-radius: 7px;
}

.guru-reader-tools--article .guru-reader-card--forum {
    background: #fff5d6;
}

.guru-reader-tools--article .guru-reader-icon {
    width: 40px;
    height: 40px;
    grid-row: 1;
    padding: 6px;
    border-radius: 6px;
    background: var(--guru-yellow);
}

.guru-reader-tools--article .guru-reader-copy :is(h2, h3) {
    min-height: 0;
    margin: 0 0 5px;
    font-size: 23px;
    line-height: 1.08;
}

.guru-reader-tools--article .guru-reader-copy p {
    color: #454545;
    font-size: 13px;
    line-height: 1.45;
}

.guru-reader-tools--article .guru-reader-button {
    display: inline-flex;
    grid-column: 2;
    justify-self: start;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: auto;
    max-width: 100%;
    min-height: 44px;
    padding: 8px 11px;
    font-size: 18px;
}

.guru-reader-tools--article .guru-reader-button span {
    display: inline;
}

@container guru-reader-article (min-width: 550px) {
    .guru-reader-tools--article .guru-reader-news-header {
        padding: 16px 21px 19px;
    }

    .guru-reader-tools--article .guru-reader-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 16px;
    }

    .guru-reader-tools--article .guru-reader-card {
        padding: 13px 14px;
    }

    .guru-reader-tools--article .guru-reader-card--forum {
        grid-column: 1 / -1;
        grid-template-columns: 40px minmax(0, 1fr) auto;
        grid-template-rows: auto;
        align-items: center;
    }

    .guru-reader-tools--article .guru-reader-card--forum .guru-reader-button {
        grid-column: 3;
    }
}