/* Typography basics for content */
h1, h2, h3 {
    color: var(--text);
    letter-spacing: -0.015em;
}

h1 {
    font-size: var(--fs-4);
    line-height: 1.15;
    margin: 0 0 var(--sp-4);
}

h2 {
    font-size: var(--fs-3);
    margin: 0 0 var(--sp-3);
}

h3 {
    font-size: var(--fs-2);
    margin: 0 0 var(--sp-2);
}

p {
    margin: 0 0 var(--sp-4);
    color: color-mix(in srgb, var(--text) 82%, #ffffff);
}

.node__title a {
    color: var(--text);
}

.node__title a:hover {
    color: var(--primary);
}

/* Keep editorial measure */
.field--name-body,
.field--type-text-long,
.field--type-text-with-summary {
    max-width: 72ch;
}

.field--name-body p {
    color: var(--text);
}

.field--name-body a {
    text-decoration: underline;
}

/* Tables in content */
.field--name-body table {
    width: 100%;
    border-collapse: collapse;
    margin: var(--sp-5) 0;
}

.field--name-body th,
.field--name-body td {
    border: 1px solid var(--border);
    padding: .6rem .7rem;
    text-align: left;
}

.field--name-body th {
    background: var(--surface-2);
}

.field--name-body tr:nth-child(even) td {
    background: color-mix(in srgb, var(--surface-2) 55%, #ffffff);
}

/* Images */
.field--type-image img {
    border-radius: var(--radius);
    box-shadow: var(--shadow-sm);
}