/*
Theme Name:   MySSC Child
Theme URI:    https://myssc.in/
Description:  GeneratePress child theme for MySSC.in: Sarkari job updates with structured fields, auto status badges, and a free bilingual CBT mock test engine.
Author:       Sumit
Template:     generatepress
Version:      1.21.0
Text Domain:  myssc-child
*/

/* ---------- Tokens ---------- */
:root {
	--ink: #14284b;          /* header, headings */
	--text: #1d2433;
	--muted: #5b6475;
	--page: #eef1f5;         /* cool grey page */
	--paper: #ffffff;
	--line: #d5dbe4;
	--stamp: #4b3ba8;        /* rubber-stamp violet */
	--red: #c8102e;          /* last date / closed alerts */
	--green: #0f7b4a;        /* results, new */
	--gold: #f2a900;         /* tests */
	--teal: #0a7f86;
	--brown: #8a4b12;
	--link: #0b4fb3;
	--radius: 4px;
	--wrap: 1200px;
	--f-body: "Mukta", "Noto Sans Devanagari", system-ui, -apple-system, "Segoe UI", sans-serif;
	--f-head: "Baloo 2", "Mukta", system-ui, sans-serif;
}

/* ---------- Base / GeneratePress ---------- */
body.myssc {
	background: var(--page);
	color: var(--text);
	font-family: var(--f-body);
	font-size: 17px;
	line-height: 1.55;
}
.myssc h1, .myssc h2, .myssc h3, .myssc .main-title {
	font-family: var(--f-head);
	color: var(--ink);
	line-height: 1.2;
}
.myssc a { color: var(--link); }
.myssc a:hover { color: var(--red); }
.myssc :focus-visible { outline: 3px solid var(--gold); outline-offset: 2px; }
.ms-wrap { max-width: var(--wrap); margin: 0 auto; padding: 0 16px; }

/* Header: logo left, menu right, one navy bar */
.myssc .site-header { background: var(--ink); border-bottom: 3px solid var(--gold); }
.myssc .site-header .inside-header { padding-top: 10px; padding-bottom: 10px; align-items: center; }
.myssc .site-description { display: none; }
.ms-logo { margin: 0; line-height: 1; }
.ms-logo a { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: #fff; }
.ms-logo a:hover { color: #fff; }
.ms-logo__mark { display: inline-grid; grid-template-columns: repeat(3, 9px); gap: 3px; padding: 6px; background: #fff; border-radius: 6px; }
.ms-logo__mark i { width: 9px; height: 9px; border-radius: 50%; border: 1.5px solid var(--ink); }
.ms-logo__mark i:nth-child(2) { background: var(--ink); }
.ms-logo__word { font-family: var(--f-head); font-weight: 800; font-size: 30px; letter-spacing: -.01em; }
.ms-logo__word b { color: var(--gold); font-weight: 800; font-size: .7em; }
.myssc .main-navigation, .myssc .main-navigation ul ul { background: transparent; }
.myssc .main-navigation ul ul { background: var(--ink); }
.myssc .main-navigation .main-nav ul li a {
	color: #fff; font-weight: 600; font-size: 16px; line-height: 44px;
	padding: 0 14px; border-radius: 4px; transition: background .15s;
}
.myssc .main-navigation .main-nav ul li a:hover { background: rgba(255,255,255,.1); color: #fff; }
.myssc .main-navigation .main-nav ul li.current-menu-item > a { color: var(--ink); background: var(--gold); }
.myssc .menu-toggle, .myssc .menu-toggle:hover { color: #fff; background: rgba(255,255,255,.1); border-radius: 4px; }

/* Section pills under the header */
.ms-strip { background: var(--paper); border-bottom: 1px solid var(--line); }
.ms-strip__row { display: flex; align-items: center; gap: 12px; }
.ms-strip__in { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding-block: 10px; flex: 1 1 auto; min-width: 0; }
.ms-strip__in::-webkit-scrollbar { display: none; }
.ms-pillnav {
	--c: var(--ink);
	flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px;
	padding: 6px 14px 5px; border: 1.5px solid var(--c); border-radius: 999px;
	color: var(--c); background: #fff; font-weight: 700; font-size: 15px; text-decoration: none; white-space: nowrap;
}
.ms-pillnav::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--c); }
.myssc .ms-pillnav:hover, .ms-pillnav[aria-current="page"] { background: var(--c); color: #fff; }
.ms-pillnav:hover::before, .ms-pillnav[aria-current="page"]::before { background: #fff; }
.ms-pillnav--latest-jobs { --c: var(--red); }
.ms-pillnav--admit-card { --c: var(--stamp); }
.ms-pillnav--result { --c: var(--green); }
.ms-pillnav--answer-key { --c: var(--teal); }
.ms-pillnav--syllabus { --c: var(--brown); }
.ms-pillnav--admission { --c: #2d5fb5; }
.ms-pillnav--test { --c: var(--ink); background: var(--gold); border-color: var(--gold); }
.ms-pillnav--test::before { background: var(--ink); }
.myssc .ms-pillnav--test:hover { background: #ffc233; color: var(--ink); border-color: #ffc233; }

/* Posts and pages */
.myssc.separate-containers .inside-article { padding: 24px 22px; border: 1px solid var(--line); border-radius: var(--radius); }
.myssc .entry-title { font-size: clamp(24px, 3.4vw, 32px); }
.myssc .entry-content > * + * { margin-top: 1em; }
.myssc .entry-meta { color: var(--muted); font-size: 14px; }

/* Archives as compact lists */
.myssc.archive .inside-article, .myssc.blog .inside-article, .myssc.search .inside-article { padding: 14px 18px; }
.myssc.archive .site-main > article, .myssc.blog .site-main > article { margin-bottom: 8px; }
.myssc.archive .entry-title, .myssc.blog .entry-title, .myssc.search .entry-title { font-size: 19px; font-family: var(--f-body); font-weight: 600; }
.myssc.archive .entry-summary, .myssc.blog .entry-summary { display: none; }
.myssc.archive .entry-meta, .myssc.archive footer.entry-meta { display: none; }
.ms-arch-meta { font-size: 14px; color: var(--muted); margin-top: 2px; }
.myssc .page-header { padding: 18px 22px; border-left: 6px solid var(--red); }

/* ---------- Badges ---------- */
.ms-badge {
	display: inline-block; font-size: 12px; font-weight: 800; line-height: 1;
	padding: 4px 7px; border-radius: 3px; vertical-align: 2px; white-space: nowrap;
}
.ms-badge--new { background: var(--green); color: #fff; }
.ms-badge--hot { background: var(--red); color: #fff; animation: ms-blink 1.2s steps(2) infinite; }
.ms-badge--soon { background: #ffe6a6; color: #6b4a00; }
.ms-badge--closed { background: #e3e6eb; color: #555d6b; }
.ms-badge--info { background: #e4e0ff; color: var(--stamp); }
@keyframes ms-blink { 50% { opacity: .55; } }

/* ---------- Homepage ---------- */
.ms-home .site.grid-container { max-width: none; padding: 0; }
.ms-home .site-content { display: block; padding: 0; }
.ms-home-wrap { padding-bottom: 32px; }

.ms-board { background: var(--paper); border-bottom: 1px solid var(--line); padding: 20px 0 14px; }
.ms-board__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.ms-board__title { margin: 0; font-size: clamp(22px, 3.6vw, 34px); font-weight: 800; }
.ms-board__title span { display: block; font-family: var(--f-body); font-weight: 600; font-size: .52em; color: var(--muted); }

/* The one memorable thing: a rubber-stamp date */
.ms-board__stamp {
	flex: 0 0 auto; margin: 0; transform: rotate(-4deg);
	border: 3px double var(--stamp); color: var(--stamp); border-radius: 6px;
	padding: 4px 12px 2px; font-family: var(--f-head); font-weight: 800; font-size: 20px;
	text-align: center; line-height: 1.1; background: rgba(75,59,168,.04);
}
.ms-board__stamp span { display: block; font-size: 12px; font-weight: 700; font-family: var(--f-body); }

.ms-tiles { list-style: none; margin: 0 0 14px; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.ms-tile { position: relative; margin: 0; border-radius: var(--radius); }
.ms-tile a {
	display: flex; align-items: center; justify-content: center; text-align: center;
	min-height: 64px; padding: 10px 10px 18px; color: #fff; font-weight: 800; font-size: 16px;
	line-height: 1.25; text-decoration: none; border-radius: var(--radius);
}
.ms-tile a:hover { filter: brightness(1.1); color: #fff; }
.ms-tile .ms-badge { position: absolute; right: 6px; bottom: 5px; font-size: 11px; padding: 3px 5px; }
.ms-tile--t1 a { background: #b0122b; }
.ms-tile--t2 a { background: #14284b; }
.ms-tile--t3 a { background: #0f7b4a; }
.ms-tile--t4 a { background: #4b3ba8; }
.ms-tile--t5 a { background: #0a7f86; }
.ms-tile--t6 a { background: #8a4b12; }
.ms-tile--t7 a { background: #2d5fb5; }
.ms-tile--t8 a { background: #6a1b5f; }
.ms-tile .ms-badge--new { background: #fff; color: var(--green); }

.ms-exambar { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; font-size: 15px; }
.ms-exambar__label { font-weight: 700; color: var(--muted); margin-right: 4px; }
.ms-exambar a {
	padding: 4px 11px; border: 1.5px solid var(--ink); border-radius: 20px;
	color: var(--ink); text-decoration: none; font-weight: 600; background: #fff;
}
.ms-exambar a:hover { background: var(--ink); color: #fff; }

/* Update boxes */
.ms-boxes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 18px; align-items: start; }
.myssc .ms-box__title, .myssc .ms-kv__title { color: #fff; }
.ms-boxes--2 { grid-template-columns: repeat(2, 1fr); }
.ms-box {
	--tone: var(--ink);
	background: var(--paper); border: 1px solid var(--line); border-top: 0;
	border-radius: var(--radius); display: flex; flex-direction: column; min-width: 0;
}
.ms-box--result { --tone: var(--green); }
.ms-box--admit { --tone: var(--stamp); }
.ms-box--jobs { --tone: var(--red); }
.ms-box--key { --tone: var(--teal); }
.ms-box--syll { --tone: var(--brown); }
.ms-box--adm { --tone: #2d5fb5; }
.ms-box--test, .ms-box--model, .ms-box--pyq { --tone: var(--ink); }
.ms-box { border: 1.5px solid var(--tone); }
.ms-box__head {
	display: flex; align-items: center; justify-content: space-between; gap: 10px;
	background: var(--tone); padding: 8px 10px 8px 14px; border-radius: 2px 2px 0 0;
}
.ms-box__title { margin: 0; color: #fff; font-size: 21px; font-weight: 800; line-height: 1.2; }
.ms-box__all {
	flex: 0 0 auto; font-size: 14px; font-weight: 700; color: #fff; text-decoration: none;
	border: 1.5px solid rgba(255,255,255,.75); border-radius: 4px; padding: 4px 10px 3px;
}
.myssc .ms-box__all:hover { background: #fff; color: var(--tone); }
.ms-box--test .ms-box__head, .ms-box--model .ms-box__head, .ms-box--pyq .ms-box__head { box-shadow: inset 0 -4px 0 var(--gold); padding-bottom: 12px; }
.ms-box__list { list-style: none; margin: 0; padding: 4px 12px 6px; flex: 1; }
.ms-box__list li { padding: 9px 0; border-bottom: 1px dotted #b9c1ce; font-size: 15.5px; line-height: 1.35; }
.ms-box__list li:last-child { border-bottom: 0; }
.ms-box__list a { font-weight: 600; text-decoration: none; color: #13213d; }
.ms-box__list a:hover { color: var(--tone); text-decoration: underline; }
.ms-box__list li.is-closed a { color: #6c7686; font-weight: 400; }

/* "Last Date" pill under list items */
.ms-pill {
	display: block; width: fit-content; max-width: 100%; margin-top: 5px;
	font-size: 13.5px; font-weight: 700; line-height: 1.2; padding: 4px 10px; border-radius: 999px;
}
.ms-pill--open { background: #fdeee6; color: #b4400e; }
.ms-pill--soon { background: var(--red); color: #fff; }
.ms-pill--closed { background: #e9ecf1; color: #6c7686; }
.ms-pill--note { background: #eef0fb; color: var(--stamp); }
.ms-box__empty { padding: 12px; color: var(--muted); margin: 0; }
.ms-tlist__meta { display: block; font-size: 13px; color: var(--muted); font-weight: 400; }
ul.ms-tlist li a { display: inline; }

/* Homepage bottom: Free PDFs (left) + About (right) */
.ms-home-bottom { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 14px; margin-top: 18px; align-items: stretch; }
.ms-box--pdf { --tone: #9b1c1c; }
.ms-about-home { background: var(--paper); border: 1.5px solid var(--ink); border-radius: var(--radius); padding: 0 0 14px; display: flex; flex-direction: column; }
.myssc .ms-about-home h2 { margin: 0; background: var(--ink); color: #fff; font-size: 21px; padding: 9px 14px; }
.ms-about-home > p { margin: 12px 16px 0; font-size: 15.5px; }
.myssc .ms-about-home h3 { margin: 14px 16px 6px; font-size: 17px; color: var(--ink); }
.ms-stats { list-style: none; margin: 12px 16px 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.ms-stats li { background: var(--page); border-radius: var(--radius); padding: 8px 6px; text-align: center; line-height: 1.15; }
.ms-stats strong { display: block; font-family: var(--f-head); font-size: 26px; color: var(--ink); }
.ms-stats span { font-size: 13px; color: var(--muted); }
.ms-checks { list-style: none; margin: 0 16px; padding: 0; }
.ms-checks li { position: relative; padding: 4px 0 4px 26px; font-size: 15px; line-height: 1.4; }
.ms-checks li::before { content: ""; position: absolute; left: 2px; top: 8px; width: 15px; height: 15px; border-radius: 50%; background: var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.2l2.6 2.6L12 5.4' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat; }
.ms-about-home__join { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 16px 0; }
.ms-about-home__more { margin: auto 16px 0 !important; padding-top: 12px; font-size: 14.5px; }

/* Free PDF list */
.ms-dllist { list-style: none; margin: 0; padding: 4px 12px 6px; flex: 1; }
.ms-dlli { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px dotted #b9c1ce; }
.ms-dlli:last-child { border-bottom: 0; }
.ms-dlli__ic { flex: 0 0 34px; height: 42px; border-radius: 3px 10px 3px 3px; background: #9b1c1c; color: #fff; font-size: 10.5px; font-weight: 800; letter-spacing: .5px; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 6px; box-shadow: inset 0 -14px 0 rgba(0,0,0,.18); }
.ms-dlli__tx { flex: 1; min-width: 0; line-height: 1.35; }
.ms-dlli__tx > a { font-weight: 600; text-decoration: none; color: #13213d; font-size: 15.5px; }
.ms-dlli__tx > a:hover { color: #9b1c1c; text-decoration: underline; }
.ms-dlli__meta { display: block; font-size: 13.5px; color: var(--muted); margin-top: 2px; }
.ms-dlli__meta b { color: #9b1c1c; font-weight: 700; }
.ms-dlli__btn { flex: 0 0 auto; display: inline-block; background: var(--green); color: #fff; font-weight: 700; font-size: 14px; padding: 6px 12px; border-radius: var(--radius); text-decoration: none; white-space: nowrap; }
.myssc .ms-dlli__btn, .myssc .ms-dlli__btn:visited, .myssc .ms-dlli__btn:hover { color: #fff; }
.myssc .ms-dlli__btn:hover { filter: brightness(1.12); }
.ms-dlli__btn small { font-weight: 400; opacity: .9; }
.ms-dlchips { display: flex; flex-wrap: wrap; gap: 6px; padding: 10px 12px 12px; border-top: 1px solid var(--line); }
.ms-dlchips a { font-size: 14px; font-weight: 600; padding: 4px 11px; border: 1.5px solid #e2c4c4; border-radius: 999px; color: #7a1717; text-decoration: none; background: #fff; }
.myssc .ms-dlchips a:hover, .ms-dlchips a[aria-current] { background: #9b1c1c; border-color: #9b1c1c; color: #fff; }
.ms-archhead .ms-dlchips { padding: 10px 0 0; border: 0; }
.ms-dlbox__note { margin: 0; padding: 10px 14px; font-size: 14px; color: var(--muted); border-top: 1px solid var(--line); }
.ms-dlbox__note + .ms-dlchips { border-top: 0; padding-top: 0; }
.ms-dlbox__empty { padding: 14px 16px; }
.ms-dlbox__empty p { margin: 0 0 10px; }
.ms-dlbox__empty .ms-joinbtns { display: flex; flex-wrap: wrap; gap: 8px; }
.ms-dlt__meta { display: block; font-size: 13.5px; color: var(--muted); }
.ms-dlt td.ms-dlt__btn { text-align: center; width: 1%; }

/* Single PDF page */
.ms-dl { border: 2px solid #9b1c1c; border-radius: var(--radius); padding: 14px; background: #fff; margin-bottom: 16px; }
.ms-dl__card { display: flex; gap: 16px; align-items: flex-start; }
.ms-dl__ic { flex: 0 0 74px; height: 92px; border-radius: 4px 20px 4px 4px; background: #9b1c1c; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 12px; box-shadow: inset 0 -30px 0 rgba(0,0,0,.18); }
.ms-dl__ic span { color: #fff; font-weight: 800; font-size: 17px; letter-spacing: 1px; }
.ms-dl__facts { flex: 1; width: 100%; border-collapse: collapse; font-size: 15.5px; }
.ms-dl__facts th, .ms-dl__facts td { border-bottom: 1px dashed var(--line); padding: 6px 8px; text-align: left; vertical-align: top; }
.ms-dl__facts th { color: var(--muted); font-weight: 600; width: 34%; white-space: nowrap; }
.ms-dl__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.ms-dl__btn { display: inline-block; background: var(--green); color: #fff; font-weight: 800; font-size: 18px; padding: 11px 22px; border-radius: var(--radius); text-decoration: none; }
.myssc .ms-dl__btn, .myssc .ms-dl__btn:visited, .myssc .ms-dl__btn:hover { color: #fff; }
.myssc .ms-dl__btn:hover { filter: brightness(1.12); }
.ms-dl__btn small { font-weight: 400; font-size: 14px; opacity: .9; }
.ms-dl__btn--alt { background: var(--ink); }
.ms-dl__btn--mirror { background: #5b6475; }
.myssc .ms-dl__h { margin: -2px 0 12px; font-size: 20px; color: #9b1c1c; }
.ms-dlfaq { margin-top: 18px; }
.ms-dl__btn.is-off { background: #9aa3b1; }
.ms-dl__note { margin: 10px 0 0; font-size: 14px; color: var(--muted); }
.ms-dlmore { margin-top: 18px; border: 1.5px solid #9b1c1c; border-radius: var(--radius); }
.myssc .ms-dlmore h2 { margin: 0; background: #9b1c1c; color: #fff; font-size: 19px; padding: 8px 14px; }
.ms-dl__tip { margin-top: 16px; padding: 10px 14px; background: #fdf3e6; border-left: 4px solid var(--gold); }
@media (max-width: 900px) {
	.ms-home-bottom { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
	.ms-dl__card { flex-direction: column; }
	.ms-dl__ic { display: none; }
	.ms-dl__btn { display: block; text-align: center; width: 100%; }
	.ms-dlli { flex-wrap: wrap; }
	.ms-dlli__btn { margin-left: 44px; }
	.ms-stats strong { font-size: 22px; }
}

/* "You May Also Check" box inside posts */
.ms-also { margin: 14px 0; padding: 10px 14px 8px; border: 1.5px solid var(--ink); border-radius: var(--radius); background: #fff; font-size: 16px; line-height: 1.4; }
.myssc .ms-also__k { margin: 0 0 4px; color: #8b1a1a; font-weight: 800; }
.ms-also ul { margin: 0; padding-left: 20px; }
.ms-also li { padding: 4px 0; }
.ms-also a { font-weight: 700; color: #13213d; text-decoration: none; }
.ms-also a:hover { color: var(--red); text-decoration: underline; }
.ms-also__d { display: inline-block; margin-left: 4px; font-size: 13px; font-weight: 700; color: #b4400e; background: #fdeee6; padding: 1px 8px; border-radius: 999px; white-space: nowrap; }

/* ---------- Job post ---------- */
.ms-job { margin-top: 4px; }
.ms-short { border: 2px solid var(--ink); border-radius: var(--radius); overflow: hidden; }
.ms-short__head { background: var(--ink); color: #fff; padding: 8px 14px; display: flex; flex-wrap: wrap; gap: 4px 14px; justify-content: space-between; font-weight: 700; }
.ms-short__advt { color: var(--gold); }
.ms-short__body { padding: 10px 14px; }
.ms-short__body p { margin: 0 0 8px; }
.ms-short__meta { font-size: 14px; color: var(--muted); }

.ms-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 14px; }
.ms-kv { border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: #fff; }
.ms-kv__title { margin: 0; font-size: 18px; padding: 7px 12px 5px; color: #fff; background: var(--green); }
.ms-kv--fee .ms-kv__title { background: var(--stamp); }
.ms-kv--age .ms-kv__title { background: var(--teal); }
.ms-kv--total .ms-kv__title { background: var(--red); }
.ms-kv--sel .ms-kv__title, .ms-kv--how .ms-kv__title { background: var(--brown); }
.ms-kv ul { list-style: none; margin: 0; padding: 4px 12px 8px; }
.ms-kv li { display: flex; justify-content: space-between; gap: 12px; padding: 6px 0; border-bottom: 1px dashed var(--line); font-size: 15.5px; }
.ms-kv li:last-child { border-bottom: 0; }
.ms-kv li span { color: var(--muted); }
.ms-kv li strong { text-align: right; color: var(--text); }
.ms-kv__note { display: block !important; color: var(--muted); font-size: 14px; }
.ms-total { margin: 0; padding: 18px 12px; text-align: center; font-family: var(--f-head); font-size: 40px; font-weight: 800; color: var(--red); line-height: 1; }
.ms-steps { margin: 0; padding: 8px 12px 10px 32px; font-size: 15.5px; }
.ms-kv .ms-steps li { display: list-item; padding: 4px 0; }

.ms-table-wrap { overflow-x: auto; margin-top: 14px; }
.ms-table { width: 100%; border-collapse: collapse; background: #fff; font-size: 15.5px; border: 1px solid var(--line); }
.ms-table caption { caption-side: top; text-align: left; font-family: var(--f-head); font-weight: 800; font-size: 19px; color: var(--ink); padding: 0 0 6px; }
.ms-table th, .ms-table td { border: 1px solid var(--line); padding: 8px 10px; text-align: left; vertical-align: top; }
.ms-table thead th { background: #f1f4f9; }
.ms-links th { width: 55%; font-weight: 600; }
.ms-links td a { font-weight: 800; color: var(--red); }
.ms-soon { color: var(--muted); }
.ms-body { margin-top: 16px; }
.ms-faq { margin-top: 20px; }
.ms-faq h2 { font-size: 21px; }
.ms-faq details, .ms-qcard__ans { border: 1px solid var(--line); border-radius: var(--radius); padding: 8px 12px; margin-bottom: 6px; background: #fff; }
.ms-faq summary, .ms-qcard__ans summary { cursor: pointer; font-weight: 700; }
.ms-faq details p { margin: 6px 0 0; }
.ms-verify { margin-top: 18px; font-size: 14px; color: var(--muted); border-left: 4px solid var(--gold); padding: 6px 12px; background: #fffaf0; }

/* Hub pages */
.ms-pattern { width: 100%; }

/* ---------- Mock test ---------- */
.ms-test { border: 2px solid var(--ink); border-radius: var(--radius); background: #fff; margin: 16px 0; }
.ms-test__start { padding: 16px; }
.ms-test__facts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.ms-test__facts div { border: 1px solid var(--line); border-radius: var(--radius); padding: 8px; text-align: center; }
.ms-test__facts span { display: block; font-size: 13px; color: var(--muted); }
.ms-test__facts strong { font-family: var(--f-head); font-size: 22px; color: var(--ink); }
.ms-test__note, .ms-test__secs { font-size: 15px; color: var(--muted); margin: 10px 0 0; }
.ms-test__actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 14px; }
.ms-lang { font-size: 15px; font-weight: 600; display: flex; gap: 6px; align-items: center; }
.ms-lang select { padding: 6px; }

.ms-btn {
	display: inline-block; border: 2px solid var(--ink); background: #fff; color: var(--ink);
	font-family: var(--f-body); font-weight: 800; font-size: 16px; line-height: 1.2;
	padding: 9px 16px; border-radius: var(--radius); cursor: pointer; text-decoration: none;
}
.myssc .ms-btn:hover { background: #f1f4f9; color: var(--ink); }
.ms-btn--go { background: var(--green); border-color: var(--green); color: #fff; }
.myssc .ms-btn--go:hover { background: #0b6a3f; color: #fff; }
.ms-btn--warn { background: var(--red); border-color: var(--red); color: #fff; }
.myssc .ms-btn--warn:hover { background: #a50d26; color: #fff; }
.ms-btn--mark { border-color: var(--stamp); color: var(--stamp); }
.ms-btn--ghost { border-color: var(--line); }
.ms-btn--pdf { background: #9b1c1c; border-color: #9b1c1c; color: #fff; text-decoration: none; }
.myssc .ms-btn--pdf, .myssc .ms-btn--pdf:visited { color: #fff; }
.myssc .ms-btn--pdf:hover { background: #7f1515; color: #fff; }
.ms-btn--pdf small { font-weight: 400; opacity: .9; }
.ms-tpdf { margin-top: 22px; }
.ms-btn[disabled] { opacity: .45; cursor: not-allowed; }

/* Running test */
.ms-run__bar { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; gap: 10px; justify-content: space-between; background: var(--ink); color: #fff; padding: 8px 12px; }
.ms-run__title { font-weight: 700; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.ms-run__clock { font-family: var(--f-head); font-weight: 800; font-size: 22px; background: #fff; color: var(--ink); border-radius: var(--radius); padding: 1px 10px; flex: 0 0 auto; }
.ms-run__clock.is-low { background: var(--red); color: #fff; }
.ms-run__bar select { flex: 0 0 auto; padding: 3px; }
.ms-run__submit { flex: 0 0 auto; padding: 5px 12px; font-size: 15px; border-color: #fff; }
.ms-run__ask { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; padding: 10px 12px; background: #fff3f3; border-bottom: 2px solid var(--red); font-weight: 600; }
.ms-run__ask span { flex: 1 1 200px; }
.ms-run__body { display: grid; grid-template-columns: 1fr 250px; gap: 0; }
.ms-run__main { padding: 14px 16px; border-right: 1px solid var(--line); min-width: 0; }
.ms-run__meta { display: flex; justify-content: space-between; gap: 8px; font-size: 14px; color: var(--muted); margin-bottom: 8px; flex-wrap: wrap; }
.ms-run__q { font-size: 18px; font-weight: 600; margin: 0 0 12px; white-space: pre-line; }
.ms-opts { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.ms-opt {
	display: flex; gap: 10px; align-items: flex-start; width: 100%; text-align: left;
	border: 1.5px solid var(--line); border-radius: var(--radius); background: #fff;
	padding: 10px 12px; font: inherit; font-size: 16.5px; color: var(--text); cursor: pointer;
}
.ms-opt:hover { border-color: var(--ink); }
.ms-opt b { flex: 0 0 26px; height: 26px; border: 1.5px solid var(--ink); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; }
.ms-opt[aria-pressed="true"] { border-color: var(--ink); background: #eef3ff; }
.ms-opt[aria-pressed="true"] b { background: var(--ink); color: #fff; }
.ms-run__ctrl { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.ms-run__ctrl .ms-btn { font-size: 15px; padding: 8px 12px; }
.ms-run__side { padding: 12px; background: #f8f9fb; }
.ms-run__side h3 { font-size: 16px; margin: 0 0 8px; }
.ms-pal { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; }
.ms-pal button {
	height: 36px; border: 1.5px solid #b9c1ce; border-radius: 4px; background: #fff;
	font: inherit; font-weight: 700; font-size: 14px; cursor: pointer; color: var(--text); padding: 0;
}
.ms-pal button.is-seen { background: #fde2e2; border-color: #e7a3a3; }
.ms-pal button.is-ans { background: var(--green); border-color: var(--green); color: #fff; }
.ms-pal button.is-mark { background: var(--stamp); border-color: var(--stamp); color: #fff; }
.ms-pal button.is-mark.is-ans { box-shadow: inset 0 -5px 0 var(--gold); }
.ms-pal button.is-cur { outline: 3px solid var(--gold); outline-offset: 1px; }
.ms-legend { list-style: none; padding: 0; margin: 10px 0 0; font-size: 13px; color: var(--muted); display: grid; gap: 3px; }
.ms-legend i { display: inline-block; width: 12px; height: 12px; border-radius: 2px; margin-right: 6px; vertical-align: -1px; border: 1px solid #b9c1ce; }
.ms-run__side .ms-btn { width: 100%; margin-top: 12px; }
.ms-palt { display: none; }

/* Result */
.ms-res { padding: 16px; }
.ms-res__score { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.ms-res__score strong { font-family: var(--f-head); font-size: 46px; color: var(--ink); line-height: 1; }
.ms-res__score span { color: var(--muted); font-size: 18px; }
.ms-res__grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; margin: 14px 0; }
.ms-res__grid div { border: 1px solid var(--line); border-radius: var(--radius); padding: 8px; text-align: center; }
.ms-res__grid span { display: block; font-size: 13px; color: var(--muted); }
.ms-res__grid b { font-size: 20px; }
.ms-res__grid .ok b { color: var(--green); }
.ms-res__grid .bad b { color: var(--red); }
.ms-sol { list-style: none; padding: 0; margin: 16px 0 0; }
.ms-sol > li { border: 1px solid var(--line); border-left: 5px solid #b9c1ce; border-radius: var(--radius); padding: 10px 12px; margin-bottom: 8px; }
.ms-sol > li.is-ok { border-left-color: var(--green); }
.ms-sol > li.is-bad { border-left-color: var(--red); }
.ms-sol__q { font-weight: 600; margin: 0 0 6px; white-space: pre-line; }
.ms-sol__o { margin: 2px 0; font-size: 15.5px; }
.ms-sol__o.is-right { color: var(--green); font-weight: 700; }
.ms-sol__o.is-wrong { color: var(--red); text-decoration: line-through; }
.ms-sol__e { font-size: 15px; color: var(--muted); margin: 6px 0 0; }

/* Practice list */
.ms-qlist { margin-top: 22px; }
.ms-qlist h2 { font-size: 22px; }
.ms-qlist__tip { color: var(--muted); font-size: 15px; }
.ms-qlist__sec { font-size: 18px; border-bottom: 2px solid var(--gold); padding-bottom: 4px; margin-top: 18px; }
.ms-qcard { border-bottom: 1px dashed var(--line); padding: 10px 0; }
.ms-qcard__q { font-weight: 600; margin: 0 0 6px; }
.ms-qcard__n { color: var(--red); margin-right: 2px; }
.ms-hi { display: block; font-weight: 400; color: #33405a; margin-top: 2px; }
.ms-hi-inline { color: #4d5870; }
.ms-qcard__opts { margin: 0 0 8px; padding-left: 26px; }
.ms-qcard__ans p { margin: 6px 0 0; }
.is-testing .ms-qlist, .is-testing .ms-related { display: none; }
.ms-related { margin-top: 22px; }
.ms-related ul { list-style: none; padding: 0; }
.ms-related li { padding: 6px 0; border-bottom: 1px dashed var(--line); }

/* ---------- Footer ---------- */
.ms-foot { background: #0f1f3b; color: #c9d3e6; margin-top: 28px; border-top: 4px solid var(--gold); }
.ms-foot .ms-wrap { padding-block: 26px 18px; }
.ms-join {
	display: flex; flex-wrap: wrap; gap: 14px; align-items: center; justify-content: space-between;
	background: var(--ink); border: 1px solid #2b4170; border-radius: 6px; padding: 14px 16px; margin-bottom: 24px;
}
.ms-join p { margin: 0; }
.ms-join strong { display: block; color: #fff; font-family: var(--f-head); font-size: 20px; }
.ms-join span { font-size: 15px; }
.ms-join__btns { display: flex; flex-wrap: wrap; gap: 8px; }
.ms-join__btn { color: #fff; font-weight: 800; padding: 8px 16px; border-radius: 4px; text-decoration: none; }
.myssc .ms-join__btn:hover { color: #fff; filter: brightness(1.12); }
.ms-join__btn--whatsapp { background: #128c4a; }
.ms-join__btn--telegram { background: #1f7fc4; }
.ms-join__btn--youtube { background: #c8102e; }
.ms-foot__grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 26px; }
.ms-foot__logo { font-family: var(--f-head); font-weight: 800; font-size: 26px; color: #fff; margin: 0 0 8px; }
.ms-foot__logo b { color: var(--gold); font-size: .7em; }
.ms-foot__about p { font-size: 15px; line-height: 1.6; margin: 0 0 10px; max-width: 42ch; }
.ms-foot__made { color: #8fa0bf; font-size: 14px !important; }
.myssc .ms-foot h2 { color: #fff; font-family: var(--f-body); font-size: 15px; font-weight: 800; letter-spacing: .04em; margin: 0 0 10px; padding-bottom: 6px; border-bottom: 2px solid var(--gold); width: fit-content; }
.myssc .ms-foot .ms-foot__h2b { margin-top: 18px; }
.ms-foot ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; }
.ms-foot ul a { color: #dbe3f2; text-decoration: none; font-size: 15px; }
.myssc .ms-foot ul a:hover { color: var(--gold); text-decoration: underline; }
.ms-foot__notice { margin: 24px 0 0; padding-top: 14px; border-top: 1px solid #2b4170; font-size: 13.5px; color: #9fb0cd; }
.ms-foot__notice strong { color: #ffd166; }
.myssc .site-info { background: #0a1630; color: #9fb0cd; font-size: 14px; }
.myssc .site-info a { color: #fff; }

/* ---------- Sarkari-style tables (job posts, archives) ---------- */
.ms-keytbl, .ms-sr { width: 100%; border-collapse: collapse; background: #fff; font-size: 15.5px; margin-top: 14px; }
.ms-keytbl th, .ms-keytbl td, .ms-sr th, .ms-sr td { border: 1px solid #c6cdd8; padding: 9px 12px; text-align: left; vertical-align: top; }
.ms-keytbl th { width: 190px; background: #f3f5f9; color: var(--ink); font-weight: 800; }
.ms-sr__head { background: #fff; text-align: center !important; padding: 14px 12px !important; border-top: 4px solid var(--red) !important; }
.ms-sr__head span { display: block; }
.ms-sr__org { color: var(--red); font-family: var(--f-head); font-weight: 800; font-size: 21px; line-height: 1.25; }
.ms-sr__name { color: var(--green); font-weight: 800; font-size: 18px; margin-top: 2px; }
.ms-sr__advt { color: var(--stamp); font-weight: 700; font-size: 15px; margin-top: 3px; }
.ms-sr__cell { width: 50%; }
.ms-sr__h { margin: 0 0 6px; font-family: var(--f-body); font-size: 18px; font-weight: 800; text-align: center; }
.myssc .ms-sr__h--dates, .myssc .ms-sr__h--sel { color: var(--green); }
.myssc .ms-sr__h--fee { color: var(--red); }
.myssc .ms-sr__h--age { color: var(--stamp); }
.myssc .ms-sr__h--how { color: var(--brown); }
.ms-sr__list { margin: 0; padding-left: 20px; }
.ms-sr__list li { padding: 3px 0; }
.ms-sr__list li strong { color: var(--text); }
.ms-sr__k { margin: 0; text-align: center; font-weight: 800; color: var(--red); font-size: 18px; }
.ms-sr__cell--total { vertical-align: middle !important; text-align: center; }
.ms-sr__bar { background: var(--ink); color: #fff; text-align: center !important; font-size: 18px; font-family: var(--f-head); font-weight: 800; }
.ms-sr thead tr + tr th { background: #f3f5f9; color: var(--ink); }
.ms-sr .ms-c { text-align: center; font-weight: 800; color: var(--red); }
.ms-links th { width: 58%; font-weight: 700; color: var(--ink); }
.ms-links td { text-align: center; }
.ms-linkbtn { display: inline-block; font-weight: 800; color: #fff !important; background: var(--red); padding: 5px 14px; border-radius: 4px; text-decoration: none; }
.ms-linkbtn--in { background: var(--green); }
.ms-linkbtn:hover { filter: brightness(1.1); }
.ms-arch td:first-child a { font-weight: 700; text-decoration: none; color: #13213d; }
.ms-arch td:first-child a:hover { color: var(--red); text-decoration: underline; }
.ms-arch tr.is-closed td:first-child a { color: #6c7686; font-weight: 400; }
.ms-arch th { background: var(--ink); color: #fff; }
.ms-arch td .ms-pill { margin-top: 0; }
.ms-arch td:nth-child(2) { white-space: nowrap; color: var(--muted); }
.ms-arch tbody tr:nth-child(even) { background: #f8f9fb; }
.ms-archhead { border-left: 6px solid var(--red); }

/* ---------- Responsive ---------- */
@media (max-width: 960px) {
	.ms-foot__grid { grid-template-columns: 1fr 1fr; }
	.ms-boxes { grid-template-columns: repeat(2, 1fr); }
	.ms-tiles { grid-template-columns: repeat(3, 1fr); }
	.ms-run__body { grid-template-columns: 1fr; }
	.ms-run__main { border-right: 0; }
	.ms-run__side { border-top: 1px solid var(--line); }
	.ms-palt { display: inline-block; }
	.ms-run__side.is-closed { display: none; }
	.ms-pal { grid-template-columns: repeat(8, 1fr); }
}
@media (max-width: 700px) {
	body.myssc { font-size: 16px; }
	.ms-boxes, .ms-boxes--2 { grid-template-columns: 1fr; }
	.ms-box--jobs { order: -1; }
	.ms-logo__word { font-size: 24px; }
	.ms-foot__grid { grid-template-columns: 1fr 1fr; gap: 20px; }
	.ms-foot__about { grid-column: 1 / -1; }
	.ms-sr__cell { display: block; width: auto; }
	.ms-sr tr:has(.ms-sr__cell) { display: block; }
	.ms-keytbl th { width: 110px; }
	.ms-arch__d { display: none; }
	.ms-links th { width: 62%; }
	.ms-tiles { grid-template-columns: repeat(2, 1fr); }
	.ms-tile a { font-size: 14.5px; min-height: 58px; }
	.ms-grid2 { grid-template-columns: 1fr; }
	.ms-test__facts { grid-template-columns: repeat(2, 1fr); }
	.ms-res__grid { grid-template-columns: repeat(3, 1fr); }
	.ms-pal { grid-template-columns: repeat(6, 1fr); }
	.ms-board__stamp { font-size: 16px; }
	.myssc.separate-containers .inside-article { padding: 16px 14px; }
	.ms-kv li { flex-direction: column; gap: 0; }
	.ms-kv li strong { text-align: left; }
}
@media (prefers-reduced-motion: reduce) {
	.ms-badge--hot { animation: none; }
}

/* Specificity fixes: keep white text on coloured buttons/bars */
.myssc .ms-box__all, .myssc .ms-join__btn { color: #fff; }
.ms-sr .ms-sr__bar { color: #fff; }
.ms-foot .ms-foot__about .ms-foot__logo { font-size: 28px; color: #fff; }
.myssc .ms-pillnav { color: var(--c); }
.myssc .ms-pillnav--test { color: var(--ink); }
.myssc .ms-pillnav:hover, .myssc .ms-pillnav[aria-current="page"] { color: #fff; }
.myssc .ms-pillnav--test:hover { color: var(--ink); }

/* ---------- Practice list: answers highlighted after submit / on "Show answer" ---------- */
.ms-qcard__opts li { padding: 3px 8px; margin: 2px 0; border-radius: 4px; width: fit-content; max-width: 100%; }
.ms-qcard.is-open .ms-correct, .is-reviewed .ms-correct {
	background: var(--green); color: #fff; font-weight: 800;
}
.ms-qcard.is-open .ms-correct .ms-hi-inline, .is-reviewed .ms-correct .ms-hi-inline { color: #e6f4ec; }
.ms-qcard.is-open .ms-correct::marker, .is-reviewed .ms-correct::marker { color: var(--green); font-weight: 800; }
.ms-qcard__opts li.is-wrong { background: #fde3e6; color: #9b0d24; text-decoration: line-through; font-weight: 600; }
.ms-qcard__right { color: var(--green); }
.ms-qcard__you { display: inline-block; margin-left: 8px; font-size: 13px; font-weight: 800; padding: 2px 8px; border-radius: 999px; vertical-align: 2px; }
.ms-qcard__you--ok { background: #dff3e8; color: var(--green); }
.ms-qcard__you--bad { background: #fde3e6; color: var(--red); }
.ms-qcard__you--skip { background: #eef0f4; color: var(--muted); }
.is-reviewed .ms-qcard { border-left: 4px solid #c6cdd8; padding-left: 12px; }
.is-reviewed .ms-qcard.is-ok { border-left-color: var(--green); }
.is-reviewed .ms-qcard.is-bad { border-left-color: var(--red); }
/* Solutions list after submit: same treatment */
.ms-sol__o.is-right { background: var(--green); color: #fff; padding: 3px 8px; border-radius: 4px; width: fit-content; }
.ms-sol__o.is-wrong { background: #fde3e6; padding: 3px 8px; border-radius: 4px; width: fit-content; }


/* ---------- Header tools: state picker + search ---------- */
.ms-tools { display: flex; gap: 8px; align-items: center; flex: 0 0 auto; }
.ms-statepick { display: flex; }
.ms-statepick select, .ms-search input {
	height: 38px; border: 1.5px solid #b9c1ce; background: #fff; color: var(--text);
	font: inherit; font-size: 15px; padding: 0 10px; border-radius: 6px 0 0 6px;
}
.ms-statepick select { max-width: 170px; font-weight: 600; color: var(--ink); }
.ms-statepick__go, .ms-search button {
	height: 38px; border: 0; background: var(--ink); color: #fff; font: inherit; font-weight: 800;
	font-size: 14px; padding: 0 12px; border-radius: 0 6px 6px 0; cursor: pointer;
}
.ms-statepick__go:hover, .ms-search button:hover { background: var(--red); }
.ms-search { display: flex; }
.ms-search input { width: 230px; }
.ms-statepick select:focus, .ms-search input:focus { outline: 2px solid var(--gold); outline-offset: 0; border-color: var(--ink); }
.js-on .ms-statepick__go { display: none; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }

/* ---------- Latest ticker ---------- */
.ms-bar { background: var(--page); border-bottom: 1px solid var(--line); }
.ms-bar__in { display: flex; align-items: center; gap: 14px; padding-block: 8px; }
.ms-ticker { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 10px; background: #fff8e1; border: 1px solid #f1dfa6; border-radius: 6px; padding: 0 6px 0 4px; height: 38px; overflow: hidden; }
.ms-ticker__label { flex: 0 0 auto; background: var(--red); color: #fff; font-weight: 800; font-size: 13px; padding: 3px 10px; border-radius: 3px; }
.ms-ticker__track { display: flex; overflow: hidden; flex: 1; min-width: 0; mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent); }
.ms-ticker__list { list-style: none; margin: 0; padding: 7px 0; display: flex; gap: 34px; flex: 0 0 auto; padding-right: 34px; animation: ms-tick 45s linear infinite; }
.ms-ticker__list li { white-space: nowrap; font-size: 15px; }
.ms-ticker__list li::before { content: "●"; color: var(--red); font-size: 10px; margin-right: 8px; vertical-align: 2px; }
.ms-ticker__list a { color: #3a2a00; font-weight: 600; text-decoration: none; }
.myssc .ms-ticker__list a:hover { color: var(--red); text-decoration: underline; }
.ms-ticker__track:hover .ms-ticker__list, .ms-ticker__track:focus-within .ms-ticker__list { animation-play-state: paused; }
@keyframes ms-tick { to { transform: translateX(-100%); } }

/* ---------- State band (homepage) ---------- */
.ms-states { background: var(--paper); border: 1.5px solid var(--ink); border-radius: var(--radius); margin-top: 18px; }
.ms-states__head { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between; background: var(--ink); padding: 8px 10px 8px 14px; }
.myssc .ms-states h2 { color: #fff; margin: 0; font-size: 21px; }
.ms-states__head select { border-color: #fff; }
.ms-states__head .ms-statepick__go { background: var(--gold); color: var(--ink); }
.ms-states__list { list-style: none; margin: 0; padding: 14px; display: flex; flex-wrap: wrap; gap: 8px; }
.ms-states__list a { display: inline-flex; align-items: center; gap: 8px; padding: 7px 8px 7px 14px; border: 1.5px solid #c6cdd8; border-radius: 999px; font-weight: 700; color: var(--ink); text-decoration: none; }
.ms-states__list a span { background: var(--red); color: #fff; font-size: 12.5px; min-width: 24px; text-align: center; padding: 1px 6px; border-radius: 999px; }
.myssc .ms-states__list a:hover { border-color: var(--ink); background: var(--ink); color: #fff; }

/* ---------- Archive state filter ---------- */
.ms-filter { display: flex; align-items: center; gap: 10px; margin-top: 14px; font-weight: 700; color: var(--ink); }
.ms-filter select { height: 38px; padding: 0 10px; font: inherit; font-size: 15px; border: 1.5px solid #b9c1ce; border-radius: 6px; }
.ms-arch__s { color: var(--muted); font-size: 14.5px; }

@media (max-width: 900px) {
	.ms-bar__in { flex-wrap: wrap; gap: 8px; }
	.ms-tools { order: -1; flex-basis: 100%; }
	.ms-search { flex: 1; min-width: 0; }
	.ms-search input { width: 100%; flex: 1; min-width: 0; }
	.ms-ticker { flex-basis: 100%; }
}
@media (max-width: 700px) {
	.ms-statepick select { max-width: 140px; }
	.ms-arch__s { display: none; }
	.ms-ticker__list li { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
	.ms-ticker__list { animation: none; }
	.ms-ticker__track { overflow-x: auto; }
}
.js-on .ms-statepick select { border-radius: 6px; }


/* ---------- Bottom of posts: exam corner, related, latest ---------- */
.ms-rel { margin-top: 26px; }
.ms-rel__exam h2 { font-size: 21px; margin: 0 0 10px; }
.ms-rel__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; }
.ms-rel__grid a { display: flex; flex-direction: column; gap: 3px; padding: 12px 14px; border-radius: 6px; text-decoration: none; border: 1.5px solid var(--line); background: #fff; }
.ms-rel__grid span { font-size: 12.5px; font-weight: 800; letter-spacing: .03em; color: var(--muted); }
.ms-rel__grid strong { color: var(--ink); font-size: 16px; line-height: 1.3; }
.ms-rel__grid em { font-style: normal; font-size: 14px; color: var(--green); font-weight: 700; margin-top: auto; padding-top: 4px; }
.myssc .ms-rel__grid a:hover { border-color: var(--ink); }
.ms-rel__hub { background: var(--ink) !important; border-color: var(--ink) !important; }
.ms-rel__hub span { color: var(--gold) !important; }
.ms-rel__hub strong { color: #fff !important; }
.ms-rel__hub em { color: #c9d3e6 !important; font-weight: 600 !important; }
.ms-rel__test { border-left: 5px solid var(--gold) !important; }
.ms-rel__cols { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 18px; align-items: start; }
@media (max-width: 700px) { .ms-rel__cols { grid-template-columns: 1fr; } }


/* ---------- Main menu dropdowns (Exams, States) ---------- */
.myssc .main-navigation ul ul { background: #fff; border: 1px solid var(--line); border-top: 3px solid var(--gold); box-shadow: 0 10px 24px rgba(20,40,75,.18); border-radius: 0 0 6px 6px; min-width: 210px; }
.myssc .main-navigation .main-nav ul ul li a { color: var(--ink); line-height: 1.3; padding: 10px 16px; border-radius: 0; font-size: 15px; }
.myssc .main-navigation .main-nav ul ul li a:hover { background: #f3f5f9; color: var(--red); }
.myssc .main-navigation .menu-item-has-children > a .dropdown-menu-toggle { color: var(--gold); }

/* ---------- Post: join buttons, category table, Hindi note, FAQ table, banner ---------- */
.ms-joinbtns { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.ms-joinbtns .ms-join__btn { flex: 1 1 160px; text-align: center; padding: 10px 14px; border-radius: 6px; font-size: 15.5px; }
.ms-sr--cat td { text-align: center; }
.ms-sr__sum td { background: #f3f5f9; }
.ms-hindi-note { margin: 10px 0 0; padding: 8px 10px; background: #fff4f4; border-left: 4px solid var(--red); color: #8d1022; font-size: 15px; }
.ms-links__join th { color: var(--green) !important; }
.ms-linkbtn--whatsapp { background: #128c4a; }
.ms-linkbtn--telegram { background: #1f7fc4; }
.ms-faqtbl td { padding: 10px 14px; }
.ms-faqtbl__q { margin: 0 0 3px; color: var(--ink); }
.ms-faqtbl__a { margin: 0; }
.ms-faqtbl__a strong { color: var(--green); }
.ms-faqtbl__q strong { color: var(--red); }
.ms-banner { margin: 22px 0 0; border: 3px solid var(--ink); border-radius: 8px; overflow: hidden; text-align: center; background: #fff; }
.ms-banner__top { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 10px 14px; background: #fff; }
.ms-banner__kind { background: var(--red); color: #fff; font-weight: 800; font-size: 14px; padding: 4px 10px; border-radius: 4px; }
.ms-banner__org { font-family: var(--f-head); font-weight: 800; color: var(--red); font-size: clamp(20px, 3.6vw, 30px); line-height: 1.1; }
.ms-banner__line { margin: 0; padding: 16px 14px 6px; background: var(--ink); color: #fff; font-family: var(--f-head); font-weight: 800; font-size: clamp(22px, 4.4vw, 38px); line-height: 1.15; }
.ms-banner__total { margin: 0; padding: 4px 14px 16px; background: var(--ink); color: var(--gold); font-family: var(--f-head); font-weight: 800; font-size: clamp(22px, 4.4vw, 38px); line-height: 1.15; }
.ms-banner__foot { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 6px; padding: 9px 14px; background: var(--red); color: #fff; font-weight: 800; font-size: 17px; }
.ms-banner__foot b { color: var(--gold); }

@media (max-width: 700px) {
	.myssc.separate-containers .inside-article { padding: 14px 10px; }
	.ms-keytbl tr, .ms-keytbl th, .ms-keytbl td { display: block; width: auto; }
	.ms-keytbl th { border-bottom: 0; padding-bottom: 2px; }
	.ms-keytbl td { border-top: 0; padding-top: 2px; }
	.ms-sr th, .ms-sr td, .ms-keytbl th, .ms-keytbl td { padding: 8px 9px; }
	.ms-joinbtns .ms-join__btn { flex-basis: 120px; font-size: 14.5px; }
}


/* ---------- List rows: title left, date pill right ---------- */
.ms-box__list li { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.ms-box__list li > a { flex: 1 1 auto; min-width: 0; }
.ms-box__list li .ms-pill { flex: 0 0 auto; margin-top: 1px; white-space: nowrap; font-size: 12.5px; padding: 3px 9px; }
.ms-box__list li .ms-tlist__meta { display: none; }
ul.ms-tlist li { display: block; }
ul.ms-tlist li .ms-tlist__meta { display: block; }
@media (max-width: 380px) {
	.ms-box__list li { flex-wrap: wrap; gap: 4px; }
}

/* Stacked date pill: small label on top, date below (keeps titles wide) */
.ms-pill small { display: block; font-size: 10.5px; font-weight: 700; opacity: .85; letter-spacing: .02em; line-height: 1.1; margin-bottom: 1px; }
.ms-box__list li .ms-pill { text-align: center; border-radius: 6px; padding: 4px 9px; font-size: 13.5px; line-height: 1.2; max-width: 46%; white-space: normal; }
.ms-arch td .ms-pill { display: inline-block; border-radius: 6px; text-align: center; }


/* ---------- Ending Soon (homepage top, driven by Last date) ---------- */
.ms-ending { border: 2px solid var(--red); border-radius: 8px; background: #fff; margin: 0 0 14px; overflow: hidden; }
.ms-ending__head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; background: var(--red); color: #fff; padding: 6px 12px; }
.myssc .ms-ending__head h2 { margin: 0; color: #fff; font-size: 18px; }
.ms-ending__head p { margin: 0; font-size: 13.5px; color: #ffe1e5; }
.ms-ending__list { list-style: none; margin: 0; padding: 4px 12px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; }
.ms-ending__item a { display: flex; align-items: center; gap: 10px; padding: 7px 0; border-bottom: 1px dotted #e7b6bd; text-decoration: none; }
.ms-ending__name { flex: 1; min-width: 0; color: #13213d; font-weight: 700; font-size: 15px; line-height: 1.3; }
.myssc .ms-ending__item a:hover .ms-ending__name { color: var(--red); text-decoration: underline; }
.ms-ending__meta { flex: 0 0 auto; display: flex; align-items: center; gap: 6px; white-space: nowrap; }
.ms-ending__date { font-size: 13.5px; font-weight: 700; color: var(--muted); }
.ms-ending__left { font-size: 12.5px; font-weight: 800; padding: 2px 8px; border-radius: 999px; border: 1.5px solid var(--red); color: var(--red); background: #fff; }
.ms-ending__item--hot .ms-ending__left, .ms-ending__item--today .ms-ending__left { background: var(--red); color: #fff; }
.ms-ending__item--today .ms-ending__left { animation: ms-blink 1.2s steps(2) infinite; }
.ms-ending__item.is-more { display: none; }
.ms-ending__head .ms-box__all { margin-left: auto; align-self: center; font-size: 13px; padding: 3px 9px; }
.ms-ending__more { display: block; text-align: center; border-top: 1px solid #f3c3ca; background: #fff5f6; color: var(--red); font-weight: 800; font-size: 14px; padding: 8px; text-decoration: none; }
.myssc .ms-ending__more, .myssc .ms-ending__more:visited { color: var(--red); }
.myssc .ms-ending__more:hover { background: var(--red); color: #fff; }
.ms-closing td.ms-closing__d { white-space: nowrap; font-weight: 700; color: var(--text); }
.ms-closing td.ms-closing__d em { font-style: normal; font-weight: 600; color: var(--muted); }
.ms-closing td:last-child { width: 1%; white-space: nowrap; }
.myssc .ms-srch-h small { font-size: 14px; color: var(--muted); font-weight: 600; }
@media (max-width: 760px) {
	.ms-ending__list { grid-template-columns: 1fr; padding: 2px 10px; }
	.ms-ending__name { font-size: 14.5px; }
	.ms-ending__date { font-size: 12.5px; }
}
@media (prefers-reduced-motion: reduce) { .ms-ending__item--today .ms-ending__left { animation: none; } }


/* ---------- Auto share image + share row ---------- */
.ms-hide-gp-thumb .featured-image.page-header-image-single, .ms-hide-gp-thumb .inside-article > .featured-image { display: none; }
.ms-shareimg { margin: 22px 0 0; }
.ms-shareimg img { display: block; width: 100%; height: auto; border-radius: 8px; border: 1px solid var(--line); aspect-ratio: 1200 / 630; }
.ms-share { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 10px; }
.ms-share span { font-weight: 800; color: var(--ink); margin-right: 2px; }
.ms-share a, .ms-share button { font: inherit; font-size: 14.5px; font-weight: 800; color: #fff; padding: 7px 14px; border-radius: 6px; text-decoration: none; border: 0; cursor: pointer; }
.myssc .ms-share a:hover, .ms-share button:hover { color: #fff; filter: brightness(1.1); }
.ms-share__wa { background: #128c4a; }
.ms-share__tg { background: #1f7fc4; }
.ms-share__fb { background: #2d5fb5; }
.ms-share__copy { background: var(--ink); }

/* ---------- New homepage boxes ---------- */
.ms-box--yojana { --tone: #b4400e; }
.ms-box--board { --tone: #6a1b5f; }
.ms-box--uni { --tone: #0a5f86; }

/* ---------- Tools grid ---------- */
.ms-toolgrid { margin-top: 18px; background: var(--paper); border: 1.5px solid var(--green); border-radius: var(--radius); }
.ms-toolgrid__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; background: var(--green); padding: 8px 10px 8px 14px; }
.myssc .ms-toolgrid__head h2 { margin: 0; color: #fff; font-size: 21px; }
.ms-toolgrid__list { list-style: none; margin: 0; padding: 12px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.ms-toolgrid__list a { display: flex; gap: 12px; align-items: center; height: 100%; padding: 12px; border: 1.5px solid var(--line); border-radius: 8px; text-decoration: none; background: #fff; }
.myssc .ms-toolgrid__list a:hover { border-color: var(--green); background: #f3fbf6; }
.ms-toolgrid__ic { flex: 0 0 48px; height: 48px; border-radius: 10px; background: #e6f4ec; color: var(--green); display: inline-flex; align-items: center; justify-content: center; }
.ms-toolgrid__tx { display: flex; flex-direction: column; min-width: 0; }
.ms-toolgrid__tx strong { color: #13213d; font-size: 15.5px; line-height: 1.25; }
.ms-toolgrid__tx em { font-style: normal; color: var(--muted); font-size: 13.5px; line-height: 1.3; margin-top: 2px; }
.entry-content .ms-toolgrid { border: 0; margin-top: 10px; }
.entry-content .ms-toolgrid__list { padding: 0; grid-template-columns: repeat(2, 1fr); }

/* ---------- Tool UI ---------- */
.ms-tool { border: 2px solid var(--green); border-radius: 8px; padding: 16px; background: #fff; margin: 16px 0; display: grid; gap: 14px; }
.ms-tool__drop { display: block; position: relative; border: 2px dashed #9fb8a9; border-radius: 8px; background: #f6fbf8; cursor: pointer; }
.ms-tool__drop input { position: absolute; inset: 0; opacity: 0; cursor: pointer; width: 100%; }
.ms-tool__dropin { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 2px; padding: 20px 12px; }
.ms-tool__dropin strong { color: var(--green); font-size: 17px; word-break: break-word; }
.ms-tool__dropin em { font-style: normal; color: var(--muted); font-size: 14px; }
.ms-tool__drop.is-over, .ms-tool__drop:focus-within { border-color: var(--green); background: #e9f6ee; }
.ms-tool__drop.is-set { border-style: solid; }
.ms-tool__two { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ms-tool__row { display: flex; flex-wrap: wrap; gap: 10px; }
.ms-tool__f { display: flex; flex-direction: column; gap: 4px; flex: 1 1 130px; min-width: 0; font-size: 14px; font-weight: 700; color: var(--ink); }
.ms-tool__f--wide { flex-basis: 260px; }
.ms-tool__f--check { flex-direction: row; align-items: center; gap: 8px; align-self: flex-end; padding-bottom: 8px; }
.ms-tool__f input, .ms-tool__f select { height: 42px; border: 1.5px solid #b9c1ce; border-radius: 6px; padding: 0 10px; font: inherit; font-size: 16px; font-weight: 400; background: #fff; color: var(--text); width: 100%; }
.ms-tool__f--check input { width: 18px; height: 18px; }
.ms-tool__f input:focus, .ms-tool__f select:focus { outline: 2px solid var(--gold); border-color: var(--ink); }
.ms-tool > .ms-btn { justify-self: start; min-width: 180px; }
.ms-tool__hint { margin: 0; font-size: 14px; color: var(--muted); }
.ms-tool__privacy { margin: 0; font-size: 13.5px; color: var(--green); font-weight: 600; }
.ms-tool__privacy::before { content: "🔒 "; }
.ms-tool__err { margin: 0; padding: 10px 12px; border-radius: 6px; background: #fde3e6; color: #9b0d24; font-weight: 700; }
.ms-tool__out { border: 1.5px solid var(--line); border-radius: 8px; padding: 12px; background: #f8f9fb; display: grid; gap: 10px; justify-items: start; }
.ms-tool__preview img { display: block; max-width: 100%; max-height: 420px; border: 1px solid var(--line); background: #fff; }
.ms-tool__info { margin: 0; font-size: 15px; }
.ms-tool__progress { margin: 0; font-weight: 700; color: var(--ink); }
.ms-tool__list { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; }
.ms-tool__list li { display: flex; align-items: center; gap: 6px; padding: 6px 8px; background: #f3f5f9; border-radius: 6px; font-size: 14.5px; }
.ms-tool__list li span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ms-tool__list button { border: 1px solid #b9c1ce; background: #fff; border-radius: 4px; width: 32px; height: 30px; cursor: pointer; font: inherit; }
.ms-tool__tabs { display: flex; gap: 6px; flex-wrap: wrap; }
.ms-tool__tabs button { font: inherit; font-weight: 700; padding: 8px 14px; border-radius: 999px; border: 1.5px solid var(--green); background: #fff; color: var(--green); cursor: pointer; }
.ms-tool__tabs button[aria-selected="true"] { background: var(--green); color: #fff; }
.ms-tool__calc { border: 1.5px solid var(--green); border-radius: 8px; padding: 14px; background: #f3fbf6; }
.ms-tool__calc p { margin: 0 0 6px; }
.ms-calc__big { font-family: var(--f-head); font-size: 30px; font-weight: 800; color: var(--green); line-height: 1.15; }
.ms-calc__verdict { font-weight: 800; padding: 6px 10px; border-radius: 6px; display: inline-block; }
.ms-calc__verdict.is-ok { background: var(--green); color: #fff; }
.ms-calc__verdict.is-bad { background: var(--red); color: #fff; }

/* ---------- Homepage FAQ ---------- */
.ms-hfaq { margin-top: 18px; background: var(--paper); border: 1.5px solid var(--ink); border-radius: var(--radius); padding: 0 0 6px; }
.myssc .ms-hfaq h2 { margin: 0; background: var(--ink); color: #fff; font-size: 21px; padding: 9px 14px; }
.ms-hfaq details { border-bottom: 1px dashed var(--line); padding: 10px 14px; }
.ms-hfaq details:last-child { border-bottom: 0; }
.ms-hfaq summary { cursor: pointer; font-weight: 800; color: var(--ink); font-size: 16px; }
.ms-hfaq details p { margin: 8px 0 2px; max-width: 75ch; }

/* ---------- Breadcrumbs ---------- */
.ms-crumbs ol { list-style: none; margin: 0 0 10px; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 6px; font-size: 14px; color: var(--muted); }
.ms-crumbs li + li::before { content: "›"; margin-right: 6px; color: #9aa3b2; }
.ms-crumbs a { color: var(--link); text-decoration: none; }
.ms-crumbs span { color: var(--muted); }

@media (max-width: 960px) { .ms-toolgrid__list { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) {
	.ms-toolgrid__list, .entry-content .ms-toolgrid__list { grid-template-columns: 1fr; }
	.ms-tool__two { grid-template-columns: 1fr; }
	.ms-tool { padding: 12px; }
}
.myssc .ms-tool__dl, .myssc .ms-tool__dl:visited { color: #fff; }
.myssc .ms-tool__dl:hover { color: #fff; filter: brightness(1.08); }
@media (max-width: 560px) {
	.ms-toolgrid__list { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px; }
	.ms-toolgrid__list a { flex-direction: column; text-align: center; gap: 6px; padding: 10px 6px; }
	.ms-toolgrid__ic { flex-basis: auto; width: 44px; height: 44px; }
	.ms-toolgrid__tx strong { font-size: 14.5px; }
	.ms-toolgrid__tx em { display: none; }
}

/* Footer: Free Tools under the about text */
.ms-foot__tools { margin-top: 18px; }
.ms-foot .ms-foot__tools ul { grid-template-columns: 1fr 1fr; gap: 8px; max-width: 460px; }
.ms-foot .ms-foot__tools a { display: block; padding: 7px 10px; border: 1px solid #2b4170; border-radius: 6px; background: rgba(255,255,255,.04); font-size: 14px; line-height: 1.3; }
.myssc .ms-foot .ms-foot__tools a:hover { border-color: var(--gold); text-decoration: none; }
.ms-foot .ms-foot__tools li { display: flex; }
.ms-foot .ms-foot__tools a { flex: 1; display: flex; align-items: center; }
/* Own-site PDF rows in Important Links */
.ms-links__pdf th { color: var(--ink); }
.ms-filetag { display: inline-block; font-size: 11px; font-weight: 800; letter-spacing: .04em; color: #fff; background: var(--red); border-radius: 3px; padding: 1px 6px; vertical-align: 2px; margin-left: 4px; }
.ms-linkbtn--pdf { background: var(--ink); }
.ms-linkbtn--dl { background: var(--green); margin-left: 6px; }

/* ---------- Section-wise timer (v1.10) ---------- */
.ms-run__clockwrap { display: inline-flex; flex-direction: column; align-items: center; line-height: 1.1; }
.ms-run__seclabel, .ms-run__total { font-size: 11.5px; color: #c9d4ea; font-weight: 600; white-space: nowrap; max-width: 140px; overflow: hidden; text-overflow: ellipsis; }
.ms-run__secs { display: flex; gap: 6px; overflow-x: auto; padding: 8px 12px; background: #eef2f9; border-bottom: 1px solid var(--line); }
.ms-run__sec { flex: 0 0 auto; padding: 6px 10px; border-radius: 6px; font-size: 13.5px; font-weight: 700; border: 1.5px solid #c9d1e0; background: #fff; color: #5b6475; white-space: nowrap; }
.ms-run__sec em { font-style: normal; font-weight: 500; color: inherit; opacity: .8; margin-left: 4px; }
.ms-run__sec.is-cur { background: var(--ink); border-color: var(--ink); color: #fff; }
.ms-run__sec.is-done { background: #e6f4ec; border-color: #9fd0b3; color: var(--green); }
.ms-run__sec.is-locked { opacity: .7; }
.ms-run__flash { margin: 0; padding: 8px 12px; background: #fff6d6; border-bottom: 1px solid #f0d77a; font-weight: 700; color: #6b4e00; }
.ms-qimg { margin: 8px 0 12px; }
.ms-qimg img { max-width: 100%; height: auto; border: 1px solid var(--line); border-radius: 4px; background: #fff; }
.ms-test__sectbl { margin-top: 12px; max-width: 520px; }

/* ---------- Listing pages: author, search, 404, exam / test type (v1.18) ---------- */
.ms-quick { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 0; }
.ms-quick a { font-weight: 700; font-size: 14.5px; padding: 6px 13px; border: 1.5px solid var(--ink); border-radius: 999px; color: var(--ink); text-decoration: none; background: #fff; }
.myssc .ms-quick a:hover { background: var(--ink); color: #fff; }
.ms-archhead .ms-search { margin-top: 12px; max-width: 560px; }
.ms-archhead .ms-search input, .ms-search--big input { width: 100%; flex: 1; }
.ms-search--big { max-width: 620px; margin: 18px auto 0; }
.ms-search--big input, .ms-search--big button { height: 46px; font-size: 16px; }
.ms-empty-box { background: #fff; border: 1.5px dashed #b9c1ce; border-radius: var(--radius); padding: 14px 16px; margin-bottom: 16px; }
.ms-empty-box p { margin: 0; }
.myssc .ms-srch-h { font-size: 19px; color: var(--ink); margin: 22px 0 8px; padding-bottom: 4px; border-bottom: 2px solid var(--gold); }
.ms-plist { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); margin: 0; padding: 8px 14px 8px 32px; }
.ms-plist li { padding: 4px 0; }
.ms-plist a { font-weight: 700; color: #13213d; text-decoration: none; }
.ms-arch__btns { white-space: nowrap; text-align: right; width: 1%; }
.ms-arch__btns .ms-dlli__btn { margin-left: 6px; }
.ms-dlli__btn--go { background: var(--ink); }
.ms-dlli__btn--pdf { background: #9b1c1c; }
.ms-tt td:first-child a { font-weight: 700; }

.ms-author { display: flex; gap: 22px; align-items: flex-start; background: #fff; border: 1px solid var(--line); border-left: 6px solid var(--red); border-radius: var(--radius); padding: 20px 22px; margin-bottom: 8px; }
.ms-author__img img { display: block; width: 112px; height: 112px; border-radius: 50%; border: 4px solid #eef1f5; object-fit: cover; }
.ms-author__tx { flex: 1; min-width: 0; }
.ms-author__role { margin: 0; font-size: 13px; font-weight: 800; letter-spacing: .5px; text-transform: uppercase; color: var(--red); }
.myssc .ms-author__name { margin: 2px 0 6px; font-size: 30px; text-transform: capitalize; }
.ms-author__bio p { margin: 0 0 8px; font-size: 15.5px; }
.ms-author__stats { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.ms-author__stats li { background: var(--page); border-radius: 999px; padding: 4px 12px; font-size: 14px; }
.ms-author__stats strong { color: var(--ink); }
.ms-author__links { margin: 10px 0 0; font-size: 14.5px; }

.ms-404 { background: #fff; border: 1px solid var(--line); border-top: 6px solid var(--red); border-radius: var(--radius); padding: 26px 20px 22px; text-align: center; }
.ms-404 > .ms-404__code { margin: 0; font-family: var(--f-head); font-weight: 800; font-size: 76px; line-height: 1; color: var(--red); }
.myssc .ms-404 h1 { margin: 6px 0 6px; font-size: 28px; }
.ms-404 > p { margin: 0 auto; max-width: 560px; color: var(--muted); }
.ms-404 .ms-quick { justify-content: center; }
.ms-404__sugg { background: #fff; border: 1.5px solid var(--ink); border-radius: var(--radius); margin-top: 14px; padding: 12px 16px; }
.myssc .ms-404__sugg h2 { margin: 0 0 6px; font-size: 18px; }
.ms-404__sugg ul { margin: 0; padding-left: 20px; }
.ms-404__sugg li { padding: 3px 0; }
.ms-404__sugg a { font-weight: 700; color: #13213d; text-decoration: none; }
.ms-listing .ms-boxes--2 { margin-top: 16px; }

.ms-listing .nav-links { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; margin: 18px 0 6px; }
.ms-listing .nav-links .page-numbers { min-width: 38px; text-align: center; padding: 7px 11px; border: 1.5px solid var(--line); border-radius: var(--radius); background: #fff; font-weight: 700; text-decoration: none; color: var(--ink); }
.ms-listing .nav-links .page-numbers.current { background: var(--ink); border-color: var(--ink); color: #fff; }

@media (max-width: 600px) {
	.ms-author { flex-direction: column; align-items: center; text-align: center; padding: 18px 14px; }
	.ms-author__stats { justify-content: center; }
	.ms-404__code { font-size: 60px; }
	.ms-arch__btns .ms-dlli__btn { display: block; margin: 0 0 6px; text-align: center; }
}

/* Advt No. list (v1.20) */
.ms-advt td.ms-advt__no { white-space: nowrap; font-weight: 800; color: var(--stamp); }
.ms-advt td:nth-child(2) { color: var(--muted); font-size: 14.5px; white-space: normal; }