@layer compositions, blocks, utilities, exceptions;

@layer compositions {
    .c-news-details {
        display: grid;
        gap: var(--block-unit);

        &:has(> *:nth-of-type(2)) {
            @media (min-width: 768px) {
                grid-template-columns: 2fr 1fr;
            }
        }
    }
}

@layer blocks {
    .news-details {
        time {
            font-weight: 500;
            color: var(--gray);
        }
    }    
}

@layer exceptions {

}