/* Tracking Literature: the site's own palette (Elementor kit) so it sits in the page like the rest of the site. */
.owtl, .owtl-paper {
	--owtl-brown: var(--e-global-color-84875e1, #554B41);
	--owtl-green: var(--e-global-color-5b97e44, #486644);
	--owtl-sand: var(--e-global-color-0d3c1f0, #DDC8A1);
	--owtl-taupe: var(--e-global-color-14ecb9e, #B6A899);
	--owtl-text: var(--e-global-color-secondary, #54595F);
	--owtl-line: #E6DCCB;
	--owtl-soft: #F7F2EA;
	color: var(--owtl-text);
	font-family: var(--e-global-typography-text-font-family, "Roboto"), sans-serif;
	line-height: 1.6;
}
.owtl *, .owtl-paper * { box-sizing: border-box; }
/* Beats the Elementor kit's olive link colour (#AFB63F, 2.2:1 on white) with the site's forest green (6.6:1). */
#owtl a, .owtl-paper-wrap .owtl-paper a { color: var(--owtl-green); }
#owtl a:hover, .owtl-paper-wrap .owtl-paper a:hover { color: var(--owtl-brown); }
.owtl :focus-visible, .owtl-paper :focus-visible { outline: 3px solid var(--owtl-green); outline-offset: 2px; }
.owtl .screen-reader-text, .owtl-paper .screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Search */
.owtl { margin-top: 1.5em; }
.owtl-search label { display: block; font-weight: 600; color: var(--owtl-brown); margin-bottom: .35em; }
.owtl-search-row { display: flex; gap: .5em; }
.owtl-search input[type=search] { flex: 1; min-width: 0; font: inherit; padding: .7em .9em; border: 1px solid var(--owtl-taupe); border-radius: 6px; background: #fff; color: #222; }
.owtl button, .owtl select { font: inherit; }
.owtl-search button, .owtl-clear {
	padding: .7em 1.2em; border: 0; border-radius: 6px; background: var(--owtl-green); color: #fff; font-weight: 600; cursor: pointer;
}
.owtl-search button:hover, .owtl-clear:hover { background: var(--owtl-brown); }

/* Filters */
.owtl-filters { margin: 1.25em 0; padding: 1em; background: var(--owtl-soft); border: 1px solid var(--owtl-line); border-radius: 8px; }
.owtl-filters-head { display: flex; justify-content: space-between; align-items: center; gap: 1em; margin-bottom: .5em; }
.owtl-h { margin: 0; font-size: 1.1em; color: var(--owtl-brown); }
.owtl-clear { padding: .45em 1em; font-size: .9em; }
.owtl-clear:disabled { background: #fff; color: #6b6b6b; border: 1px solid var(--owtl-line); cursor: default; }
.owtl-groups { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: .5em; align-items: start; }
.owtl-group { background: #fff; border: 1px solid var(--owtl-line); border-radius: 6px; }
.owtl-group summary { cursor: pointer; padding: .6em .8em; font-weight: 600; color: var(--owtl-brown); list-style-position: inside; }
.owtl-group-n { font-weight: 400; color: var(--owtl-green); }
.owtl-group-body { padding: 0 .8em .8em; max-height: 22em; overflow-y: auto; }
.owtl-find-label { display: block; font-size: .85em; margin-bottom: .2em; }
.owtl-find { width: 100%; font: inherit; padding: .4em .6em; border: 1px solid var(--owtl-taupe); border-radius: 4px; margin-bottom: .5em; }
.owtl-terms, .owtl-terms .owtl-terms { list-style: none; margin: 0; padding: 0; }
.owtl-terms .owtl-terms { padding-left: 1.3em; }
.owtl-terms li { margin: .15em 0; }
.owtl-terms label { cursor: pointer; }
.owtl-terms input { margin-right: .4em; accent-color: var(--owtl-green); }
.owtl-n { color: #6b6b6b; font-size: .9em; }
.owtl-zero > label { color: #8a8a8a; }
.owtl-nomatch { display: none; }
.owtl-years { display: flex; gap: .75em; flex-wrap: wrap; }
.owtl-years label { display: block; font-size: .85em; }
.owtl-years select { padding: .35em; border: 1px solid var(--owtl-taupe); border-radius: 4px; background: #fff; }

/* Count, sort */
.owtl-bar { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: .5em 1em; border-bottom: 2px solid var(--owtl-sand); padding-bottom: .5em; scroll-margin-top: 120px; }
.owtl-count { margin: 0; font-weight: 600; color: var(--owtl-brown); }
.owtl-sort label { margin-right: .4em; font-size: .9em; }
.owtl-sort select { padding: .35em .5em; border: 1px solid var(--owtl-taupe); border-radius: 4px; background: #fff; }

/* Results */
.owtl-results { list-style: none; margin: 0; padding: 0; }
.owtl-card { padding: 1.1em 0; border-bottom: 1px solid var(--owtl-line); }
.owtl-card-title { margin: 0 0 .25em; font-size: 1.15em; line-height: 1.35; font-family: var(--e-global-typography-secondary-font-family, "Roboto Slab"), serif; font-weight: 400; }
.owtl-card-title a { text-decoration: none; color: var(--owtl-brown); }
.owtl-card-title a:hover { text-decoration: underline; color: var(--owtl-green); }
.owtl-card-meta { margin: 0 0 .4em; font-size: .92em; }
.owtl-access { display: inline-block; margin-left: .3em; padding: .05em .55em; border-radius: 999px; font-size: .85em; white-space: nowrap; }
.owtl-access.is-pdf { background: #E3EEDF; color: #2F4A2C; }
.owtl-access.is-link { background: var(--owtl-soft); color: #5A4E40; border: 1px solid var(--owtl-line); }
.owtl-card-blurb { margin: 0 0 .5em; }
.owtl-card-tags { margin: 0; display: flex; flex-wrap: wrap; gap: .35em; }
.owtl-card-tags span { font-size: .8em; padding: .1em .6em; border-radius: 4px; background: var(--owtl-soft); border: 1px solid var(--owtl-line); }
.owtl-draft { font-family: var(--e-global-typography-text-font-family, "Roboto"), sans-serif; font-size: .65em; vertical-align: middle; padding: .1em .5em; border-radius: 4px; background: #FFF3CD; color: #664D03; }
.owtl-empty { padding: 1.5em 0; }
.owtl-pages { display: flex; flex-wrap: wrap; gap: .35em; margin: 1.25em 0; }
.owtl-pages a, .owtl-pages span { display: inline-block; min-width: 2.4em; padding: .4em .7em; text-align: center; border: 1px solid var(--owtl-line); border-radius: 4px; text-decoration: none; }
.owtl-pages span[aria-current] { background: var(--owtl-green); border-color: var(--owtl-green); color: #fff; }

/* Paper page */
.owtl-paper-wrap { background: var(--e-global-color-0d3c1f0, #DDC8A1); padding: 40px 16px 60px; }
.owtl-paper { max-width: 900px; margin: 0 auto; background: #fff; padding: 32px 40px; box-shadow: 6px 6px 0 rgba(0, 0, 0, .04); }
.owtl-paper-title { margin: .3em 0 .6em; color: var(--owtl-brown); font-family: var(--e-global-typography-secondary-font-family, "Roboto Slab"), serif; font-weight: 400; font-size: 2em; line-height: 1.25; }
.owtl-paper h2 { color: var(--owtl-brown); font-size: 1.3em; margin: 1.6em 0 .6em; padding-bottom: .3em; border-bottom: 2px solid var(--owtl-sand); }
.owtl-paper h3 { color: var(--owtl-brown); font-size: 1.1em; margin: 1.4em 0 .4em; }
.owtl-paper h4 { color: var(--owtl-text); font-size: 1em; margin: 1em 0 .3em; }
.owtl-dl { display: grid; grid-template-columns: minmax(150px, 30%) 1fr; gap: .45em 1.25em; margin: 0; }
.owtl-dl dt { font-weight: 600; color: var(--owtl-brown); }
.owtl-dl dd { margin: 0; overflow-wrap: anywhere; }
.owtl-tags dd { display: flex; flex-wrap: wrap; gap: .35em; }
.owtl-tags a { font-size: .9em; padding: .1em .6em; border-radius: 4px; background: var(--owtl-soft); border: 1px solid var(--owtl-line); text-decoration: none; }
.owtl-tags a:hover { border-color: var(--owtl-green); }
.owtl-file { font-weight: 600; }
.owtl-file-note { display: block; font-size: .85em; color: #6b6b6b; }
.owtl-synopsis ul { padding-left: 1.3em; }
.owtl-ow-label { font-style: italic; font-size: .92em; }
.owtl-preview-note { background: #FFF3CD; color: #664D03; padding: .6em 1em; border-radius: 6px; }

@media (max-width: 640px) {
	.owtl-groups { grid-template-columns: 1fr; }
	.owtl-paper { padding: 20px 18px; }
	.owtl-paper-title { font-size: 1.55em; }
	.owtl-dl { grid-template-columns: 1fr; gap: .1em; }
	.owtl-dl dd { margin-bottom: .6em; }
	.owtl-search button { padding: .7em .9em; }
}
.owtl-earlier { margin: 2.5em 0 .75em; font-size: 1.3em; color: var(--e-global-color-84875e1, #554B41); }
/* The old BSK list underneath: long file names wrapped so phones do not scroll sideways. */
.bsk-pdfm-pdf-link-for-title, .bsk-pdfm-pdf-title-string { overflow-wrap: anywhere; word-break: break-word; }

/* Paper page rhythm. The site's custom CSS sets p { margin-block: 0 !important } globally, so paragraph spacing
   inside the library and paper pages needs !important too, scoped to them only. */
.owtl-paper-wrap .owtl-paper section { margin-top: 2.25em; }
.owtl-paper-wrap .owtl-paper h2 { margin: 0 0 .8em; }
.owtl-paper-wrap .owtl-paper h3 { margin: 1.75em 0 .5em; }
.owtl-paper-wrap .owtl-paper h4 { margin: 1.25em 0 .4em; }
.owtl-paper-wrap .owtl-paper p { margin-block: 0 .9em !important; }
.owtl-paper-wrap .owtl-paper ul { margin: 0 0 1em; padding-left: 1.3em; }
.owtl-paper-wrap .owtl-paper li { margin: 0 0 .45em; }
.owtl-paper-wrap .owtl-paper .owtl-syn > :last-child,
.owtl-paper-wrap .owtl-paper .owtl-syn > ul:last-child > li:last-child { margin-bottom: 0; }
.owtl-paper-wrap .owtl-paper .owtl-ow-note { margin-top: 2em; padding: 1.25em 1.5em 1.4em; background: var(--owtl-soft); border-left: 4px solid var(--owtl-green); border-radius: 0 6px 6px 0; }
.owtl-paper-wrap .owtl-paper .owtl-ow-note h3 { margin-top: 0; }
.owtl-paper-wrap .owtl-paper .owtl-back-row { margin: 0 0 1.25em; }
.owtl-paper-wrap .owtl-paper .owtl-back-row--end { margin: 2.75em 0 0; padding-top: 1.5em; border-top: 1px solid var(--owtl-line); }
.owtl-paper-wrap .owtl-paper .owtl-back { font-weight: 600; text-decoration: none; }
.owtl-paper-wrap .owtl-paper .owtl-back:hover { text-decoration: underline; }
.owtl-paper-wrap .owtl-paper .owtl-dl dd p:last-child, .owtl-paper-wrap .owtl-paper .owtl-syn > p:last-child { margin-block-end: 0 !important; }
.owtl-paper-wrap .owtl-paper .owtl-preview-note { margin-block: 0 1em !important; }

/* Library rhythm, same reason. */
#owtl p { margin-block: 0 !important; }
#owtl .owtl-card { padding: 1.25em 0; }
#owtl .owtl-card-meta { margin-block: .3em .5em !important; }
#owtl .owtl-card-blurb { margin-block: 0 .6em !important; }
#owtl .owtl-filters { margin: 1.25em 0 1.5em; }
#owtl .owtl-bar { margin-bottom: .25em; }
#owtl .owtl-pages { margin: 1.5em 0 .5em; }
#owtl .owtl-search label { margin-bottom: .4em; }
@media (max-width: 640px) {
	.owtl-paper-wrap .owtl-paper .owtl-ow-note { padding: 1em 1.1em 1.1em; }
	.owtl-paper-wrap .owtl-paper section { margin-top: 1.75em; }
}

/* Answer-first lead, byline and citation (AEO). */
.owtl-paper-wrap .owtl-paper .owtl-lede { font-size: 1.12em; line-height: 1.55; color: #3f4246; margin-block: 0 .6em !important; }
.owtl-paper-wrap .owtl-paper .owtl-lede strong { color: var(--owtl-brown); }
.owtl-paper-wrap .owtl-paper .owtl-byline { font-size: .9em; color: #6b6b6b; margin-block: 0 .5em !important; }
.owtl-paper-wrap .owtl-paper .owtl-cite p { background: var(--owtl-soft); border: 1px solid var(--owtl-line); border-radius: 6px; padding: .9em 1.1em; overflow-wrap: anywhere; }
.owtl-paper-wrap .owtl-paper .owtl-cite .owtl-cite-note { background: none; border: 0; padding: 0; font-size: .9em; color: #6b6b6b; }

/* Galleries embedded on a paper page: a tinted panel, a clear header per gallery, a jump row, and the gallery
   plugin's cards in a grid sized by this column (its own grid steps by window width, too tight in here). */
.owtl-paper-wrap .owtl-paper .owtl-gal-panel { background: var(--owtl-soft); border: 1px solid var(--owtl-line); border-radius: 10px; padding: 1.5em 1.5em 1.75em; }
.owtl-paper-wrap .owtl-paper .owtl-gal-panel > h2 { margin-top: 0; }
.owtl-paper-wrap .owtl-paper .owtl-gal-intro { margin-block: 0 1em !important; }
.owtl-paper-wrap .owtl-paper .owtl-gal-jump { display: flex; flex-wrap: wrap; gap: .45em; margin: 0 0 .5em; }
.owtl-paper-wrap .owtl-paper .owtl-gal-jump a { display: inline-block; padding: .3em .8em; border-radius: 999px; background: #fff; border: 1px solid var(--owtl-line); color: var(--owtl-brown); font-size: .88em; font-weight: 600; text-decoration: none; }
.owtl-paper-wrap .owtl-paper .owtl-gal-jump a:hover, .owtl-paper-wrap .owtl-paper .owtl-gal-jump a:focus-visible { border-color: var(--owtl-green); color: var(--owtl-green); }
.owtl-paper-wrap .owtl-paper .owtl-gal-jump span { font-weight: 400; color: #6b6b6b; }
.owtl-paper-wrap .owtl-paper .owtl-gal { margin: 2em 0 0; padding: 1.25em 0 0; border-top: 3px solid var(--owtl-sand); background: none; scroll-margin-top: 130px; }
.owtl-paper-wrap .owtl-paper .owtl-gal-head { display: flex; align-items: center; flex-wrap: wrap; gap: .4em .7em; }
.owtl-paper-wrap .owtl-paper .owtl-gal-title { margin: 0; color: var(--owtl-brown); font-family: var(--e-global-typography-secondary-font-family, "Roboto Slab"), serif; font-size: 1.4em; font-weight: 500; line-height: 1.25; }
.owtl-paper-wrap .owtl-paper .owtl-gal-pill { padding: .15em .7em; border-radius: 999px; background: #E3EEDF; color: #2F4A2C; font-size: .8em; font-weight: 600; white-space: nowrap; }
.owtl-paper-wrap .owtl-paper .owtl-gal-desc { margin-block: .35em 1em !important; color: #5c5f63; font-size: .95em; }
.owtl-paper-wrap .owtl-paper .owtl-gal .owtq-gallery-single__grid { grid-template-columns: repeat(auto-fill, minmax(165px, 1fr)); gap: 14px; }
.owtl-paper-wrap .owtl-paper .owtl-gal .owtq-gallery-single__thumb-caption { padding: 10px 12px 4px; font-size: .86rem; font-weight: 600; text-align: left; color: #2b2d30; }
.owtl-paper-wrap .owtl-paper .owtl-thumb-detail { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; padding: 0; margin: 0 12px 12px; max-height: 2.8em; font-size: .8em; line-height: 1.4; color: #5c5f63; text-align: left; }
@media (max-width: 640px) {
	.owtl-paper-wrap .owtl-paper .owtl-gal-panel { padding: 1.1em .9em 1.25em; margin: 0 -6px; }
	.owtl-paper-wrap .owtl-paper .owtl-gal .owtq-gallery-single__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.owtl-paper-wrap .owtl-paper .owtl-gal-title { font-size: 1.2em; }
}

/* Header-width page: the card follows the header's content box (max 1200px, the same side gutters), with the
   synopsis in a readable main column and citation, tags and keywords in a sidebar on wide screens. */
@media (min-width: 641px) { .owtl-paper-wrap { padding-left: 0; padding-right: 0; } }
.owtl-paper-wrap .owtl-paper { max-width: 1200px; width: 84%; padding: 40px 48px 44px; }
.owtl-paper-wrap .owtl-paper .owtl-paper-title { font-size: 2.15em; }
@media (min-width: 1024px) {
	.owtl-paper-wrap .owtl-paper .owtl-body { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 0 56px; align-items: start; }
	.owtl-paper-wrap .owtl-paper .owtl-side { grid-column: 2; grid-row: 1; }
	.owtl-paper-wrap .owtl-paper .owtl-main { grid-column: 1; grid-row: 1; }
	.owtl-paper-wrap .owtl-paper .owtl-side .owtl-dl { grid-template-columns: 1fr; gap: 0; }
	.owtl-paper-wrap .owtl-paper .owtl-side .owtl-dl dt { margin-top: .75em; font-size: .85em; text-transform: uppercase; letter-spacing: .04em; }
	.owtl-paper-wrap .owtl-paper .owtl-side .owtl-dl dt:first-child { margin-top: 0; }
	.owtl-paper-wrap .owtl-paper .owtl-side .owtl-dl dd { font-size: .95em; }
	.owtl-paper-wrap .owtl-paper .owtl-side section { padding: 1.25em 1.25em 1.4em; background: var(--owtl-soft); border: 1px solid var(--owtl-line); border-radius: 8px; }
	.owtl-paper-wrap .owtl-paper .owtl-side section h2 { font-size: 1.1em; }
	.owtl-paper-wrap .owtl-paper .owtl-side section + section { margin-top: 1.25em; }
	.owtl-paper-wrap .owtl-paper .owtl-side, .owtl-paper-wrap .owtl-paper .owtl-main { margin-top: 2.25em; }
	.owtl-paper-wrap .owtl-paper .owtl-main > section:first-child, .owtl-paper-wrap .owtl-paper .owtl-side > section:first-child { margin-top: 0; }
}
@media (max-width: 640px) {
	.owtl-paper-wrap .owtl-paper { width: 100%; padding: 22px 18px 28px; }
	.owtl-paper-wrap .owtl-paper .owtl-paper-title { font-size: 1.55em; }
}

/* Site page pattern (as on Calendar): full-width hero, then the white content box rising 60px over it with the
   site's tight 20px padding, so the text lines up with the logo. Shorter hero than the site's 630px: this is a
   reference page and the content should start near the fold. */
.owtl-paper-wrap { padding-top: 0; }
.owtl-hero { height: clamp(240px, 42vh, 420px); background-size: cover; background-position: center; background-repeat: no-repeat; }
.owtl-paper-wrap .owtl-paper.owtl-paper--hero { position: relative; margin-top: -60px; }
.owtl-paper-wrap:not(:has(.owtl-hero)) .owtl-paper { margin-top: 40px; }
.owtl-paper-wrap .owtl-paper { padding: 20px 20px 32px; box-shadow: 6px 6px 0 rgba(0, 0, 0, .04); }
@media (max-width: 640px) {
	.owtl-hero { height: 200px; }
	.owtl-paper-wrap .owtl-paper.owtl-paper--hero { margin-top: -40px; }
	.owtl-paper-wrap .owtl-paper { padding: 18px 16px 26px; }
}
@media (max-width: 640px) { .owtl-hero { margin: 0 -16px; } }

/* Section 8 (Original Wisdom's observations) spans the full card under the two columns. */
.owtl-paper-wrap .owtl-paper .owtl-ow-wide { margin-top: 2.25em; }

/* ===== Library page, redesigned: big search, try chips and stats, filter rail beside the results, picture cards ===== */
#owtl { margin-top: 1.75em; }
#owtl .owtl-top { background: var(--owtl-soft); border: 1px solid var(--owtl-line); border-radius: 12px; padding: 22px 24px 18px; }
#owtl .owtl-search-label { display: block; margin: 0 0 .5em; font-family: var(--e-global-typography-secondary-font-family, "Roboto Slab"), serif; font-size: 1.25em; font-weight: 500; color: var(--owtl-brown); }
#owtl .owtl-search-row { position: relative; display: flex; align-items: center; gap: 0; background: #fff; border: 2px solid var(--owtl-taupe); border-radius: 999px; padding: 5px 5px 5px 48px; transition: border-color .2s; }
#owtl .owtl-search-row:focus-within { border-color: var(--owtl-green); }
#owtl .owtl-search-icon { position: absolute; left: 18px; color: #7a6f63; }
#owtl .owtl-search input[type=search] { flex: 1; border: 0; padding: .65em .4em; font-size: 1.05em; background: transparent; outline: none; min-width: 0; }
#owtl .owtl-search button { border-radius: 999px; padding: .7em 1.5em; }
#owtl .owtl-try { display: flex; flex-wrap: wrap; align-items: center; gap: .4em; margin-top: .85em; }
#owtl .owtl-try-label { font-size: .88em; color: #6b6b6b; margin-right: .2em; }
#owtl .owtl-try-chip { font: inherit; font-size: .88em; padding: .3em .85em; border-radius: 999px; border: 1px solid var(--owtl-line); background: #fff; color: var(--owtl-brown); cursor: pointer; }
#owtl .owtl-try-chip:hover, #owtl .owtl-try-chip:focus-visible { border-color: var(--owtl-green); color: var(--owtl-green); background: #fff !important; }
#owtl .owtl-stats { margin-block: .9em 0 !important; font-size: .82em; letter-spacing: .06em; text-transform: uppercase; color: #6b6b6b; }

#owtl .owtl-layout { margin-top: 1.75em; }
@media (min-width: 901px) {
	#owtl .owtl-layout { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 32px; align-items: start; }
	#owtl .owtl-filters { position: sticky; top: 110px; max-height: calc(100vh - 130px); overflow-y: auto; }
}
#owtl .owtl-filters { margin: 0; padding: 0; background: none; border: 0; border-radius: 0; }
#owtl .owtl-filters.is-collapsed { display: none; }
#owtl .owtl-filters-head { display: flex; justify-content: space-between; align-items: center; padding-bottom: .6em; border-bottom: 2px solid var(--owtl-sand); margin: 0; }
#owtl .owtl-groups { display: block; }
#owtl .owtl-group { border: 0; border-bottom: 1px solid var(--owtl-line); border-radius: 0; background: none; }
#owtl .owtl-group summary { display: flex; justify-content: space-between; align-items: center; padding: .75em .1em; list-style: none; font-size: .95em; }
#owtl .owtl-group summary::-webkit-details-marker { display: none; }
#owtl .owtl-group-body { padding: 0 .1em .9em; max-height: 18em; }
#owtl .owtl-terms li { font-size: .92em; }

#owtl .owtl-bar { display: flex; justify-content: space-between; align-items: center; gap: .75em; border-bottom: 2px solid var(--owtl-sand); padding-bottom: .6em; }
#owtl .owtl-count { font-family: var(--e-global-typography-secondary-font-family, "Roboto Slab"), serif; font-size: 1.2em; font-weight: 500; }
#owtl .owtl-bar-tools { display: flex; align-items: center; gap: .6em; }
#owtl .owtl-filter-toggle { font: inherit; font-weight: 600; padding: .45em 1em; border-radius: 999px; border: 1px solid var(--owtl-taupe); background: #fff; color: var(--owtl-brown); }
#owtl .owtl-active { display: flex; flex-wrap: wrap; gap: .4em; margin-top: .8em; }
#owtl .owtl-chip { font: inherit; font-size: .85em; display: inline-flex; align-items: center; gap: .45em; padding: .3em .55em .3em .85em; border-radius: 999px; border: 1px solid #b9d0b3; background: #E3EEDF !important; color: #2F4A2C; cursor: pointer; }
#owtl .owtl-chip-x { font-size: 1.15em; line-height: 1; }
#owtl .owtl-chip:hover .owtl-chip-x, #owtl .owtl-chip:focus-visible .owtl-chip-x { color: #8a1c1c; }

#owtl .owtl-results { display: grid; gap: 16px; margin-top: 1em; }
#owtl .owtl-results .owtl-card { display: grid; grid-template-columns: 200px minmax(0, 1fr); padding: 0; border: 1px solid var(--owtl-line); border-radius: 12px; overflow: hidden; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.04); transition: box-shadow .2s, transform .2s, border-color .2s; }
#owtl .owtl-results .owtl-card:hover { box-shadow: 0 8px 22px rgba(60,45,30,.12); transform: translateY(-2px); border-color: var(--owtl-taupe); }
#owtl .owtl-card-media { display: block; position: relative; min-height: 170px; background: #e8dcc6; }
#owtl .owtl-card-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
#owtl .owtl-card-tile { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #efe5d3, #d9c6a3); }
#owtl .owtl-card-tile span { font-family: var(--e-global-typography-secondary-font-family, "Roboto Slab"), serif; font-size: 2.4em; color: rgba(85,75,65,.75); letter-spacing: .02em; }
#owtl .owtl-card-body { padding: 16px 20px 18px; }
#owtl .owtl-card-badges { display: flex; flex-wrap: wrap; gap: .4em; margin-block: 0 .5em !important; }
#owtl .owtl-year { padding: .1em .6em; border-radius: 999px; background: var(--owtl-brown); color: #fff; font-size: .8em; font-weight: 600; }
#owtl .owtl-card-badges .owtl-access { margin-left: 0; font-size: .8em; }
#owtl .owtl-card-badges .owtl-draft { font-size: .8em; }
#owtl .owtl-card-title { margin: 0 0 .25em; font-size: 1.18em; line-height: 1.35; }
#owtl .owtl-card-meta { margin-block: 0 .55em !important; font-size: .88em; color: #6b6b6b; }
#owtl .owtl-card-blurb { margin-block: 0 .7em !important; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
#owtl .owtl-pages { justify-content: center; margin: 1.75em 0 .5em; }
#owtl .owtl-pages a, #owtl .owtl-pages span { border-radius: 999px; }
@media (max-width: 900px) {
	#owtl .owtl-filters { margin-top: 1em; padding: .25em 1em .75em; border: 1px solid var(--owtl-line); border-radius: 10px; background: #fff; }
	#owtl .owtl-results-col { width: 100%; }
}
@media (max-width: 600px) {
	#owtl .owtl-top { padding: 16px 14px 14px; }
	#owtl .owtl-search-row { padding-left: 40px; }
	#owtl .owtl-search-icon { left: 14px; }
	#owtl .owtl-search button { padding: .65em 1em; }
	#owtl .owtl-results .owtl-card { grid-template-columns: 1fr; }
	#owtl .owtl-card-media { min-height: 150px; }
	#owtl .owtl-bar { flex-wrap: wrap; }
}
#owtl [hidden] { display: none !important; }
#owtl .owtl-sort { display: flex; align-items: center; gap: .4em; }
#owtl .owtl-sort label { margin: 0; }
#owtl .owtl-group .owtl-find { height: auto; min-height: 0; padding: .4em .7em; font-size: .9em; border-radius: 999px; border: 1px solid var(--owtl-line); }
#owtl .owtl-find-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* Questions and answers (paper pages) and About the library: the visible Q&A behind the FAQ data. */
.owtl-paper-wrap .owtl-paper .owtl-qa { margin-top: 2.25em; }
.owtl-paper-wrap .owtl-paper .owtl-qa-item, #owtl .owtl-qa-item { padding: 1em 0; border-bottom: 1px solid var(--owtl-line); }
.owtl-paper-wrap .owtl-paper .owtl-qa-item:last-child, #owtl .owtl-qa-item:last-child { border-bottom: 0; }
.owtl-paper-wrap .owtl-paper .owtl-qa-item h3, #owtl .owtl-qa-item h3 { margin: 0 0 .35em; font-size: 1.05em; color: var(--owtl-brown); }
.owtl-paper-wrap .owtl-paper .owtl-qa-item p, #owtl .owtl-qa-item p { margin-block: 0 !important; }
.owtl-paper-wrap .owtl-paper .owtl-qa-more { white-space: nowrap; font-size: .9em; font-weight: 600; }
.owtl-paper-wrap .owtl-paper .owtl-syn { scroll-margin-top: 120px; }
#owtl .owtl-lib-faq { margin-top: 2.5em; padding: 1.25em 1.5em .5em; background: var(--owtl-soft); border: 1px solid var(--owtl-line); border-radius: 12px; }
#owtl .owtl-lib-faq h2 { margin: 0 0 .25em; font-family: var(--e-global-typography-secondary-font-family, "Roboto Slab"), serif; font-size: 1.3em; font-weight: 500; color: var(--owtl-brown); }

/* List / grid toggle and the grid view: picture on top, two or three cards across. */
#owtl .owtl-view { display: inline-flex; border: 1px solid var(--owtl-taupe); border-radius: 999px; overflow: hidden; background: #fff; }
#owtl .owtl-view button { font: inherit; font-size: .88em; display: inline-flex; align-items: center; gap: .35em; padding: .4em .8em; border: 0; background: #fff !important; color: var(--owtl-brown); cursor: pointer; }
#owtl .owtl-view button + button { border-left: 1px solid var(--owtl-line); }
#owtl .owtl-view button[aria-pressed="true"] { background: var(--owtl-brown) !important; color: #fff; }
#owtl .owtl-results.is-grid { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 18px; }
#owtl .owtl-results.is-grid .owtl-card { grid-template-columns: 1fr; grid-template-rows: auto 1fr; }
#owtl .owtl-results.is-grid .owtl-card-media { min-height: 0; aspect-ratio: 16 / 10; }
#owtl .owtl-results.is-grid .owtl-card-tile span { font-size: 2em; }
#owtl .owtl-results.is-grid .owtl-card-body { padding: 14px 16px 16px; }
#owtl .owtl-results.is-grid .owtl-card-title { font-size: 1.05em; }
#owtl .owtl-results.is-grid .owtl-card-blurb { -webkit-line-clamp: 4; font-size: .93em; }
#owtl .owtl-results.is-grid .owtl-card-tags span:nth-child(n+3) { display: none; }
@media (max-width: 600px) {
	#owtl .owtl-view span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
	#owtl .owtl-view button { padding: .45em .65em; }
}

/* Full screen: the library over the whole page (above the sticky header and the admin bar). */
#owtl .owtl-top-head { display: flex; justify-content: space-between; align-items: center; gap: 1em; margin-bottom: .5em; }
#owtl .owtl-top-head .owtl-search-label { margin: 0; }
#owtl .owtl-fs-open { font: inherit; font-size: .88em; font-weight: 600; display: inline-flex; align-items: center; gap: .45em; padding: .4em .9em; border-radius: 999px; border: 1px solid var(--owtl-taupe); background: #fff !important; color: var(--owtl-brown); cursor: pointer; }
#owtl .owtl-fs-open:hover, #owtl .owtl-fs-open:focus-visible { border-color: var(--owtl-green); color: var(--owtl-green); }
#owtl .owtl-fs-bar { display: none; }
#owtl.is-fs { position: fixed; inset: 0; z-index: 100000; margin: 0; padding: 0 28px 48px; overflow-y: auto; background: #fbf8f3; }
#owtl.is-fs .owtl-fs-bar { display: flex; justify-content: space-between; align-items: center; position: sticky; top: 0; z-index: 5; margin: 0 -28px 22px; padding: 12px 28px; background: #fff; border-bottom: 2px solid var(--owtl-sand); box-shadow: 0 2px 10px rgba(0,0,0,.05); }
#owtl.is-fs .owtl-fs-title { font-family: var(--e-global-typography-secondary-font-family, "Roboto Slab"), serif; font-size: 1.2em; color: var(--owtl-brown); }
#owtl .owtl-fs-close { font: inherit; font-weight: 600; display: inline-flex; align-items: center; gap: .5em; padding: .45em 1em; border-radius: 999px; border: 0; background: var(--owtl-brown) !important; color: #fff; cursor: pointer; }
#owtl .owtl-fs-close:hover, #owtl .owtl-fs-close:focus-visible { background: var(--owtl-green) !important; }
#owtl.is-fs > .owtl-top, #owtl.is-fs > .owtl-layout, #owtl.is-fs > .owtl-lib-faq { max-width: 1680px; margin-left: auto; margin-right: auto; }
#owtl.is-fs .owtl-fs-open { display: none; }
@media (min-width: 901px) { #owtl.is-fs .owtl-filters { top: 78px; max-height: calc(100vh - 98px); } }
html.owtl-fs-open, html.owtl-fs-open body { overflow: hidden !important; }
html.owtl-fs-open body > .ow-top { display: none !important; }
@media (max-width: 600px) {
	#owtl.is-fs { padding: 0 14px 32px; }
	#owtl.is-fs .owtl-fs-bar { margin: 0 -14px 16px; padding: 10px 14px; }
	#owtl .owtl-top-head { flex-wrap: wrap; }
}
#owtl .owtl-results.is-grid .owtl-card-meta { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
#owtl .owtl-group-n { margin-left: auto; margin-right: .6em; font-size: .85em; }

/* Full screen reader: the paper inside the overlay, below its own bar. */
#owtl .owtl-reader { position: fixed; inset: 0; z-index: 100001; display: flex; flex-direction: column; background: #fbf8f3; }
#owtl .owtl-reader-bar { display: flex; justify-content: space-between; align-items: center; gap: 1em; padding: 10px 28px; background: #fff; border-bottom: 2px solid var(--owtl-sand); box-shadow: 0 2px 10px rgba(0,0,0,.05); }
#owtl .owtl-reader-back { font: inherit; font-weight: 600; padding: .5em 1.1em; border-radius: 999px; border: 0; background: var(--owtl-brown) !important; color: #fff; cursor: pointer; }
#owtl .owtl-reader-back:hover, #owtl .owtl-reader-back:focus-visible { background: var(--owtl-green) !important; }
#owtl .owtl-reader-full { font-size: .92em; font-weight: 600; }
#owtl .owtl-reader-frame { flex: 1; width: 100%; border: 0; background: #fbf8f3; }
#owtl.has-reader { overflow: hidden; }
/* The paper page when it is the reader's content. */
body.owtl-embed { background: #fbf8f3; }
body.owtl-embed .owtl-paper-wrap { background: #fbf8f3; padding: 24px 0 40px; }
body.owtl-embed .owtl-paper-wrap .owtl-paper { width: min(1200px, 94%); margin-top: 0; }
body.owtl-embed .owtl-back-row { display: none; }
@media (max-width: 600px) { #owtl .owtl-reader-bar { padding: 8px 14px; } body.owtl-embed .owtl-paper-wrap { padding: 12px 0 28px; } }
body.owtl-embed .elementor-location-header, body.owtl-embed .elementor-location-footer, body.owtl-embed #site-header, body.owtl-embed #site-footer, body.owtl-embed .site-header, body.owtl-embed .site-footer, body.owtl-embed .mctb { display: none !important; }
html:has(body.owtl-embed) { margin-top: 0 !important; }

/* Reader bar: back on the left, step through results in the middle, the paper's actions on the right. */
#owtl .owtl-reader-bar { display: grid; grid-template-columns: 1fr auto 1fr; }
#owtl .owtl-reader-nav { display: flex; align-items: center; gap: .6em; }
#owtl .owtl-reader-right { display: flex; justify-content: flex-end; align-items: center; gap: .6em; }
#owtl .owtl-reader-step, #owtl .owtl-reader-copy { font: inherit; font-size: .9em; font-weight: 600; padding: .45em .95em; border-radius: 999px; border: 1px solid var(--owtl-taupe); background: #fff !important; color: var(--owtl-brown); cursor: pointer; }
#owtl .owtl-reader-step:disabled { opacity: .4; cursor: default; }
#owtl .owtl-reader-step:not(:disabled):hover, #owtl .owtl-reader-copy:hover { border-color: var(--owtl-green); color: var(--owtl-green); }
#owtl .owtl-reader-count { font-size: .9em; color: #6b6b6b; min-width: 5.5em; text-align: center; }
#owtl .owtl-reader-file { font-size: .9em; font-weight: 600; padding: .45em .95em; border-radius: 999px; background: #E3EEDF; color: #2F4A2C !important; text-decoration: none; }
@media (max-width: 760px) {
	#owtl .owtl-reader-bar { grid-template-columns: 1fr auto; row-gap: 8px; }
	#owtl .owtl-reader-nav { grid-column: 1 / -1; grid-row: 2; justify-content: center; }
	#owtl .owtl-reader-back { padding: .45em .9em; }
}
/* In the reader the paper fills the width, its edges in line with the bar's buttons (28px, 14px on phones). */
body.owtl-embed .owtl-paper-wrap { padding: 20px 0 40px !important; }
body.owtl-embed .owtl-paper-wrap .owtl-paper { width: auto; max-width: none; margin: 0 28px; }
@media (max-width: 600px) { body.owtl-embed .owtl-paper-wrap .owtl-paper { margin: 0 14px; } }

/* Back to top inside full screen (the overlay scrolls, not the page). Same look as the site's button. */
#owtl .owtl-fs-top { position: fixed; right: 20px; bottom: 20px; z-index: 20; width: 48px; height: 48px; padding: 0; border: 0; border-radius: 50%; background: #554B41 !important; color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 4px 14px rgba(0,0,0,.25); opacity: 0; transform: translateY(8px); transition: opacity .25s ease, transform .25s ease, background-color .2s ease; }
#owtl .owtl-fs-top.is-on { opacity: 1; transform: none; }
#owtl .owtl-fs-top:hover, #owtl .owtl-fs-top:focus-visible { background: #486644 !important; }
#owtl .owtl-fs-top:focus-visible { outline: 3px solid #486644; outline-offset: 3px; }
#owtl.has-reader .owtl-fs-top { display: none !important; }
@media (max-width: 640px) { #owtl .owtl-fs-top { right: 14px; bottom: 14px; width: 44px; height: 44px; } }
@media (prefers-reduced-motion: reduce) { #owtl .owtl-fs-top { transition: none; } }

/* Chevrons: on each filter group's heading, and on groups inside groups (Mammals, Africa), which fold. */
#owtl .owtl-group summary::after { content: ""; width: .5em; height: .5em; margin-left: .6em; border-right: 2px solid #7a6f63; border-bottom: 2px solid #7a6f63; transform: rotate(-45deg); transition: transform .2s ease; flex: none; }
#owtl .owtl-group[open] summary::after { transform: rotate(45deg); }
#owtl .owtl-group-body { max-height: none; overflow: visible; }
#owtl .owtl-terms li.has-kids { display: grid; grid-template-columns: auto 1fr auto; align-items: center; column-gap: 0; }
#owtl .owtl-terms li.has-kids > ul { grid-column: 1 / -1; }
#owtl .owtl-tree-toggle { width: 30px; height: 30px; padding: 0; border: 0; border-radius: 6px; background: transparent !important; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
#owtl .owtl-tree-toggle::before { content: ""; width: .45em; height: .45em; border-right: 2px solid #7a6f63; border-bottom: 2px solid #7a6f63; transform: rotate(-45deg); transition: transform .2s ease; }
#owtl .owtl-tree-toggle[aria-expanded="true"]::before { transform: rotate(45deg); }
#owtl .owtl-tree-toggle:hover { background: var(--owtl-soft) !important; }
#owtl .owtl-tree-toggle:focus-visible { outline: 2px solid var(--owtl-green); outline-offset: 1px; }
#owtl .owtl-cue { font-size: .85em; color: var(--owtl-green); font-weight: 600; }
@media (prefers-reduced-motion: reduce) { #owtl .owtl-tree-toggle::before, #owtl .owtl-group summary::after { transition: none; } }
#owtl .owtl-terms li.owtl-nomatch { display: none !important; }
/* Breathing room between the chevrons and the filter rail's scrollbar. */
@media (min-width: 901px) { #owtl .owtl-filters { padding-right: 14px; scrollbar-gutter: stable; } }
/* Dropdowns (Sort, the year range) as pills to match the List / Grid toggle. */
#owtl .owtl-sort select, #owtl .owtl-years select {
	-webkit-appearance: none; appearance: none; font: inherit; font-size: .9em; color: var(--owtl-brown);
	height: 2.35em; padding: 0 2.2em 0 1em; border: 1px solid var(--owtl-taupe); border-radius: 999px; background-color: #fff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%23554B41' stroke-width='2'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: right .85em center; background-size: .75em; cursor: pointer;
}
#owtl .owtl-sort select:hover, #owtl .owtl-years select:hover { border-color: var(--owtl-green); }
#owtl .owtl-sort select:focus-visible, #owtl .owtl-years select:focus-visible { outline: 3px solid var(--owtl-green); outline-offset: 2px; }
#owtl .owtl-view button { min-height: 2.35em; }
#owtl .owtl-sort select { height: 36px; }