/*
 * PediaMath documents (/pdf/…): the reader of pediamath-documents in the theme's look,
 * around the pages and inside them (ink, orange accent, technical-drawing details). The
 * sheets stay white paper in both color schemes, so their colors are fixed, not variables.
 *
 * Phones and tablets show the pages as the PDF looks — A4 sheets fitted to the screen width
 * (pinch to zoom) — with a "Lecture" switch to the reflowed text. The choice is set before
 * the first paint by a small head script (inc/documents.php), so nothing moves on load.
 */

/* Around the pages -------------------------------------------------------- */
.pmd-document-reader { background-color: var(--paper); background-image: linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px); background-size: 24px 24px; }
.pmd-document-reader .pm-top { background: var(--bg); }
.pmd-reader { font-family: inherit; }
.pmd-reader .pmd-breadcrumbs { color: var(--ink2); }
.pmd-reader .pmd-breadcrumbs .last-item { color: var(--ink); }
.pmd-reader .pmd-viewer-bar { border: 1px solid var(--line); border-radius: 12px; background: var(--bg); color: var(--ink); gap: 10px; box-shadow: 0 1px 2px rgba(0, 0, 0, .04); }
.pmd-reader .pmd-document-state strong { color: var(--ink); }
.pmd-reader .pmd-document-state small, .pmd-reader .pmd-document-state svg { color: var(--ink2); }
.pmd-reader .pmd-download-link, .pmd-reader .pmd-download-late { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 16px; border: 0; border-radius: 999px; background: var(--ink); color: var(--bg) !important; font-size: 14px; font-weight: 600; text-decoration: none !important; white-space: nowrap; }
.pmd-reader .pmd-download-link:hover, .pmd-reader .pmd-download-late:hover { background: var(--acc); color: #fff !important; }
.pmd-reader .pmd-toc { border: 0; border-left: 1px solid var(--line); border-radius: 0; background: none; padding: 2px 0 2px 16px; color: var(--ink); }
.pmd-reader .pmd-toc h2 { font-size: 12.5px; letter-spacing: .07em; color: var(--ink2); font-weight: 600; }
.pmd-reader .pmd-toc a { color: var(--ink2); }
.pmd-reader .pmd-toc > ol > li > a { color: var(--ink); font-weight: 600; }
.pmd-reader .pmd-toc a[aria-current="location"], .pmd-reader .pmd-toc a:hover { color: var(--acc-text); }
.pmd-reader .pmd-toc-branches li::before { border-color: var(--line); }
.pmd-reader .pmd-page { box-shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 8px 24px rgba(0, 0, 0, .06); border-color: rgba(0, 0, 0, .08); }
.pmd-reader .pmd-page::after { content: "PediaMath · page " attr(data-page); position: absolute; right: 24px; bottom: 14px; font-size: 11px; letter-spacing: .04em; color: #8a93a0; }
.pmd-reader .pmd-download-panel { border: 1px solid var(--line); border-radius: 14px; background: var(--bg); color: var(--ink); }
.pmd-reader .pmd-download-panel h2 { color: var(--ink); }
.pmd-reader .pmd-download-eyebrow { color: var(--acc-text); }

/* View switch and page counter (added by documents.js on phones and tablets). */
.pm-docview { display: none; }
.pm-docpage { display: none; font-size: 13px; color: var(--ink2); font-variant-numeric: tabular-nums; white-space: nowrap; }

@media (prefers-color-scheme: dark) {
	.pmd-document-reader { background-color: #0b0c0e; }
	.pmd-reader .pmd-page { box-shadow: none; border-color: transparent; }
}

@media (max-width: 980px) {
	.pmd-reader .pmd-viewer-bar { position: sticky; top: 64px; z-index: 6; }
	.pm-docview { display: inline-flex; margin-left: auto; background: var(--chip); border-radius: 999px; padding: 3px; }
	.pm-docview button { border: 0; background: none; border-radius: 999px; height: 30px; padding: 0 12px; line-height: 30px; font: inherit; font-size: 13.5px; font-weight: 600; color: var(--ink2); cursor: pointer; }
	.pm-docview button[aria-pressed="true"] { background: var(--bg); color: var(--ink); box-shadow: 0 1px 2px rgba(0, 0, 0, .12); }
	html[data-pmd-view="page"] .pm-docpage { display: inline; }
	.pmd-reader .pmd-viewer-bar .pmd-document-state { flex: none; }
}
@media (max-width: 640px) {
	.pmd-reader .pmd-viewer-bar { top: 56px; border-radius: 10px; padding: 6px 6px 6px 10px; }
	.pmd-reader .pmd-document-state > span { display: none; }
	.pmd-reader .pmd-download-link { min-height: 36px; padding: 0 12px; font-size: 13px; }
}
@media (max-width: 400px) {
	.pmd-reader .pmd-viewer-bar { gap: 6px; padding-left: 8px; }
	.pmd-reader .pmd-document-state { display: none; }
	.pm-docview button { padding: 0 9px; font-size: 13px; }
	.pmd-reader .pmd-download-link { padding: 0 10px; font-size: 12.5px; }
}

/* Page view: the A4 layout of the PDF, fitted to the screen width ------------------- */
@media (max-width: 980px) {
	html[data-pmd-view="page"] .pmd-reader { padding-left: 8px; padding-right: 8px; }
	html[data-pmd-view="page"] .pmd-page-inner { min-height: 1123px; }
	html[data-pmd-view="page"] .pmd-mobile-toc { display: none; }
	html[data-pmd-view="page"] .pmd-page::after { font-size: 12px; bottom: 18px; right: 28px; }
	html[data-pmd-view="page"] .pmd-page{width:794px;margin:0 auto;border-radius:2px;zoom:var(--pmd-zoom,1)}
	html[data-pmd-view="page"] .pmd-page-inner{min-height:260px;padding:54px 58px 58px}
	html[data-pmd-view="page"] .pmd-document-cover{margin-bottom:44px;padding-bottom:30px}
	html[data-pmd-view="page"] .pmd-cover-top{justify-content:space-between;margin-bottom:22px}
	html[data-pmd-view="page"] .pmd-document-brand{display:flex}
	html[data-pmd-view="page"] .pmd-level-mark{width:60px;height:48px;font-size:25px}
	html[data-pmd-view="page"] .pmd-resource-kind{margin-bottom:20px!important;font-size:12px}
	html[data-pmd-view="page"] .pmd-document-cover h1{font-size:42px;line-height:1.12}
	html[data-pmd-view="page"] .pmd-document-meta{font-size:17px}
	html[data-pmd-view="page"] .pmd-introduction{font-size:17px;margin-top:24px!important}
	html[data-pmd-view="page"] .pmd-section + .pmd-section{margin-top:42px}
	html[data-pmd-view="page"] .pmd-section-continuation{margin-top:42px}
	html[data-pmd-view="page"] .pmd-section > h2{margin-bottom:22px;font-size:27px;scroll-margin-top:92px}
	html[data-pmd-view="page"] .pmd-exercise{margin-bottom:26px;border-radius:8px}
	html[data-pmd-view="page"] .pmd-exercise-heading{grid-template-columns:minmax(0,1fr) auto;min-height:62px;padding:0 20px}
	html[data-pmd-view="page"] .pmd-exercise-heading h3{gap:18px;font-size:19px}
	html[data-pmd-view="page"] .pmd-exercise-label{min-height:34px;padding:0 18px 0 0;font-size:20px}
	html[data-pmd-view="page"] .pmd-exercise-heading-text{line-height:inherit}
	html[data-pmd-view="page"] .pmd-answer-link{margin-left:14px;padding-left:14px;font-size:13px}
	html[data-pmd-view="page"] .pmd-answer-link > span[aria-hidden="true"]{width:24px;height:24px;font-size:14px}
	html[data-pmd-view="page"] .pmd-answer-link-label{position:revert;width:revert;height:revert;overflow:revert;clip:revert;clip-path:revert;white-space:revert}
	html[data-pmd-view="page"] .pmd-exercise-body{padding:25px 26px 28px}
	html[data-pmd-view="page"] .pmd-question-list{gap:20px}
	html[data-pmd-view="page"] .pmd-question-list > li{grid-template-columns:36px minmax(0,1fr)}
	html[data-pmd-view="page"] .pmd-question-list-single > li{grid-template-columns:minmax(0,1fr)}
	html[data-pmd-view="page"] .pmd-hint{margin-left:36px}
	html[data-pmd-view="page"] .pmd-formula .katex{font-size:1.19em}
	html[data-pmd-view="page"] .pmd-formula-display .katex{font-size:1.24em}
	html[data-pmd-view="page"] .pmd-formula-display{margin-right:0;margin-left:0;padding:8px 0}
	html[data-pmd-view="page"] .pmd-page-gap{min-height:26px}
}

/* Inside the pages: the site's identity on white paper -------------------------------- */
.pmd-reader {
	--pmd-paper: #fff; --pmd-ink: #171a1f; --pmd-body: #2b3038; --pmd-muted: #5b616b;
	--pmd-line: rgba(23, 26, 31, .14); --pmd-soft: #f3f4f6; --pmd-accent: #e8700c; --pmd-link: #2f6fd8;
}
.pmd-reader .pmd-page { border-radius: 4px; }
.pmd-reader .pmd-page a { color: #2f6fd8; text-decoration-color: rgba(47, 111, 216, .45); }
.pmd-reader .pmd-document-cover { border-bottom: 1px solid rgba(23, 26, 31, .14); }
.pmd-reader .pmd-document-brand strong { display: inline-flex; align-items: center; gap: 9px; color: #171a1f; font-weight: 700; letter-spacing: -.01em; }
.pmd-reader .pmd-document-brand strong::before { content: ""; width: 26px; height: 26px; flex: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='13' fill='none' stroke='%23171a1f' stroke-width='2.4'/%3E%3Cpath d='M20 3v34M3 20h34' stroke='%23171a1f' stroke-width='1.5'/%3E%3Ccircle cx='30' cy='10' r='5' fill='%23e8700c'/%3E%3C/svg%3E") center / contain no-repeat; }
.pmd-reader .pmd-document-brand span { color: #5b616b; }
.pmd-reader .pmd-level-mark { width: auto; min-width: 56px; height: 40px; padding: 0 12px; border-radius: 0; background: none; color: #171a1f; font-size: 20px; font-weight: 700;
	background-image: linear-gradient(#171a1f, #171a1f), linear-gradient(#171a1f, #171a1f), linear-gradient(#171a1f, #171a1f), linear-gradient(#171a1f, #171a1f), linear-gradient(#171a1f, #171a1f), linear-gradient(#171a1f, #171a1f), linear-gradient(#171a1f, #171a1f), linear-gradient(#171a1f, #171a1f);
	background-size: 10px 2px, 2px 10px, 10px 2px, 2px 10px, 10px 2px, 2px 10px, 10px 2px, 2px 10px; background-repeat: no-repeat;
	background-position: left top, left top, right top, right top, left bottom, left bottom, right bottom, right bottom; border: 1px solid rgba(23, 26, 31, .18); }
.pmd-reader .pmd-resource-kind { padding: 4px 10px; border: 1.5px solid #e8700c; border-radius: 999px; background: none; color: #b4580a !important; font-size: 11.5px; font-weight: 700; letter-spacing: .06em; }
.pmd-reader .pmd-document-cover h1 { color: #171a1f; font-weight: 750; letter-spacing: -.02em; }
.pmd-reader .pmd-document-meta { color: #5b616b; }
.pmd-reader .pmd-section > h2 { color: #171a1f; font-weight: 700; letter-spacing: -.015em; border-bottom-color: rgba(23, 26, 31, .14); }
.pmd-reader .pmd-section > h2::before { width: 10px; height: 10px; border-radius: 50%; background: #fff; border: 2.5px solid #e8700c; transform: translateY(-3px); }
.pmd-reader .pmd-exercise { border: 1px solid rgba(23, 26, 31, .16); border-radius: 12px; }
.pmd-reader .pmd-exercise-heading { background: none; border-bottom: 1px solid rgba(23, 26, 31, .12); }
.pmd-reader .pmd-exercise-heading h3 { color: #171a1f; font-weight: 650; }
.pmd-reader .pmd-exercise-label { color: #b4580a; font-weight: 700; border-right-color: rgba(23, 26, 31, .16); }
.pmd-reader .pmd-correction .pmd-exercise-label { color: #177245; }
.pmd-reader .pmd-answer-link { color: #171a1f !important; border-left-color: rgba(23, 26, 31, .12); font-weight: 600; }
.pmd-reader .pmd-answer-link > span[aria-hidden="true"] { border-color: rgba(23, 26, 31, .25); color: #171a1f; }
.pmd-reader .pmd-answer-link:hover > span[aria-hidden="true"], .pmd-reader .pmd-answer-link:focus-visible > span[aria-hidden="true"] { border-color: #e8700c; background: #e8700c; color: #fff; }
.pmd-reader .pmd-question-list > li::before { color: #b4580a; font-weight: 700; }
.pmd-reader .pmd-table { border-color: rgba(23, 26, 31, .14); border-radius: 10px; }
.pmd-reader .pmd-page figure img { border-color: rgba(23, 26, 31, .12); border-radius: 8px; }
.pmd-reader .pmd-page figcaption { color: #5b616b; }
.pmd-reader .pmd-download-late { flex-direction: row; gap: 8px; border-radius: 999px; padding: 0 18px; min-height: 44px; }
.pmd-reader .pmd-download-late span { color: inherit !important; opacity: .8; font-weight: 500; }
.pmd-reader .pmd-mobile-toc summary { color: var(--ink); }
.pmd-reader .pmd-introduction, .pmd-reader .pmd-exercise-statement, .pmd-reader .pmd-hint { color: #2b3038; }
.pmd-reader .pmd-hint strong { color: #b4580a; }
.pmd-reader .pmd-formula .katex { color: #171a1f; }
.pmd-reader .pmd-table caption, .pmd-reader .pmd-mobile-toc a > span { color: #5b616b; }
.pmd-reader .pmd-mobile-toc ol, .pmd-reader .pmd-mobile-toc a { color: var(--ink); }
.pmd-reader .pmd-breadcrumbs .ct-separator { color: var(--ink2); opacity: .6; }