.log
{
    max-width: 900px;

    font-family: monospace;
}

.log-entry
{
    display: grid;
    grid-template-columns: 160px 1fr;
    gap: 32px;

    padding: 28px 0;

    border-bottom: 1px solid var(--color-surface-elevated);
}

.log-meta
{
    display: flex;
    flex-direction: column;
    gap: 4px;

    font-size: 13px;
}

.log-meta span:first-child
{
    color: var(--color-text);
}

.log-meta span:last-child
{
    color: var(--color-text-muted);
}

.log-content h1
{
    margin: 0 0 8px;

    font-family: Arial, sans-serif;
    font-size: 21px;
    font-weight: 500;

    color: var(--color-text);
}

.log-content p
{
    max-width: 650px;
    margin: 0;

    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;

    color: var(--color-text-muted);
}