/* ============================================================
   SITE LOOK — added 30 Sep 2026.
   Loaded LAST on every inner page, after styles.css and the page's
   other stylesheets, so it carries the home page's look (home.css)
   across the site without rewriting the older files.
   Parchment ground, ink text, oxblood accent, Cormorant Garamond
   over Source Serif 4. To undo the whole second pass, remove the
   site.css <link> from the pages.
   ============================================================ */
:root {
    --bg:           #F4EFE4;
    --bg-2:         #FBF8F1;
    --header-bg:    #F4EFE4;
    --text-primary: #1E1B16;
    --text-muted:   #3A342B;
    --text-subtle:  #5A5144;
    --sky:          #7A2E22;
    --sky-deep:     #7A2E22;
    --sky-hover:    #4E1C14;
    --terracotta:   #7A2E22;
    --font-body:    'Source Serif 4', Georgia, serif;
}

body { font-weight: 400; -webkit-font-smoothing: antialiased; }

/* ---------- header: as on the home page ---------- */
.site-header {
    border-bottom: 1px solid #D9CFBC;
    padding: 0 clamp(20px, 6vw, 80px);
}
.header-inner { max-width: none; height: 84px; gap: 24px; }
.header-brand { gap: 14px; }
.logo { width: 40px; opacity: 1; }
.site-title { font-size: 22px; font-weight: 600; letter-spacing: 0.02em; }
.site-tagline { display: none; }
.header-nav { gap: 30px; flex-wrap: wrap; justify-content: flex-end; }
.nav-link,
.nav-link--companion {
    font-size: 15px;
    letter-spacing: 0.04em;
    text-transform: none;
    padding: 6px 0;
    border: none;
    border-radius: 0;
    background: none;
    color: #7A2E22;
}
.nav-link:hover,
.nav-link--companion:hover {
    background: none;
    border: none;
    color: #4E1C14;
}

/* ---------- reading pages ---------- */
.detail-breadcrumb a,
.detail-label { color: #7A2E22; }
.detail-breadcrumb a:hover { color: #4E1C14; }
.detail-label { letter-spacing: 0.22em; }
.detail-title {
    font-weight: 400;
    border-bottom-color: #D9CFBC;
}
.detail-body { font-size: 1.15rem; line-height: 1.7; }
.detail-body h2 { font-weight: 400; border-bottom-color: #D9CFBC; }
.detail-lead { border-left-color: #7A2E22; }
.cta-button {
    color: #7A2E22;
    border-color: #7A2E22;
    border-radius: 0;
}
.cta-button:hover {
    background: #7A2E22;
    border-color: #7A2E22;
    color: #FBF8F1;
}

/* ---------- list pages (bibliography, foundations, papers) ---------- */
.bib-item:target,
.cf-entry:target > .cf-head { background: rgba(122, 46, 34, 0.08); }

/* ---------- footer ---------- */
.site-footer {
    max-width: none;
    border-top: 1px solid #D9CFBC;
    padding: 32px clamp(20px, 6vw, 80px) 40px;
}
.footer-text { color: #5A5144; font-style: normal; font-size: 14px; }
.footer-nav { gap: 24px; flex-wrap: wrap; }
.footer-nav .nav-link { padding: 0; font-size: 14px; }

/* ---------- narrower screens ---------- */
@media (max-width: 900px) {
    .header-inner { height: auto; padding: 16px 0; flex-wrap: wrap; }
    .header-nav { gap: 6px 22px; justify-content: flex-start; }
    .nav-link, .nav-link--companion { font-size: 14px; padding: 4px 0; }
}