/*
 * SPDX-FileCopyrightText: 2026-present TeamCalendar
 * SPDX-License-Identifier: LicenseRef-Proprietary
 *
 * Styles the static pages' main region. The ported copy has no classes, so rules
 * target elements under `.page-copy`, the one hook the port keeps.
 */

/* Width comes from `.site-main`; this adds the vertical rhythm the ported copy lacks. */
.page-copy {
    color: var(--ink);
    /* Sample feed addresses in the docs are wider than a phone. */
    overflow-wrap: break-word;
}

.page-copy h1,
.page-copy h2,
.page-copy h3 {
    margin: calc(var(--step) * 2) 0 var(--step);
    letter-spacing: -0.01em;
    /* The legal pages' headings are all capitals, so sizes stay modest. */
    text-wrap: balance;
}

.page-copy > :first-child {
    margin-top: 0;
}

.page-copy h1 {
    font-size: 1.75rem;
    font-weight: 650;
}

.page-copy h2 {
    font-size: 1.375rem;
    font-weight: 650;
}

.page-copy h3 {
    font-size: 1.0625rem;
    font-weight: 650;
}

.page-copy p,
.page-copy li,
.page-copy dd {
    /* Looser than the app's copy: these are documents to read. */
    line-height: 1.7;
}

.page-copy p {
    margin: 0 0 var(--step);
}

.page-copy ul,
.page-copy ol {
    margin: 0 0 var(--step);
    padding-inline-start: 1.5rem;
}

.page-copy li {
    margin-bottom: 0.375rem;
}

.page-copy ol {
    list-style: decimal;
}

/* Contact addresses: each `<dt>` is screen-reader only. */
.page-copy dl {
    margin: 0 0 var(--step);
}

.page-copy dd {
    margin: 0 0 0.375rem;
}

.page-copy address {
    font-style: normal;
}

.page-copy a {
    color: var(--accent);
}

.page-copy a:hover,
.page-copy a:focus-visible {
    text-decoration: none;
}