/* Docs guide layer (Nov 8 2026): the "What your agent gets" and "Next" cards on the docs home.
   Loaded after agent-docs.css on every agent docs page. Two columns once the column is 720 px
   wide (never auto-fill), equal heights in a row with First call at the bottom, sized to content on a phone. */

.adoc-site .adoc-cards {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  margin: 8px 0 20px;
}
.adoc-site .adoc-article { container-type: inline-size; container-name: adoc-article; }
/* two columns only on a desktop column (from 1101 px); below that one card per row, so a first call never clips */
@media (min-width: 1101px) {
  @container adoc-article (min-width: 640px) {
    .adoc-site .adoc-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 1fr; }
  }
}
.adoc-site .adoc-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  padding: 24px;
  border: 1px solid var(--ad-line, #1d2331);
  border-radius: 16px;
  background: var(--ad-bg-2, #0b0e14);
  background-clip: padding-box;
  scroll-margin-top: var(--docs-anchor-offset, 140px);
  transition: border-color 160ms ease, transform 160ms ease;
}
@media (hover: hover) {
  .adoc-site .adoc-card:hover { border-color: rgba(79, 209, 197, 0.35); }
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .adoc-site .adoc-card:hover { transform: translateY(-1px); }
}
.adoc-site .adoc-card--next { border-style: dashed; border-color: #2a3245; }
.adoc-site .adoc-card__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.adoc-site .adoc-article .adoc-card__title {
  margin: 0;
  color: var(--ad-ink, #e8ecf4);
  font-size: 20px;
  font-weight: 650;
  line-height: 26px;
  letter-spacing: -0.005em;
}
.adoc-site .adoc-article .adoc-card p { margin: 0; }
.adoc-site .adoc-article .adoc-card__text { color: var(--ad-ink-2, #b6c0d2); font-size: 15px; line-height: 23px; }
.adoc-site .adoc-card__call { display: grid; gap: 6px; margin-top: auto; min-width: 0; }
.adoc-site .adoc-article .adoc-card__call--none { color: var(--ad-ink-2, #b6c0d2); font-size: 14px; line-height: 20px; }
.adoc-site .adoc-card__label { color: var(--ad-muted, #7c889a); font: 600 13px/18px var(--ad-sans); letter-spacing: 0; text-transform: none; }
/* "First call" and its Copy share one row; the call below gets the card's full width */
.adoc-site .adoc-card__call.has-copy { grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 8px; }
.adoc-site .adoc-card__call.has-copy > .adoc-codeblock { grid-column: 1 / -1; }
.adoc-site .adoc-card__more {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  color: var(--ad-jade, #4fd1c5);
  font: 600 14.5px/20px var(--ad-sans);
  text-decoration: none;
}
.adoc-site .adoc-card__more::after { content: '\2192'; }
@media (hover: hover) {
  .adoc-site .adoc-card__more:hover { text-decoration: underline; text-underline-offset: 3px; }
}
.adoc-site .adoc-card__more:focus-visible { outline: 2px solid var(--ad-jade, #4fd1c5); outline-offset: 2px; border-radius: 6px; }
.adoc-site .adoc-badge--next { color: var(--ad-ink-2, #b6c0d2); background: var(--ad-bg-3, #121622); }

@media (max-width: 599px) {
  .adoc-site .adoc-cards { gap: 12px; }
  .adoc-site .adoc-card { padding: 20px; }
  .adoc-site .adoc-card__call { margin-top: 4px; }
}