/**
 * UPSC Prelims PYQ pages.
 *
 * Sits on top of aaq-page-templates.css — hero, container, section, h2 and the
 * buttons all come from there. Only the question list, the year grid and the
 * subject chips are new. Site rule: html is 62.5%, so these are px on purpose.
 */

.antm-pyq__crumbs { margin-bottom: 18px; font-size: 14px; color: #57534e; }
.antm-pyq__crumbs a { color: #57534e; text-decoration: none; border-bottom: 1px solid transparent; }
.antm-pyq__crumbs a:hover { color: #18181b; border-bottom-color: #18181b; }
.antm-pyq__crumbs span { margin: 0 8px; color: #a8a29e; }

/* --- year grid ---------------------------------------------------------- */
.antm-pyq__years {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.antm-pyq__year-card {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 18px 18px 16px;
	border: 1px solid #e7e5e4;
	border-radius: 10px;
	background: #fff;
	text-decoration: none;
	transition: border-color .15s ease, background .15s ease;
}
.antm-pyq__year-card:hover { border-color: #c7d7ea; background: #f8fafc; }
.antm-pyq__year-num { font-size: 26px; font-weight: 700; line-height: 1.1; color: #18181b; letter-spacing: -.02em; }
.antm-pyq__year-meta { font-size: 14px; color: #57534e; }
.antm-pyq__year-cta { margin-top: 6px; font-size: 13px; font-weight: 600; color: #2364a9; }

/* --- subject chips ------------------------------------------------------ */
.antm-pyq__subjects { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.antm-pyq__subject {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 9px 14px;
	border: 1px solid #e7e5e4;
	border-radius: 999px;
	background: #fff;
	font-size: 14px;
	font-weight: 600;
	color: #27272a;
	text-decoration: none;
}
.antm-pyq__subject:hover { border-color: #c7d7ea; background: #f8fafc; color: #1f3b61; }
.antm-pyq__subject span { font-size: 12px; font-weight: 700; color: #57534e; }

/* --- subject split on a year page --------------------------------------- */
.antm-pyq__split { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.antm-pyq__split-item {
	display: inline-flex;
	align-items: baseline;
	gap: 8px;
	padding: 8px 13px;
	border: 1px solid #e7e5e4;
	border-radius: 8px;
	background: #fff;
	font-size: 14px;
}
.antm-pyq__split-name { font-weight: 600; color: #27272a; }
.antm-pyq__split-count { font-size: 13px; font-weight: 700; color: #2364a9; }

/* --- question list ------------------------------------------------------ */
.antm-pyq__list { margin: 0; padding: 0; list-style: none; counter-reset: none; }
.antm-pyq__q {
	padding: 22px 0 24px;
	border-top: 1px solid #e7e5e4;
}
.antm-pyq__q:first-child { border-top: 0; padding-top: 4px; }
.antm-pyq__q-head { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.antm-pyq__q-num {
	display: inline-flex;
	min-width: 30px;
	height: 30px;
	align-items: center;
	justify-content: center;
	padding: 0 8px;
	border-radius: 8px;
	background: #1f3b61;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
}
.antm-pyq__q-subject { font-size: 12.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #57534e; }
.antm-pyq__q-body { font-size: 17px; line-height: 1.6; color: #1c1917; }
.antm-pyq__q-body p { margin: 0 0 10px; }
.antm-pyq__q-body p:last-child { margin-bottom: 0; }

.antm-pyq__opts { margin: 14px 0 0; padding: 0; list-style: none; display: grid; gap: 7px; }
.antm-pyq__opt {
	display: flex;
	gap: 11px;
	padding: 11px 14px;
	border: 1px solid #e7e5e4;
	border-radius: 8px;
	background: #fff;
	font-size: 15.5px;
	line-height: 1.5;
}
.antm-pyq__opt-letter { flex: 0 0 auto; font-weight: 700; color: #57534e; }
.antm-pyq__opt-text > p { margin: 0; }

/* --- answer disclosure --------------------------------------------------
   The site's <details> elsewhere needed the marker killed explicitly, so do
   the same here rather than inherit a stray triangle. */
.antm-pyq__answer { margin-top: 12px; }
.antm-pyq__answer > summary {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 8px 14px;
	border: 1px solid #dbeafe;
	border-radius: 8px;
	background: #eff6ff;
	color: #1f3b61;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	list-style: none;
}
.antm-pyq__answer > summary::-webkit-details-marker { display: none; }
.antm-pyq__answer > summary::marker { content: ''; }
.antm-pyq__answer > summary::after { content: '+'; font-weight: 700; }
.antm-pyq__answer[open] > summary::after { content: '−'; }
.antm-pyq__answer > summary:hover { background: #dbeafe; }
.antm-pyq__answer-key { margin: 12px 0 8px; font-size: 15px; color: #1c1917; }
.antm-pyq__answer-key strong { color: #166534; }
.antm-pyq__answer-expl { font-size: 15.5px; line-height: 1.6; color: #292524; }
.antm-pyq__answer-expl p { margin: 0 0 10px; }
.antm-pyq__answer-link { margin: 10px 0 0; font-size: 14px; }
.antm-pyq__answer-link a { color: #2364a9; }

/* --- pager and CTAs ------------------------------------------------------ */
.antm-pyq__pager-inner { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between; }
.antm-pyq__pager-link {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 10px 16px;
	border: 1px solid #e7e5e4;
	border-radius: 8px;
	background: #fff;
	font-size: 14.5px;
	font-weight: 600;
	color: #27272a;
	text-decoration: none;
}
.antm-pyq__pager-link:hover { border-color: #c7d7ea; background: #f8fafc; color: #1f3b61; }
.antm-pyq__cta-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }

@media (max-width: 600px) {
	.antm-pyq__q-body { font-size: 16px; }
	.antm-pyq__opt { font-size: 15px; }
	.antm-pyq__pager-inner { justify-content: flex-start; }
}

/* The AAQ hero stat expects its own markup; ours puts the number and label in
   one line, so give the number its own row here rather than editing the shared
   sheet other templates rely on. */
.antm-pyq .aaq-page__hero-stat strong { display: block; }
.antm-pyq .aaq-page__hero-stat span { display: block; }

/* --- MCQ taxonomy archives ----------------------------------------------
   The archive cards reuse the question markup above; these few rules place it
   inside the AAQ card shell. */
.aaq-tax__item-card .antm-pyq__q-body { margin: 0 0 12px; }
.aaq-tax__item-card .antm-pyq__opts { margin-bottom: 12px; }
.aaq-tax__item-card .antm-pyq__answer { margin-bottom: 12px; }
.aaq-tax__item-title.screen-reader-text {
	position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}