/*
 * Document shell for the default page template (page.php).
 *
 * Pages authored in wp-admin without a bespoke template render here — policy,
 * legal and other long-form copy. This file supplies only the reading column
 * and the page title: the prose itself is styled by the shared `.pbdy` rules in
 * pages/v2-blog-post.css, which page.php puts on the content wrapper. Keeping
 * the typography in one place stops editor-authored pages and blog posts from
 * drifting apart, and means assets/css/editor-style.css (the wp-admin canvas
 * mirror of `.pbdy`) stays accurate for pages too.
 */

.v2-page .dd-doc {
    background: #ffffff;
    padding: 48px 20px 72px;
}

.v2-page .dd-doc-wrap {
    max-width: 860px;
    margin: 0 auto;
}

.v2-page .dd-doc-title {
    font-size: 36px;
    font-weight: 800;
    color: var(--t1);
    line-height: 1.25;
    margin-bottom: 28px;
}

/* The first block of editor content sits directly under the page title, so drop
   its top margin — otherwise the heading's 34px spacing stacks on the title's. */
.v2-page .dd-doc .pbdy > *:first-child {
    margin-top: 0;
}

/* Numbered lists. The shared prose rules blank every list marker and draw a bullet
   through li::before, which is right for posts but wrong for policy copy that
   cross-references "clause 4.2" — restore real numbering inside the document shell. */
.v2-page .dd-doc .pbdy ol {
    margin: 0 0 16px 0;
    padding-left: 24px;
}

.v2-page .dd-doc .pbdy ol > li {
    list-style: decimal;
    padding-left: 0;
}

.v2-page .dd-doc .pbdy ol > li::before {
    content: none;
}

/* Editor-inserted media. Nothing in the theme constrains a bare <img>, and the
   page hides horizontal overflow, so an oversized image would be cropped rather
   than scaled. */
.v2-page .dd-doc .pbdy img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 768px) {
    .v2-page .dd-doc {
        padding: 32px 16px 56px;
    }

    .v2-page .dd-doc-title {
        font-size: 27px;
        margin-bottom: 20px;
    }
}