/*
 * Default page (page.php): title + editor content, e.g. Academy → Privacy / Terms.
 * 5-column grid like the rest of the site: the text sits in columns 2–4 on desktop.
 */

.page-article { padding: 48px 0 300px; }

.page-grid {
    display:               grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    column-gap:            16px;
    row-gap:               72px;
}

.page-head { grid-column: 1 / 5; }
.page-title {
    margin:    0;
    font-size: clamp(56px, 6.111vw, 88px);
}

.page-body { grid-column: 2 / 5; min-width: 0; }

/* Editor content */
.page-body > * + * { margin-top: 1.25em; }
.page-body h2,
.page-body h3,
.page-body h4 {
    margin-top:  2em;
    font-weight: var(--fw-medium);
    line-height: var(--lh-tight, 1.1);
}
.page-body h2 { font-size: var(--fs-h3); }
.page-body h3 { font-size: var(--fs-title); }
.page-body h4 { font-size: var(--fs-lead); }
.page-body h2 + *,
.page-body h3 + *,
.page-body h4 + * { margin-top: .75em; }
.page-body p,
.page-body li { font-size: var(--fs-lead); }
.page-body ul,
.page-body ol { padding-left: 1.25em; }
.page-body li + li { margin-top: .5em; }
.page-body a { text-decoration: underline; text-underline-offset: 3px; }
.page-body a:hover { opacity: .6; }
.page-body blockquote {
    margin-left:  0;
    padding-left: 16px;
    border-left:  2px solid var(--color-dark);
}
.page-body table { width: 100%; border-collapse: collapse; }
.page-body th,
.page-body td { padding: 12px 8px; text-align: left; border-bottom: 1px solid rgba(14, 14, 16, .1); }
.page-body hr { border: 0; border-top: 1px solid rgba(14, 14, 16, .1); }

.page-links { margin-top: 2em; }

@media (max-width: 1023px) {
    .page-article { padding-bottom: 104px; }
    .page-grid { row-gap: 32px; }
    .page-head,
    .page-body { grid-column: 1 / -1; }
    .page-title { font-size: 48px; }
    .page-body h2 { font-size: var(--fs-title); }
}