/* ==========================================================================
   Badges & Special Elements
   Matches the Pencil design system styling.
   ========================================================================== */

/* --------------------------------------------------------------------------
   2. "Recommended for AI agent users" badge
   Rendered from !!! success "..." admonition.
   Pencil: #C2703A background, #FDF8F0 text, rounded, compact.
   -------------------------------------------------------------------------- */
.md-typeset .admonition.success {
  background: #C2703A;
  border-color: #A05A2A;
  color: #FDF8F0;
  border-radius: 12px;
  padding: 0.5em 1em;
  font-size: 0.85rem;
  font-weight: 600;
}

.md-typeset .admonition.success .admonition-title {
  background: transparent;
  color: #FDF8F0;
  font-weight: 600;
  padding: 0;
  margin: 0;
}

.md-typeset .admonition.success .admonition-title::before {
  display: none;
}

.md-typeset .admonition.success p {
  color: #FDF8F0;
  margin: 0;
}

/* Hide the empty body if there's only a title */
.md-typeset .admonition.success > :last-child:empty {
  display: none;
}

/* --------------------------------------------------------------------------
   3. Section dividers
   Rendered from --- (horizontal rules).
   Pencil: thin #D4C4AD line with comfortable spacing.
   -------------------------------------------------------------------------- */
.md-typeset hr {
  border: none;
  border-top: 1px solid #D4C4AD;
  margin: 2rem 0;
}