.tool-badges {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  margin: 8px 0 0;
}

.tool-badge {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 4px 8px 3px;
  border: 1px solid rgba(212,114,30,.32);
  border-radius: 2px;
  background: rgba(212,114,30,.10);
  color: #F0A840;
  font-family: var(--ffd, 'Barlow Condensed', sans-serif);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .18em;
  line-height: 1;
  text-transform: uppercase;
}

.tool-badge.tool-quiz {
  border-color: rgba(240,168,64,.38);
}

.tool-badge.tool-checklist {
  border-color: rgba(160,190,120,.34);
  color: #C8DCA0;
}

.tool-badge.tool-routine {
  border-color: rgba(212,114,30,.36);
  color: #F0A840;
}

.article-tools {
  margin: 0 0 26px;
  padding: 13px 16px;
  border: 1px solid var(--rule, #1E1A14);
  border-left: 3px solid var(--amber, #D4721E);
  background: var(--s1, #111009);
}

.article-tools__label {
  color: var(--amber, #D4721E);
  font-family: var(--ffd, 'Barlow Condensed', sans-serif);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .22em;
  text-transform: uppercase;
}

.article-tools .tool-badges {
  margin-top: 9px;
}

.ats-tool,
.ats-callout {
  margin: 1.7em 0;
  padding: 18px 20px;
  border: 1px solid var(--rule, #1E1A14);
  border-left: 3px solid var(--amber, #D4721E);
  border-radius: 2px;
  background:
    radial-gradient(circle at 18% 0%, rgba(212,114,30,.10), transparent 36%),
    var(--s1, #111009);
}

.ats-tool > strong,
.ats-callout > strong,
.ats-tool__title {
  display: block;
  margin-bottom: 8px;
  color: var(--amber, #D4721E);
  font-family: var(--ffd, 'Barlow Condensed', sans-serif);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.ats-tool p:last-child,
.ats-callout p:last-child {
  margin-bottom: 0;
}

.ats-tool--checklist ul,
.ats-tool--checklist ol,
.ats-steps {
  margin-bottom: 0;
}

.ats-tool ul,
.ats-tool ol {
  padding-left: 1.15em;
}

.ats-tool li,
.ats-steps li {
  margin: .45em 0;
}

.ats-callout--warning {
  border-left-color: #C84040;
}

.ats-callout--warning > strong {
  color: #E08080;
}

.ats-callout--takeaway {
  border-left-color: #F0A840;
}

.ats-callout--field-note {
  border-left-color: #7B7368;
  background:
    linear-gradient(90deg, rgba(255,255,255,.03), transparent),
    var(--s1, #111009);
}

.ats-callout--tonight {
  border-left-color: #C8DCA0;
}

.ats-callout--tonight > strong {
  color: #C8DCA0;
}

.ats-sources {
  margin: 2em 0;
  padding: 18px 20px;
  border: 1px solid var(--rule, #1E1A14);
  border-left: 3px solid var(--muted, #7B7368);
  background: var(--s1, #111009);
}

.ats-sources h2 {
  margin-top: 0;
}

.ats-sources li {
  margin-bottom: .45em;
}