/* ═══════════════════════════════════════════════════════════════
   Morehead's Better Brains — Version 3 "Manuscript"
   Loads AFTER /assets/site.css and /v2/assets/v2.css.
   Rebuilds the palette and type around Dan's triquetra medallion:
   parchment, burnished bronze, illuminated green & oxblood.
   ═══════════════════════════════════════════════════════════════ */

:root {
    --paper: #f8ecdc;
    --card: #fdf6ec;
    --ink: #3a2c18;
    --ink-soft: #6d5b3f;
    --line: #e2d3b8;
    --spruce: #3d4d33;
    --spruce-deep: #2b3a25;
    --spruce-text: #4c6140;
    --spruce-pale: #e9ead4;
    --oxblood: #5e2f24;
    --oxblood-deep: #45211a;
    --oxblood-text: #6e3c2b;
    --oxblood-pale: #f2e2d2;
    --brass: #8a5c20;
    --bronze-hi: #c9a25e;
}

/* Parchment fiber instead of laid lines */
body {
    font-family: 'EB Garamond', Georgia, serif;
    font-size: 1.12rem;
    background-image: radial-gradient(ellipse at 30% 20%, rgba(138, 92, 32, 0.05), transparent 55%),
        radial-gradient(ellipse at 75% 80%, rgba(138, 92, 32, 0.05), transparent 55%);
}

/* ─── Type: Cormorant Garamond display, Cormorant SC labels ─── */
.wordmark, .masthead h1, .door h2, .page-hero h1, .prose h2,
.stages h3, .essay-list a, .fee-table td.amount, .book-cover .b-title,
.pull-quote {
    font-family: 'Cormorant Garamond', Georgia, serif;
}
.masthead h1 { font-weight: 700; letter-spacing: 0.01em; }
.prose h2 { font-weight: 700; font-size: 1.9rem; }
.door h2 { font-weight: 700; }
.page-hero h1 { font-weight: 700; }
.wordmark { font-weight: 700; font-size: 1.35rem; }
.essay-list a { font-weight: 600; font-size: 1.22rem; }
.stages h3 { font-size: 1.3rem; }
.stages li::before { font-family: 'Cormorant Garamond', serif; font-size: 1.15rem; }

.site-nav a, .door .eyebrow, .door .enter, .page-hero .eyebrow,
.contents .label, .contents li a, .prose h3, .value-card h3,
.credentials span, .masthead .byline, .essay-list .when, .essay-list .venue,
.fee-table th, .callout strong, .site-footer h3, .placeholder-note,
.draft-ribbon, .site-footer .baseline, .powered-by, .pull-quote-attr {
    font-family: 'Cormorant SC', 'EB Garamond', serif;
    font-weight: 600;
}
.site-nav a { font-size: 0.98rem; letter-spacing: 0.06em; text-transform: none; }
.door .eyebrow { font-size: 0.92rem; letter-spacing: 0.16em; text-transform: none; }
.door .enter { font-size: 0.98rem; letter-spacing: 0.1em; text-transform: none; }
.page-hero .eyebrow { font-size: 0.95rem; letter-spacing: 0.16em; text-transform: none; }
.contents .label, .prose h3, .value-card h3 { text-transform: none; letter-spacing: 0.08em; }
.value-card h3 { font-size: 1.05rem; }
.prose h3 { font-size: 1.05rem; }
.contents li a { font-size: 1rem; text-transform: none; }
.credentials span { font-size: 0.92rem; text-transform: none; letter-spacing: 0.04em; }
.masthead .byline { font-size: 1.05rem; text-transform: none; letter-spacing: 0.12em; }
.essay-list .when, .essay-list .venue { font-size: 0.92rem; text-transform: none; }
.fee-table th { font-size: 0.95rem; text-transform: none; }
.callout strong, .site-footer h3 { font-size: 0.98rem; text-transform: none; }
.placeholder-note { font-size: 0.85rem; text-transform: none; letter-spacing: 0.06em; }
.draft-ribbon { font-size: 0.85rem; text-transform: none; letter-spacing: 0.1em; background: #e7d3a8; color: #4a3410; }

/* ─── Masthead: Dan's lockup as a bookplate ─── */
.logo-plate {
    display: block;
    width: min(420px, 78vw);
    margin: 0 auto 1.6rem;
    padding: 10px;
    background: var(--card);
    border: 1px solid var(--brass);
    outline: 1px solid var(--line);
    outline-offset: 4px;
    border-radius: 4px;
    box-shadow: 0 16px 36px rgba(58, 44, 24, 0.14);
}
.logo-plate img { display: block; width: 100%; height: auto; border-radius: 2px; }
.masthead .motto {
    margin-top: 0.7rem;
    font-family: 'Cormorant SC', serif;
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: 0.3em;
    color: var(--brass);
}

/* ─── Header: round medallion mark ─── */
.medallion-mark {
    width: 42px;
    height: 42px;
    flex: none;
    border-radius: 50%;
    border: 1.5px solid var(--brass);
    box-shadow: 0 0 0 3px var(--paper), 0 0 0 4px var(--line);
    object-fit: cover;
}

/* ─── Doors: gilt inner border, medallion on the seam ─── */
.door {
    box-shadow: inset 0 0 0 5px rgba(201, 162, 94, 0.0), inset 0 0 0 1px rgba(201, 162, 94, 0.55);
    border-radius: 4px;
}
.door::after { content: none; }
.door .enter { border-bottom-color: rgba(201, 162, 94, 0.7); }
.seam-medallion {
    position: absolute;
    top: 22px;
    left: 50%;
    transform: translateX(-50%);
    width: min(140px, 14vw);
    height: min(140px, 14vw);
    border-radius: 50%;
    border: 2px solid var(--bronze-hi);
    box-shadow: 0 10px 30px rgba(43, 32, 16, 0.45), 0 0 0 6px rgba(248, 236, 220, 0.18);
    z-index: 5;
    pointer-events: none;
    object-fit: cover;
}
@media (max-width: 760px) { .seam-medallion { display: none; } }

/* ─── Triquetra ornaments ─── */
.flourish svg, .hero-triquetra { color: var(--brass); }
.hero-triquetra {
    position: absolute;
    right: -40px;
    top: 50%;
    transform: translateY(-50%);
    width: 300px;
    opacity: 0.14;
    pointer-events: none;
}
.page-hero .inner { position: relative; z-index: 1; }
@media (max-width: 900px) { .hero-triquetra { display: none; } }

/* ─── Component re-tints ─── */
.value-card { border-left-width: 2px; border-radius: 3px; }
.portrait-arch, .portrait-plain { border-color: var(--brass); outline: 1px solid var(--line); outline-offset: 3px; }
.book-cover { background: linear-gradient(155deg, #7a5c26 0%, #55401a 100%); color: #f8ecdc; }
.book-cover .b-rule { border-top-color: rgba(248, 236, 220, 0.5); }
.pull-quote { color: var(--brass); font-weight: 600; font-size: 1.5rem; }
.dropcap > p:first-of-type::first-letter { font-family: 'Cormorant Garamond', serif; color: var(--brass); font-size: 3.6em; }
.side-writing .dropcap > p:first-of-type::first-letter { color: var(--oxblood-text); }
.fee-table { border-color: var(--line); }
.callout { border-radius: 3px; }

/* ─── Footer: deep umber, gilt links ─── */
.site-footer { background: #2b2114; color: #d9cbb2; }
.site-footer h3 { color: #a8925f; }
.site-footer a { color: #ecdfc4; }
.site-footer a:hover { color: #ffffff; }
.site-footer .baseline { border-top-color: #4a3b24; color: #a8925f; }
.powered-by { color: #a8925f; }
.powered-by strong { color: #ecdfc4; }
.version-switch { background: #2b2114; color: #e7d3a8; box-shadow: 0 6px 18px rgba(43, 33, 20, 0.45); }
::selection { background: #efe0c2; color: #3a2c18; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }