/**
 * Rails Developer Survey
 * Modern CLI / Developer aesthetic
 * Auto dark/light mode via prefers-color-scheme
 */
/* Dark mode (default) */
:root
{
	--bg:#0d1117;
	--surface:#161b22;
	--border:#21262d;
	--border-focus:#388bfd;
	--text:#e6edf3;
	--text-muted:#7d8590;
	--text-subtle:#484f58;
	--accent:#388bfd;
	--accent-dim:rgba(56, 139, 253, 0.10);
	--row-hover:rgba(56, 139, 253, 0.06);
	--row-alt:rgba(255, 255, 255, 0.02);
	--green:#3fb950;
	--red:#f85149;
	--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;
	--font-mono:"SF Mono", "Cascadia Code", "Fira Code", Menlo, Monaco, "Courier New", monospace;
}

/* Light mode — auto-applied when OS is set to light */
@media (prefers-color-scheme: light) {
	:root
	{
		--bg:#fff;
		--surface:#f6f8fa;
		--border:#d0d7de;
		--border-focus:#0969da;
		--text:#1f2328;
		--text-muted:#656d76;
		--text-subtle:#adb8c0;
		--accent:#0969da;
		--accent-dim:rgba(9, 105, 218, 0.08);
		--row-hover:rgba(9, 105, 218, 0.05);
		--row-alt:rgba(0, 0, 0, 0.02);
		--green:#1a7f37;
		--red:#cf222e;
		--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;
		--font-mono:"SF Mono", "Cascadia Code", "Fira Code", Menlo, Monaco, "Courier New", monospace;
	}
}

*
{
	box-sizing:border-box;
	margin:0;
	padding:0;
}

body
{
	background:var(--bg);
	color:var(--text);
	font-family:var(--font-sans);
	font-size:1rem;
	line-height:1.6;
	margin:0;
	overscroll-behavior:none;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

img
{
	height:auto;
	max-width:100%;
}

iframe
{
	max-width:100%;
}

h1, h2, h3
{
	font-weight:500;
}

h2
{
	font-weight:600 !important;
	line-height:1.3 !important;
	font-size:1.6rem !important;
	letter-spacing:-.02em !important;
	color:var(--text) !important;
	margin-bottom:.5rem !important;
}

a
{
	color:var(--accent);
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

/* ---- Containers ---- */
.PDF_pageOuter
{
	padding:24px;
	width:100%;
	background:var(--bg);
}

.survey-finished .PDF_pageOuter,
.survey-start .PDF_pageOuter
{
	padding:24px;
}

@media screen and (min-width: 720px) {
	.PDF_pageOuter .PDF_pageOuter
	{
		margin:0 auto;
		padding:40px 0;
		width:700px;
	}
}

.PDF_pageInner
{
	display:flex;
	flex-direction:column;
	max-width:44rem;
	width:100%;
	margin:0 auto;
}

/* ---- Questions ---- */
.PDF_question
{
	background:var(--bg);
	border:none;
	border-bottom:1px solid var(--border);
	margin:0;
	min-width:320px !important;
	padding:32px 0 40px;
	width:100%;
}

.PDF_question.PDF_heading:first-child,
#pd-question-10000
{
	border:none;
	margin-bottom:0;
	padding-bottom:24px;
}

.PDF_question.PDF_pagination
{
	border:none;
	padding:0;
}

.PDF_questionDivide
{
	display:none;
}

.PDF_questionErr
{
	background:rgba(248, 81, 73, 0.08);
	border:1px solid var(--red);
	margin:0 0 24px;
	padding:16px 20px;
	width:100%;
	border-radius:6px;
}

.PDF_fieldset-scrollbox:first-child
{
	overflow:unset;
}

.survey.is-single-question .PDF_question.PDF_pagination
{
	display:none;
}

.PDF_button
{
	margin:0 0 24px;
}

/* ---- Question text ---- */
.qText
{
	font-size:1rem !important;
	font-weight:600 !important;
	line-height:1.5 !important;
	color:var(--text) !important;
	display:block;
	margin-bottom:4px;
	font-family:var(--font-sans) !important;
}

/* Note text styled like a code comment */
.qNote
{
	color:var(--text-muted);
	font-size:.8rem;
	font-style:normal;
	font-family:var(--font-mono);
	padding:6px 0 0;
	line-height:1.5;
}

.qNote::before
{
	content:"// ";
	color:var(--text-subtle);
}

.qNote img, .qMedia img
{
	height:auto;
	max-width:100%;
}

.qContent
{
	font-size:1rem !important;
	line-height:1.6 !important;
	color:var(--text) !important;
}

.qContent h1
{
	font-size:1.8em;
	margin-top:24px;
	margin-bottom:12px;
}

.qContent h2
{
	font-size:1.3em;
	margin-top:18px;
	margin-bottom:12px;
}

/* Question number badge */
.qNumber
{
	background:var(--surface);
	color:var(--text-subtle);
	border:1px solid var(--border);
	float:right;
	font-size:10px;
	font-family:var(--font-mono);
	font-weight:normal;
	margin-left:16px;
	padding:2px 7px;
	border-radius:4px;
}

@media screen and (min-width: 960px) {
	.PDF_question, .PDF_questionErr, .PDF_button
	{
		margin:0;
	}
}

.PDF_mand
{
	color:var(--red);
}

.qMedia
{
	margin-bottom:16px;
}

.qMedia div.qMedia__image-container
{
	height:300px;
}

.qMedia audio
{
	width:100%;
}

/* ---- Errors / Notes ---- */
.PDF_err, .PDF_errMain
{
	background:rgba(248, 81, 73, 0.08);
	color:var(--red);
	font-size:.85rem;
	font-weight:600;
	border-radius:4px;
}

.PDF_err
{
	padding:12px 16px 0;
}

.PDF_noteMain
{
	background:var(--accent-dim);
	color:var(--text-muted);
	font-size:.85rem;
}

.PDF_errMain, .PDF_noteMain
{
	margin:0 0 24px;
	padding:16px;
	border-radius:6px;
}

/* ---- Question type margins ---- */
.PDF_QT100, .PDF_QT200, .PDF_QT400, .PDF_QT800, .PDF_QT900, .PDF_QT950,
.PDF_QT1000, .PDF_QT1100, .PDF_QT1200, .PDF_QT1300, .PDF_QT1400,
.PDF_QT1500, .PDF_QT1600
{
	margin:20px 0 0;
}

/* ---- Input fields ---- */
.PDF_QT100 input,
.PDF_QT200 input,
.PDF_QT800 input,
.PDF_QT900 input,
.PDF_QT950 input,
.PDF_QT1000 input,
.PDF_QT1100 input,
.PDF_QT1200 input,
.PDF_QT1300 input,
.PDF_QT1400 input,
.PDF_QT1500 input,
.PDF_QT1600 input
{
	background:var(--surface);
	border:1px solid var(--border);
	border-radius:6px;
	color:var(--text);
	font-size:.95rem;
	font-family:var(--font-sans);
	line-height:1.5;
	padding:8px 12px;
	width:100%;
	transition:border-color .15s ease;
	outline:none;
}

/* QT400 inline inputs (e.g. "Other:") — no forced width */
.PDF_QT400 input[type=text],
.PDF_QT400 input[type=email],
.PDF_QT400 input[type=url]
{
	background:var(--surface);
	border:1px solid var(--border);
	border-radius:6px;
	color:var(--text);
	font-size:.95rem;
	font-family:var(--font-sans);
	padding:6px 10px;
	transition:border-color .15s ease;
	outline:none;
	width:auto;
}

.PDF_QT100 input:focus, .PDF_QT200 input:focus, .PDF_QT400 input:focus,
.PDF_QT800 input:focus, .PDF_QT900 input:focus, .PDF_QT950 input:focus,
.PDF_QT1000 input:focus, .PDF_QT1100 input:focus, .PDF_QT1200 input:focus,
.PDF_QT1300 input:focus, .PDF_QT1400 input:focus, .PDF_QT1500 input:focus,
.PDF_QT1600 input:focus
{
	border-color:var(--border-focus);
}

.PDF_QT200 textarea, .PDF_QT400 textarea
{
	background:var(--surface);
	border:1px solid var(--border);
	border-radius:6px;
	color:var(--text);
	font-size:.95rem;
	font-family:var(--font-sans);
	line-height:1.6;
	padding:8px 12px;
	width:100%;
	resize:vertical;
	transition:border-color .15s ease;
	outline:none;
}

.PDF_QT200 textarea:focus, .PDF_QT400 textarea:focus
{
	border-color:var(--border-focus);
}

.PDF_QT400 select, .PDF_QT900 select, .PDF_QT950 select, .PDF_QT1000 select
{
	background:var(--surface);
	border:1px solid var(--border);
	border-radius:6px;
	color:var(--text);
	height:40px;
	font-size:.95rem;
	padding:0 12px;
}

/* ---- Input labels ---- */
.PDF_QT800 label, .PDF_QT900 label, .PDF_QT950 label,
.PDF_QT1000 label, .PDF_QT1400 label, .PDF_QT1500 label
{
	color:var(--text-muted);
	font-size:.7rem;
	font-family:var(--font-mono);
	letter-spacing:.05em;
	text-transform:uppercase;
	line-height:1.6;
	display:block;
	margin-bottom:4px;
}

/* ---- Free text single - QT100 ---- */
.PDF_QT100
{
	display:flex;
	flex-direction:row;
	width:100%;
}

.PDF_QT100 .small, .PDF_QT100 .medium, .PDF_QT100 .large
{
	flex:1;
}

@media screen and (min-width: 960px) {
	.PDF_QT100 .small
	{
		flex:.3;
	}
	
	.PDF_QT100 .medium
	{
		flex:.5;
	}
}

/* ---- Free text multiline - QT200 ---- */
.PDF_QT200 .small, .PDF_QT200 .medium, .PDF_QT200 .large
{
	border:1px solid var(--border);
	border-radius:6px;
	height:70px;
	width:100%;
}

.PDF_QT200 .medium
{
	height:110px;
}

.PDF_QT200 .large
{
	height:150px;
}

/* ---- Multiple choice - QT400 ---- */
.PDF_QT400
{
	font-size:.95rem;
	color:var(--text);
}

.qContent .PDF_QT400 li span label
{
	font-size:.95rem !important;
}

.PDF_QT400 ul,
.PDF_QT400 ol
{
	list-style:none !important;
	margin:0 !important;
	padding:0 !important;
}

.PDF_QT400 li
{
	list-style:none !important;
	align-items:center;
	margin:12px 0 0;
	display:flex;
	flex-wrap:wrap;
}

.PDF_QT400 li:first-child
{
	margin-top:0;
}

.PDF_QT400 li input[type=checkbox],
.PDF_QT400 li input[type=radio]
{
	display:inline-block;
	width:15px;
	height:15px;
	flex-shrink:0;
	accent-color:var(--accent);
	cursor:pointer;
}

.PDF_QT400 li > label
{
	display:inline-block;
	margin-left:10px;
	width:calc(100% - 30px);
	font-weight:normal;
	line-height:1.5;
	font-size:.95rem;
	color:var(--text);
	padding-right:10px;
	cursor:pointer;
}

.PDF_QT400 li > label:hover
{
	color:var(--accent);
}

.PDF_QT400 select
{
	border-radius:6px;
	font-size:.95rem;
	min-width:200px;
	padding:6px 10px;
	width:100%;
	background:var(--surface);
	color:var(--text);
	border:1px solid var(--border);
}

.PDF_QT400 select[multiple="true"]
{
	min-height:100px;
}

.PDF_QT400 .other
{
	flex:1;
	width:100%;
}

.PDF_QT400 fieldset
{
	border:0;
}

.PDF_QT400 > label
{
	display:block;
	margin:16px 0 0;
	padding:0;
	width:calc(100% - 30px);
	color:var(--text-muted);
	font-size:.9rem;
	line-height:1.5;
	font-weight:400;
}

.PDF_QT400 textarea
{
	margin:0;
	width:100% !important;
}

.PDF_QT400 li.question-block-400__choice-other > label.question-block-400__choice-label
{
	width:auto;
}

/* ---- Name - QT800 ---- */
.PDF_QT800
{
	display:flex;
	flex-direction:column;
}

@media screen and (min-width: 960px) {
	.PDF_QT800
	{
		flex-direction:row;
	}
}

.PDF_QT800 div
{
	margin:0 0 10px;
	width:100%;
}

@media screen and (min-width: 960px) {
	.PDF_QT800 div
	{
		flex:1;
		margin:0 0 0 20px;
		width:initial;
	}
	
	.PDF_QT800 div:first-child
	{
		margin-left:0;
	}
	
	.PDF_QT800 div:first-child:not(:nth-last-child(2)),
	  .PDF_QT800 div:nth-child(4)
	{
		flex:initial;
		width:40px;
	}
}

.PDF_QT800 .title, .PDF_QT800 .firstName,
.PDF_QT800 .lastName, .PDF_QT800 .suffix
{
	font-size:.95rem;
	width:100%;
}

/* ---- Address - QT900 ---- */
.PDF_QT900
{
	display:flex;
	flex-direction:column;
}

@media screen and (min-width: 960px) {
	.PDF_QT900
	{
		column-gap:16px;
		display:grid;
		grid-auto-rows:auto;
		grid-template-columns:1fr 1fr;
	}
}

.PDF_QT900 .cf
{
	display:none;
}

.PDF_QT900 div
{
	margin:0 0 10px;
}

@media screen and (min-width: 960px) {
	.PDF_QT900 div:nth-child(1),
	  .PDF_QT900 div:nth-child(2),
	  .PDF_QT900 div:nth-child(3)
	{
		grid-column:span 2;
	}
}

.PDF_QT900 .a, .PDF_QT900 .b, .PDF_QT900 .c,
.PDF_QT900 .d, .PDF_QT900 .e, .PDF_QT900 select
{
	padding:6px 10px;
	font-size:.95rem;
	width:100%;
}

.PDF_QT900 select
{
	height:40px;
}

/* ---- Phone - QT950 ---- */
.PDF_QT950
{
	display:flex;
	flex-direction:column;
}

.PDF_QT950 .cf
{
	display:none;
}

.PDF_QT950 div
{
	margin:0 0 16px;
	width:100%;
}

.PDF_QT950 select
{
	font-size:.95rem;
	width:100%;
}

.PDF_QT950 input
{
	width:100%;
}

@media screen and (min-width: 960px) {
	.PDF_QT950
	{
		flex-direction:row;
	}
	
	.PDF_QT950 select
	{
		margin:25px 0 0;
	}
	
	.PDF_QT950 div
	{
		flex:1;
		margin:0 0 0 16px;
	}
	
	.PDF_QT950 div:first-child
	{
		flex:.4;
		margin-left:0;
	}
}

/* ---- Date/Time - QT1000 ---- */
.PDF_QT1000
{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
}

.PDF_QT1000::before
{
	content:"";
	display:block;
	order:2;
	width:100%;
}

@media screen and (min-width: 560px) {
	.PDF_QT1000::before
	{
		display:none;
	}
}

.PDF_QT1000 cf
{
	display:none;
}

.PDF_QT1000 .mm, .PDF_QT1000 .dd,
.PDF_QT1000 .yyyy, .PDF_QT1000 .h, .PDF_QT1000 .mins
{
	font-size:.95rem;
	font-family:var(--font-mono);
	text-align:center;
	width:60px;
}

.PDF_QT1000 div:nth-child(1),
.PDF_QT1000 div:nth-child(2),
.PDF_QT1000 div:nth-child(3)
{
	order:1;
}

.PDF_QT1000 div:nth-child(4),
.PDF_QT1000 div:nth-child(5)
{
	margin-top:16px;
	order:3;
}

@media screen and (min-width: 560px) {
	.PDF_QT1000 div:nth-child(4),
	  .PDF_QT1000 div:nth-child(5)
	{
		margin-top:0;
	}
}

.PDF_QT1000 .dd, .PDF_QT1000 .mm,
.PDF_QT1000 .h, .PDF_QT1000 .mins
{
	border-radius:6px;
	border:1px solid var(--border);
	height:40px;
	background:var(--surface);
	color:var(--text);
}

.PDF_QT1000 img
{
	padding:0 0 0 5px;
}

@media screen and (min-width: 560px) {
	.PDF_QT1000 .yyyy
	{
		margin:0 16px 0 0;
	}
}

/* ---- Number - QT1100 ---- */
.PDF_QT1100 input
{
	width:50%;
	min-width:100px;
}

.PDF_QT1100 .slider
{
	padding:10px 5px;
}

.PDF_QT1100 .slider-value
{
	font-size:1.1rem;
	font-weight:600;
	font-family:var(--font-mono);
	margin-top:24px;
	text-align:center;
	color:var(--accent);
}

/* ==============================================================
   MATRIX / LIKERT - QT1200
   ============================================================== */
.PDF_QT1200
{
	color:var(--text);
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
	scrollbar-width:thin;
	scrollbar-color:var(--border) transparent;
}

.PDF_QT1200 table
{
	width:100%;
	min-width:520px;
	border-collapse:collapse;
	table-layout:fixed;
}

/* Column header text labels */
.PDF_QT1200 th
{
	font-family:var(--font-mono);
	font-size:.68rem;
	font-weight:500;
	text-transform:uppercase;
	letter-spacing:.07em;
	color:var(--accent);
	text-align:center;
	padding:10px 8px 14px;
	border-bottom:1px solid var(--border);
	line-height:1.35;
	word-break:break-word;
	vertical-align:bottom;
}

/* Row label column header */
.PDF_QT1200 th:first-child
{
	text-align:left;
	color:var(--text-subtle);
	font-size:.62rem;
	width:36%;
}

/* Data cells */
.PDF_QT1200 td
{
	text-align:center;
	padding:11px 6px;
	border-bottom:1px solid var(--border);
	transition:background .1s ease;
}

/* Row label */
.PDF_QT1200 td.title
{
	text-align:left;
	color:var(--text);
	font-size:.9rem;
	line-height:1.45;
	padding-right:20px;
	font-weight:400;
}

/* Alternating row tint */
.PDF_QT1200 tr:nth-child(even) td
{
	background:var(--row-alt);
}

/* Full-row hover */
.PDF_QT1200 tbody tr:hover td
{
	background:var(--row-hover);
}

/* Radio inputs in matrix */
.PDF_QT1200 input[type=radio]
{
	accent-color:var(--accent);
	width:15px;
	height:15px;
	cursor:pointer;
}

/* Mobile stacked view */
.PDF_QT1200 .is-mobile
{
	border-bottom:1px solid var(--border);
	padding:0 0 20px;
	margin:0 0 20px;
}

.PDF_QT1200 .is-mobile:last-child
{
	border-bottom:0;
	margin:0;
	padding:0;
}

.PDF_QT1200 .is-mobile .title
{
	color:var(--text);
	font-weight:500;
	margin:0 0 12px;
	font-size:.9rem;
}

/* ---- Ranking - QT1300 ---- */
.PDF_QT1300
{
	font-size:.95rem;
	color:var(--text);
}

.PDF_QT1300 .rank-label
{
	display:inline-flex;
	flex:1;
	padding:12px 0;
	transition:color .15s ease;
	color:var(--text);
}

.PDF_QT1300 .rank-label:hover
{
	cursor:move;
	color:var(--accent);
}

.PDF_QT1300 ul.rank
{
	list-style:none !important;
	margin-top:16px;
	padding:0;
}

.PDF_QT1300 ul.rank li
{
	list-style:none !important;
	margin-bottom:8px;
	border:1px solid var(--border);
	border-radius:6px;
	background:var(--surface);
	display:flex;
	align-items:center;
	transition:border-color .15s ease, background .15s ease;
}

.PDF_QT1300 ul.rank li:hover
{
	border-color:var(--border-focus);
	background:var(--accent-dim);
}

.PDF_QT1300 .rank-value
{
	height:40px;
	width:48px;
	padding:0;
	text-align:center;
	background:transparent;
	border:none;
	border-right:1px solid var(--border);
	color:var(--accent);
	font-family:var(--font-mono);
	font-size:.8rem;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
}

/* ---- Email / URL / File ---- */
.PDF_QT1400 input
{
	width:100%;
}

.PDF_QT1500 input
{
	width:100%;
}

.PDF_QT1600 input
{
	width:100%;
}

/* ---- Page Header - QT1900 ---- */
.PDF_QT1900 h2
{
	font-size:1.5rem;
	font-weight:700;
	line-height:1.3 !important;
	border:none;
	color:var(--text) !important;
}

.PDF_QT1900 p
{
	margin:14px 0 0;
	color:var(--text-muted);
}

/* ---- HTML/Markdown - QT2000 ---- */
.PDF_QT2000 h1, .PDF_QT2000 h2
{
	margin:1em 0;
}

.PDF_QT2000 p
{
	margin:1em 0;
}

/* ---- System ---- */
.cf
{
	margin:0;
	padding:0;
	clear:both;
}

/* ---- Buttons ---- */
.button
{
	vertical-align:top;
	text-align:left;
}

.button input, .button a.previous-page
{
	background:var(--accent);
	border-radius:6px;
	box-shadow:none;
	color:#fff;
	cursor:pointer;
	line-height:1 !important;
	margin:0;
	font-family:var(--font-sans);
	font-weight:600;
	font-size:.95rem;
	padding:12px 28px;
	border:none;
	transition:opacity .15s ease;
	letter-spacing:.01em;
}

.button a.previous-page
{
	background:transparent;
	color:var(--text-muted);
	border:1px solid var(--border);
	display:inline-block;
	margin-right:8px;
	text-decoration:none;
}

.button input:hover
{
	opacity:.85;
}

.button a.previous-page:hover
{
	color:var(--text);
	border-color:var(--text-muted);
}

.button input::-moz-focus-inner
{
	padding:0;
	border:none;
}

.PDF_progress
{
	color:var(--text-subtle);
	font-size:.7rem;
	font-family:var(--font-mono);
	margin:8px auto;
	padding-right:10px;
	text-align:right;
	text-transform:uppercase;
	letter-spacing:.05em;
}

.PDF_progress:last-of-type
{
	padding-right:32px;
}

/* ---- One question per page ---- */
body.is-single-question-body
{
	overflow:hidden;
}

.survey.is-single-question .PDF_pageOuter
{
	min-height:100vh;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	overflow:hidden;
}

.survey.is-single-question .PDF_pageInner
{
	flex-direction:row;
	align-items:center;
	justify-content:center;
}

.survey.is-single-question.with-vertical-animation .PDF_pageInner
{
	flex-direction:column;
}

.PDF_fieldset
{
	transition:.2s all ease-in-out;
}

.survey.is-single-question .PDF_fieldset
{
	box-sizing:border-box;
	display:none;
	padding:10px 10px 50px;
}

@media screen and (min-width: 720px) {
	.survey.is-single-question .PDF_fieldset
	{
		padding:20px;
	}
}

.survey.is-single-question .PDF_fieldset > *
{
	width:100%;
}

@media screen and (min-width: 720px) {
	.survey.is-single-question .PDF_fieldset > *
	{
		width:640px;
	}
}

.survey.is-single-question .PDF_fieldset.is-active
{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}

.PDF_progress-container
{
	position:fixed;
	bottom:32px;
	height:16px;
	padding:0;
	left:80px;
	width:calc(100% - 160px);
	display:none;
}

.survey.is-single-question .PDF_progress-container
{
	display:flex;
	align-items:center;
}

@media screen and (min-width: 720px) {
	.PDF_progress-container
	{
		bottom:28px;
		width:50%;
		left:calc(50% / 2);
	}
}

.PDF_progress-bar-track
{
	height:2px;
	background:var(--border);
	padding:0;
	flex-grow:1;
}

.PDF_progress-bar
{
	height:2px;
	background:var(--accent);
	transition:width .2s ease-out;
}

.PDF_progress-label
{
	padding-left:8px;
	font-size:.7rem;
	font-family:var(--font-mono);
	color:var(--text-muted);
}

.PDF_fieldset-buttons
{
	display:none;
}

.survey.is-single-question .PDF_fieldset-buttons
{
	display:flex;
	justify-content:flex-end;
}

.PDF_navigation-button
{
	background:transparent !important;
	border:1px solid var(--border) !important;
	border-radius:6px !important;
	cursor:pointer;
	outline:0;
	position:fixed;
	bottom:10px;
	line-height:0;
	padding:8px !important;
}

.PDF_navigation-button:hover
{
	opacity:.6;
}

.PDF_navigation-button img
{
	height:24px;
	width:24px;
	filter:invert(1);
}

.PDF_navigation-button.is-disabled
{
	display:none;
}

.PDF_navigation-button.is-previous
{
	left:10px;
}

.PDF_navigation-button.is-next
{
	right:10px;
}

@media screen and (min-width: 720px) {
	.PDF_navigation-button
	{
		bottom:calc(50% - 17px);
	}
	
	.PDF_navigation-button.is-previous
	{
		left:20px;
	}
	
	.PDF_navigation-button.is-next
	{
		right:20px;
	}
}

/* In light mode, navigation arrows don't need inversion */
@media (prefers-color-scheme: light) {
	.PDF_navigation-button img
	{
		filter:none;
	}
}

.PDF_fieldset-buttons .PDF_button
{
	background:var(--surface);
	border:1px solid var(--border);
	border-radius:6px;
	color:var(--text);
	cursor:pointer;
	font-size:.8rem;
	font-weight:600;
	font-family:var(--font-mono);
	line-height:32px !important;
	margin:0 0 0 16px;
	padding:4px 20px;
	text-transform:uppercase;
	letter-spacing:.06em;
	overflow:hidden;
	transition:border-color .15s ease;
}

.PDF_fieldset-buttons .PDF_button:hover
{
	border-color:var(--text-muted);
}