/* Reference chapters use the same black stage and portrait paper as the book. */
body.reference { display: block; overflow: auto; background: #0B0908; }
.reference-chapter, .reference-section { display: block; margin: 0; padding: 0; }
.reference-leaf-frame { scroll-margin-top: 3vh; }
.reference-leaf { color: var(--burgundy); }
.reference-leaf .reference-sheet { padding: 6.4% 6.4% 58px; overflow-y: auto; overscroll-behavior: contain; }
.reference-leaf-heading { margin: 0 0 5cqw; padding-bottom: 3cqw; border-bottom: 1px solid rgba(66,20,30,.2); }
.reference-wordmark { display: inline-block; color: inherit; font-family: 'Kadwood', serif; font-size: clamp(22px, 5cqw, 32px); line-height: 1; letter-spacing: 0; font-variant-ligatures: common-ligatures; text-transform: uppercase; text-decoration: none; border: 0; }
.reference-leaf-heading .kicker { margin: 1.5cqw 0 0; font-family: var(--font-body); font-size: 12px; line-height: 1.35; letter-spacing: .1em; text-transform: uppercase; }
.reference-leaf:not(.reference-leaf--opening) .reference-leaf-heading { margin-bottom: 3cqw; padding-bottom: 2cqw; }
.reference-leaf:not(.reference-leaf--opening) .reference-leaf-heading .kicker { margin: 0; }
.reference-leaf .reference-title { margin: 0 0 4cqw; color: var(--burgundy); font-family: var(--font-serif); font-size: clamp(27px, 7.7cqw, 48px); font-weight: 400; line-height: 1.12; letter-spacing: -.02em; text-transform: none; text-wrap: balance; }
.reference-leaf--opening .reference-title { font-size: clamp(32px, 8.5cqw, 54px); }
.reference-leaf .reference-content { max-width: none; margin: 0; font-family: var(--font-body); font-size: clamp(15px, 2.8cqw, 18px); font-weight: 400; line-height: 1.35; text-align: left; hyphens: none; }
.reference-content p, .reference-content ul, .reference-content ol { margin: 0 0 .7em; }
.reference-content dl { display: grid; grid-template-columns: 35% 1fr; gap: .25em 1em; margin: 0 0 .35em; }
.reference-content dl dt { font-size: 12px; line-height: 1.35; }
.reference-content dl.reference-definition--long { display: block; }
.reference-definition--long dt { margin-bottom: .35em; }
.reference-content p:last-child, .reference-content dl:last-child { margin-bottom: 0; }
.reference-content p::first-letter { float: none; font: inherit; padding: 0; }
.reference-content a { color: inherit; text-underline-offset: .2em; }
.reference-content a:focus-visible, .reference-wordmark:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.reference-content dt { font-weight: 700; margin-bottom: .25em; }
.reference-content dd { margin: 0; }
.reference-content li { margin-bottom: .5em; }
.reference-content figure { margin: 0; }
.reference-content figure img { display: block; width: 100%; max-height: 55cqw; height: auto; object-fit: contain; }
.reference-content figcaption { font-size: 12px; line-height: 1.4; margin-top: .75em; }
.reference-content table { width: 100%; border-collapse: collapse; font: inherit; table-layout: fixed; }
.reference-content th, .reference-content td { padding: .45em .4em; border-bottom: 1px solid rgba(66,20,30,.2); text-align: left; vertical-align: top; overflow-wrap: anywhere; }
.reference-content th:first-child, .reference-content td:first-child { width: 35%; font-size: 12px; line-height: 1.35; }
.reference-content thead th { font-size: 12px; }
.reference-content caption { margin-bottom: .5em; text-align: left; font-size: 12px; }
.reference-content .reference-facts { display: grid; grid-template-columns: 1fr 1fr; gap: .45em 1em; padding-top: 3cqw; margin-top: 4cqw; border-top: 1px solid rgba(66,20,30,.2); }
.reference-facts dt { margin: 0; font-size: 12px; line-height: 1.5; text-transform: uppercase; letter-spacing: .04em; }
.reference-facts dd { margin: 0; font-size: 15px; line-height: 1.4; }
.reference-leaf .leaf-foot { display: flex; align-items: baseline; justify-content: space-between; gap: 1em; }
.reference-leaf .leaf-foot__mark { display: inline; font-family: 'Kadwood', serif; font-size: 15px; text-transform: uppercase; letter-spacing: 0; }
.reference-leaf .reference-folio, .reference-leaf .leaf-foot__contents { font-family: var(--font-body); font-size: 12px; line-height: 1; }
.reference-leaf::after { display: none !important; }
.reference-nav { align-items: baseline; font-size: 12px; line-height: 1.4; }
.reference-nav a { max-width: 34%; }
.skip-link { position: fixed; left: 1rem; top: 1rem; transform: translateY(-180%); background: var(--burgundy); color: #fff; padding: .75rem 1rem; z-index: 20; }
.skip-link:focus { transform: none; }
@media (max-width: 360px) {
    .reference-leaf--opening .reference-leaf-heading { margin-bottom: 3cqw; padding-bottom: 2cqw; }
    .reference-leaf--opening .reference-title { font-size: 30px; line-height: 1.05; margin-bottom: 3cqw; }
    .reference-content .reference-facts { gap: .25em 1em; margin-top: 3cqw; padding-top: 1.5cqw; }
    .reference-facts dd { line-height: 1.3; }
}

/* Bespoke is an English book leaf, with the same large display composition. */
.reference-book-chapter .leaf-foot { align-items: center; }
.reference-book-chapter .leaf-foot__contents { font-size: 9.5px; }
.page.bespoke-opening .reference-sheet { display: flex; flex-direction: column; }
.bespoke-opening .reference-leaf-heading { flex: 0 0 auto; margin: 0 0 4cqw; padding: 0; border: 0; }
.bespoke-opening .reference-leaf-heading .kicker { margin: 0; }
.page.bespoke-opening .bespoke-title {
    display: flex; flex-direction: column; justify-content: space-between;
    flex: 0 0 60%; margin: 0 0 5cqw; width: 100%;
    font-family: var(--font-display); font-size: 22.5cqw; font-weight: 300;
    line-height: .92; letter-spacing: -.045em; text-transform: uppercase;
}
.bespoke-title > span { display: block; white-space: nowrap; }
.bespoke-title > span:nth-child(2) { align-self: flex-end; font-size: 20cqw; }
.bespoke-title > span:nth-child(3) { align-self: center; }
.bespoke-title em { font-family: var(--font-serif); font-weight: 500; }
.bespoke-opening .reference-content { font-size: clamp(15px, 2.8cqw, 18px); line-height: 1.3; }
.bespoke-reading-link { font-size: 12px; margin-top: .75em !important; }
#book .reference-book-chapter .leaf-foot__mark { display: inline; }