/* =============================================================================
   article.css — narrow content-page layout

   Linked by content pages (the index, and any notes that want it). Mirrors
   the main site's style/article.css. Omit this file for pages that need a
   full-width or custom layout.
   ============================================================================= */


/* ── Narrow layout ────────────────────────────────────────────────────────── */

body {
    padding: 2.5rem 1.25rem;
}


/* ── Article header ───────────────────────────────────────────────────────── */

#date {
    color: var(--muted);
    font-size: 0.85em;
    margin-top: 0.1em;
    margin-bottom: 0.5em;
}

.tagline {
    display: block;
    font-style: italic;
    color: var(--muted);
    font-size: 0.95em;
    margin-bottom: 0;
}

article hr {
    border: none;
    border-top: 1px solid var(--border);
    margin: 1.5em 0;
}


/* ── Footnotes ────────────────────────────────────────────────────────────── */

section.footnotes {
    border-top: 1px solid var(--border);
    margin-top: 2em;
    padding-top: 0.75em;
}

section.footnotes p {
    margin-bottom: 0.2em;
}

p small[id^="footnote-"],
section.footnotes small[id^="footnote-"] {
    display: block;
    color: var(--muted);
    font-size: 0.8em;
    line-height: 1.5;
}

.fn-back {
    color: var(--muted);
    text-decoration: none;
    font-style: normal;
}

.fn-back:hover {
    color: var(--text);
    text-decoration: underline;
    opacity: 1;
}


/* ── Images ───────────────────────────────────────────────────────────────── */

small.caption {
    display: block;
    text-align: center;
    color: var(--muted);
    font-size: 0.8em;
    margin-top: 0;
    margin-bottom: 1.5em;
}


/* Article tables — clean, no border clutter. */
article table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9em;
    margin: 1.5em 0;
}
article table th {
    text-align: left;
    padding: 0.4em 1.5em 0.5em 0;
    border-bottom: 1.5px solid var(--text);
    font-weight: bold;
}
article table td {
    padding: 0.4em 1.5em 0.4em 0;
    border-bottom: 1px solid var(--border);
    vertical-align: top;
}
article table tr:last-child td {
    border-bottom: none;
}


/* Centered block images within articles. */
img.center {
    display: block;
    margin: 1.5em auto 0.3em;
    max-width: 100%;
    height: auto;
}