:root {
  --ats-navy: #163a63;
  --ats-blue: #1f6f8b;
  --ats-teal: #2d8c88;
  --ats-ink: #172b3a;
  --ats-muted: #526777;
  --ats-line: #dce6ea;
  --ats-soft: #f3f8f8;
}

.ats-topic-nav {
  background: #fff;
  border-bottom: 1px solid var(--ats-line);
  border-top: 1px solid var(--ats-line);
}

.ats-topic-nav__inner {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 auto;
  max-width: 1100px;
  padding: 12px 20px;
}

.ats-topic-nav a {
  border-radius: 999px;
  color: var(--ats-ink);
  font-size: 14px;
  font-weight: 700;
  padding: 8px 12px;
  text-decoration: none;
}

.ats-topic-nav a:hover,
.ats-topic-nav a:focus-visible,
.ats-topic-nav__home {
  background: var(--ats-soft);
  color: var(--ats-blue);
}

.ats-topic-nav .search-form {
  display: flex;
  margin-left: auto;
}

.ats-topic-nav .search-field {
  border: 1px solid var(--ats-line);
  border-radius: 999px 0 0 999px;
  font-size: 14px;
  max-width: 180px;
  min-height: 38px;
  padding: 7px 12px;
}

.ats-topic-nav .search-submit {
  background: var(--ats-navy);
  border: 0;
  border-radius: 0 999px 999px 0;
  color: #fff;
  font-size: 13px;
  min-height: 38px;
  padding: 7px 14px;
}

.ats-fact-notice,
.ats-update-notice,
.ats-author-box {
  box-sizing: border-box;
  color: var(--ats-ink);
  font-size: 15px;
  line-height: 1.7;
  margin: 22px 0;
}

.ats-fact-notice {
  align-items: flex-start;
  background: #eef7f6;
  border: 1px solid #b9dcd8;
  border-left: 5px solid var(--ats-teal);
  border-radius: 12px;
  display: flex;
  gap: 12px;
  padding: 16px 18px;
}

.ats-fact-notice strong {
  color: #1e6865;
  flex: 0 0 auto;
}

.ats-update-notice {
  background: #f7f9fa;
  border: 1px solid var(--ats-line);
  border-radius: 10px;
  color: var(--ats-muted);
  padding: 15px 18px;
}

.ats-author-box {
  background: linear-gradient(135deg, #f1f7fa, #f1f8f6);
  border: 1px solid #cfdfe4;
  border-radius: 18px;
  padding: 24px;
}

.ats-author-box .ats-author-name {
  color: var(--ats-navy);
  font-size: 22px;
  font-weight: 800;
  margin: 4px 0 10px;
}

.ats-author-box p {
  margin: 0 0 12px;
}

.ats-author-box a {
  color: var(--ats-blue);
  font-weight: 800;
}

.ats-kicker {
  color: var(--ats-teal);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
}

.ats-trust-nav {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin: 14px auto 0;
  max-width: 900px;
  padding: 12px 20px 0;
}

.ats-trust-nav a {
  color: inherit;
  font-size: 13px;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.ats-trust-nav span {
  opacity: .45;
}

.entry-content table {
  border-collapse: collapse;
  display: block;
  max-width: 100%;
  overflow-x: auto;
}

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

@media (max-width: 760px) {
  .ats-topic-nav__inner {
    align-items: stretch;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 10px 14px;
    scrollbar-width: thin;
  }

  .ats-topic-nav a {
    flex: 0 0 auto;
  }

  .ats-topic-nav .search-form {
    display: none;
  }

  .ats-fact-notice {
    display: block;
    padding: 15px;
  }

  .ats-fact-notice strong {
    display: block;
    margin-bottom: 5px;
  }

  .entry-title {
    overflow-wrap: anywhere;
  }
}

@media print {
  .ats-topic-nav,
  .search-form,
  ins.adsbygoogle {
    display: none !important;
  }
}
.ats-featured-guides,
.ats-related-guides,
.ats-official-resources {
	background: #f8fafc;
	border: 1px solid #dbeafe;
	border-radius: 16px;
	margin: 18px auto;
	padding: 20px;
}

.ats-featured-guides__inner {
	margin: 0 auto;
	max-width: 1100px;
}

.ats-featured-guides h2 {
	font-size: 1.25rem;
	margin: 0 0 12px;
}

.ats-featured-guides ul,
.ats-related-guides ul,
.ats-official-resources ul {
	display: grid;
	gap: 8px 22px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 10px 0 0;
	padding-left: 20px;
}

.ats-featured-guides a,
.ats-related-guides a,
.ats-official-resources a {
	font-weight: 700;
	text-decoration: none;
}

@media (max-width: 680px) {
	.ats-featured-guides ul,
	.ats-related-guides ul,
	.ats-official-resources ul {
		grid-template-columns: 1fr;
	}
}

/* Reusable article UI ------------------------------------------------------ */
.ats-article {
	--ats-article-blue: #1e40af;
	--ats-article-blue-strong: #1e3a8a;
	--ats-article-blue-soft: #eff6ff;
	--ats-article-blue-line: #bfdbfe;
	--ats-article-ink: #334155;
	--ats-article-muted: #64748b;
	box-sizing: border-box;
	color: var(--ats-article-ink);
	font-family: Arial, "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
	font-size: 16px;
	line-height: 1.8;
	margin-inline: auto;
	max-width: 860px;
	overflow-wrap: break-word;
}

.ats-article *,
.ats-article *::before,
.ats-article *::after {
	box-sizing: border-box;
}

.ats-article p {
	margin: 0 0 18px;
}

.ats-article h2 {
	color: var(--ats-article-blue-strong);
	font-size: 23px;
	font-weight: 900;
	line-height: 1.4;
	margin: 38px 0 16px;
	padding: 0;
}

.ats-article h3 {
	color: var(--ats-article-blue);
	font-size: 20px;
	font-weight: 900;
	line-height: 1.45;
	margin: 30px 0 12px;
}

.ats-article ul,
.ats-article ol {
	line-height: 1.9;
	margin: 0;
	padding-left: 22px;
}

.ats-article li + li {
	margin-top: 4px;
}

.ats-article a {
	color: #0369a1;
	font-weight: 800;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.ats-article a:focus-visible,
.ats-article summary:focus-visible {
	border-radius: 4px;
	outline: 3px solid #facc15;
	outline-offset: 3px;
}

.ats-intro {
	background: var(--ats-article-blue-soft);
	border: 1px solid var(--ats-article-blue-line);
	border-radius: 22px;
	font-size: 17px;
	line-height: 1.85;
	margin: 24px 0;
	padding: 28px;
}

.ats-intro p:last-child,
.ats-key-takeaways p:last-child,
.ats-aside p:last-child,
.ats-box p:last-child,
.ats-official-box p:last-child,
.ats-summary-banner p:last-child {
	margin-bottom: 0;
}

.ats-key-takeaways {
	background: #fff;
	border: 1px solid #dbeafe;
	border-radius: 18px;
	box-shadow: 0 4px 16px rgba(15, 23, 42, .06);
	margin: 24px 0;
	padding: 22px;
}

.ats-key-takeaways p {
	margin-bottom: 10px;
}

.ats-key-label {
	color: #2563eb;
	display: inline-block;
	font-weight: 900;
	min-width: 62px;
}

.ats-aside {
	border-radius: 14px;
	margin: 24px 0;
	padding: 20px;
}

.ats-aside__title {
	font-size: 18px;
	font-weight: 900;
	line-height: 1.5;
	margin-bottom: 8px;
}

.ats-aside--date {
	background: #fefce8;
	border: 1px solid #fde68a;
	border-left: 6px solid #facc15;
	color: #713f12;
}

.ats-aside--date .ats-aside__title {
	color: #854d0e;
	font-size: 17px;
}

.ats-aside--info {
	background: var(--ats-article-blue-soft);
	border-left: 6px solid #2563eb;
}

.ats-aside--info .ats-aside__title {
	color: var(--ats-article-blue-strong);
}

.ats-aside--warning {
	background: #fff7ed;
	border: 1px solid #fdba74;
	border-left: 6px solid #f97316;
	color: #7c2d12;
}

.ats-aside--warning .ats-aside__title {
	color: #9a3412;
}

.ats-aside--danger {
	background: #fff7f7;
	border: 2px solid #ef4444;
	border-radius: 16px;
	color: #7f1d1d;
	padding: 22px;
}

.ats-aside--danger .ats-aside__title {
	color: #b91c1c;
}

.ats-aside--check {
	background: #f0fdf4;
	border: 1px solid #86efac;
	border-radius: 18px;
	padding: 22px;
}

.ats-aside--check .ats-aside__title {
	color: #166534;
}

.ats-box {
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 16px;
	margin: 18px 0;
	padding: 22px;
}

.ats-link-box {
	background: var(--ats-article-blue-soft);
	border: 1px solid var(--ats-article-blue-line);
	border-radius: 16px;
	margin: 24px 0;
	padding: 22px;
}

.ats-table-wrap {
	margin: 22px 0;
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.entry-content .ats-table,
.ats-article .ats-table {
	border-collapse: collapse;
	display: table;
	font-size: 15px;
	margin: 0;
	min-width: 680px;
	overflow: visible;
	width: 100%;
}

.ats-table--wide {
	min-width: 720px !important;
}

.ats-table--center {
	text-align: center;
}

.ats-table th,
.ats-table td {
	border: 1px solid #dbeafe;
	padding: 13px;
	vertical-align: middle;
}

.ats-table th {
	background: var(--ats-article-blue);
	color: #fff;
	font-weight: 900;
	text-align: center;
}

.ats-table tbody tr:nth-child(even) td {
	background: #f8fafc;
}

.ats-table tbody td:first-child {
	font-weight: 800;
}

.ats-table .ats-table__highlight td {
	background: var(--ats-article-blue-soft) !important;
	border-color: #93c5fd;
	font-weight: 900;
}

.ats-table .ats-table__highlight td:first-child,
.ats-table .ats-table__emphasis {
	color: var(--ats-article-blue);
}

.ats-faq {
	margin: 22px 0;
}

.ats-faq details {
	background: #fff;
	border: 1px solid #dbeafe;
	border-radius: 14px;
	box-shadow: 0 3px 12px rgba(15, 23, 42, .05);
	margin-bottom: 12px;
	padding: 18px;
}

.ats-faq details:last-child {
	margin-bottom: 0;
}

.ats-faq summary {
	color: var(--ats-article-blue);
	cursor: pointer;
	font-weight: 900;
	line-height: 1.55;
}

.ats-faq details[open] summary {
	margin-bottom: 12px;
}

.ats-faq details p {
	font-size: 15px;
	margin: 0;
}

.ats-official-box {
	background: #f8fafc;
	border: 1px solid #cbd5e1;
	border-radius: 18px;
	margin: 28px 0;
	padding: 22px;
}

.ats-official-box__title {
	color: var(--ats-article-blue-strong);
	font-size: 19px;
	font-weight: 900;
	margin-bottom: 10px;
}

.ats-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.ats-article .ats-button {
	background: var(--ats-article-blue);
	border: 1px solid var(--ats-article-blue);
	border-radius: 999px;
	color: #fff;
	display: inline-block;
	font-weight: 900;
	padding: 11px 18px;
	text-decoration: none;
}

.ats-article .ats-button:hover {
	background: #1d4ed8;
	color: #fff;
}

.ats-article .ats-button--outline {
	background: #fff;
	color: var(--ats-article-blue);
}

.ats-summary-banner {
	background: linear-gradient(135deg, var(--ats-article-blue), #2563eb);
	border-radius: 20px;
	color: #fff;
	margin: 32px 0;
	padding: 28px;
	text-align: center;
}

.ats-summary-banner__title {
	font-size: 22px;
	font-weight: 900;
	line-height: 1.45;
	margin-bottom: 10px;
}

.ats-summary-banner p {
	color: #e0f2fe;
}

.ats-disclaimer {
	color: var(--ats-article-muted);
	font-size: 13px;
	line-height: 1.7;
	margin: 24px 0;
}

@media (max-width: 680px) {
	.ats-article {
		font-size: 15.5px;
		line-height: 1.75;
	}

	.ats-article h2 {
		font-size: 21px;
		margin-top: 32px;
	}

	.ats-article h3 {
		font-size: 18px;
	}

	.ats-intro,
	.ats-key-takeaways,
	.ats-aside,
	.ats-box,
	.ats-link-box,
	.ats-official-box,
	.ats-summary-banner {
		border-radius: 14px;
		padding: 18px;
	}

	.ats-key-label {
		display: block;
		margin-bottom: 2px;
	}

	.ats-table th,
	.ats-table td {
		padding: 11px;
	}

	.ats-buttons {
		display: grid;
	}

	.ats-article .ats-button {
		text-align: center;
	}
}

@media print {
	.ats-article {
		color: #000;
		font-size: 11pt;
		max-width: none;
	}

	.ats-article .ats-table {
		min-width: 0 !important;
	}

	.ats-buttons {
		display: none;
	}
}