/*
 * publications.css — styling for the publications panel (the #bibtex_display
 * container that bibtexbrowser.js fills).
 *
 * Ported from the old publications/bibtexbrowser.css. Two structural changes for
 * the reworked site:
 *   1. Everything is scoped under #bibtex_display instead of restyling #overlay
 *      globally, so it cannot leak into the other panels. panel.css owns #overlay
 *      typography; here we only override what the tabular publication list needs
 *      (left-aligned 16px instead of the panel's justified 18px).
 *   2. Colours reference the base.css :root token set where they map cleanly (the
 *      black year bar is the nav surface; white text is the light text token).
 *      The pale code-block greys have no token, so they stay literal — as in
 *      contact.css.
 *
 * Loaded the same way as panel.css / contact.css (async media-swap with a
 * <noscript> fallback) from index.html. base.css already exempts .bibmenu /
 * .biburl / .bibpdf / .theader from the panel's select-none + cursor rules, so the
 * link menu keeps the right cursor; nothing to add for that here.
 *
 * NOTE on sections: AcademicDisplay emits a .sheader title per type group (Books,
 * Published Papers, Thesis, Other Publications). On this site those titles are
 * hidden (display:none below) — only the black .theader year bars show — which is
 * the original site's look. To reveal the type headings instead, change the
 * `.sheader` rule's `display` to `block`.
 */

/* The container overrides the panel's justified 18px body copy with the
   left-aligned 16px the tabular list expects. A direct match on the element wins
   over the value inherited from #overlay. */
#bibtex_display {
	text-align: left;
	font-size: 16px;
}

/* brief placeholder shown between fragment injection and the bundle finishing its
   first render; bibtexbrowser.js replaces the container's contents on render. */
#bibtex_display .bibtex-loading {
	padding: 10px 0;
	font-size: 16px;
}

/* per-entry reference parts */
#bibtex_display .bibtitle {
	font-weight: bold;
}

#bibtex_display .bibbooktitle {
	font-style: italic;
}

/* .bibauthor and .bibpublisher have no extra styling by default, matching the
   original stylesheet. */

/* Type-section titles (Books / Published Papers / Thesis / Other Publications).
   Hidden to match the live site; set display:block to show them. */
#bibtex_display .sheader {
	display: none;
	font-size: 20px;
	font-weight: bold;
}

/* Year bars within each section (AcademicDisplay sets these to .theader). */
#bibtex_display .theader {
	background-color: var(--color-nav-surface);
	color: var(--color-text-light);
	padding: 0 2px;
	font-size: 14px;
	height: 20px;
}

/* the list table and its two columns */
#bibtex_display .result {
	overflow: auto;
	width: 100%;
}

#bibtex_display .bibitem {
	vertical-align: text-top;
	padding-bottom: 5px;
	font-size: 15px;
}

#bibtex_display .bibref {
	vertical-align: text-top;
	width: 20px;
	font-size: 14px;
}

/* single-entry view */
#bibtex_display .purebibtex {
	font-family: 'PT Mono';
	font-size: 12px;
	border: 1px solid #dddddd;
	background: #f5f5f5;
	padding: 10px;
	overflow: auto;
	max-width: 100%;
	clear: both;
	margin-bottom: 30px;
}

#bibtex_display .bibentry-abstract {
	text-align: justify;
	padding: 10px;
	font-size: 14px;
}

#bibtex_display .bibentry-label {
	margin-top: 15px;
}

#bibtex_display .bibentry-reference {
	font-family: 'PT Mono';
	font-size: 12px;
	text-align: justify;
	margin-bottom: 15px;
	padding: 10px;
	background: #f5f5f5;
	border: 1px solid #dddddd;
}

/* on the small panel, drop the container's inline padding a touch (mirrors the
   original stylesheet's mobile rule, but scoped so it doesn't touch #overlay). */
@media only screen and (orientation: portrait) and (max-width: 450px) and (max-height: 950px),
	only screen and (orientation: landscape) and (max-height: 450px) and (max-width: 950px) {
	#bibtex_display {
		font-size: 16px;
	}
}