/* ============================================================
   What is Time? — page-specific stylesheet
   Loaded after site.css, which supplies the shared tokens, nav
   bar, page header and prose typography. This file only styles
   the things unique to a long academic-paper-style article:
   a jump-to-section contents box, an abstract block, a display
   equation, figure placeholders, and a numbered reference list.

   Sections, top to bottom:
     1. Contents (jump-to-section menu)
     2. Abstract
     3. Display equation
     4. Figures
     5. Reference list
   ============================================================ */

/* ---------- 1. Contents ---------------------------------------- */
.toc {
	background: var(--surface);
	border: 1px solid var(--line);
	border-radius: var(--radius);
	padding: 20px 26px;
	margin: 0 0 2em;
	font-family: var(--font-sans);
}
.toc p {
	margin: 0 0 10px;
	font-size: 0.78rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color: var(--ink-soft);
}
.toc ol {
	margin: 0;
	padding-left: 1.3em;
	font-size: 0.95rem;
}
.toc ol ol {
	margin-top: 4px;
	padding-left: 1.3em;
	font-size: 0.93em;
}
.toc li { margin-bottom: 5px; }
.toc a { color: var(--ink); }
.toc a:hover { color: var(--accent); }

/* ---------- 2. Abstract ------------------------------------------ */
.abstract {
	padding: 16px 22px;
	border-left: 3px solid var(--accent);
	background: #f8fafc;
	font-size: 0.98rem;
	margin-bottom: 2em;
}
.abstract .label {
	display: block;
	font-family: var(--font-sans);
	font-style: normal;
	font-weight: 700;
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color: var(--accent-dark);
	margin-bottom: 8px;
}

/* ---------- 3. Display equation ----------------------------------- */
.eqn {
	text-align: center;
	font-style: italic;
	font-size: 1.3rem;
	margin: 1.2em 0;
}

/* ---------- 4. Figures ------------------------------------------------ */
.figure {
	margin: 1.8em 0;
	text-align: center;
	scroll-margin-top: 76px;
}
.figure img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	border-radius: 10px;
	box-shadow: var(--shadow);
}
.figure figcaption {
	margin-top: 12px;
	font-family: var(--font-serif);
	font-size: 0.95rem;
	color: var(--ink-soft);
	font-style: italic;
}
.figure figcaption strong {
	font-style: normal;
	color: var(--ink);
}

/* ---------- 5. Reference list ----------------------------------------- */
.references {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0.92rem;
	line-height: 1.6;
	color: #3a4452;
}
.references li {
	position: relative;
	margin-bottom: 0.8em;
	padding-left: 2.6em;
	scroll-margin-top: 76px;
}
.references li .ref-num {
	position: absolute;
	left: 0;
	color: var(--ink-soft);
	font-family: var(--font-sans);
}