/* Contextual cards stay separate from the lesson and preserve native A8 HTML. */
.affiliate-card.affiliate-inline {
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  align-items:start;
  gap:16px;
  max-width:100%;
  margin:28px 0;
  padding:16px;
  background:#fff9e8;
  scroll-margin-top:110px;
}
.affiliate-inline-image {
  display:block;
  width:112px;
  height:auto;
  min-width:0;
  margin:0;
  overflow:hidden;
  border:1px solid #ded8ce;
  border-radius:7px;
  background:#eee8d9;
}
.affiliate-inline-image>figcaption { padding:1px 3px;font-size:9px;line-height:1.5;color:#5b5660;background:#fff;text-align:center; }
.affiliate-card:not(.affiliate-inline)>.affiliate-inline-image { margin:0 0 12px; }
.affiliate-inline-image>img,
img.affiliate-inline-image {
  display:block;
  width:112px;
  height:84px;
  max-width:100%;
  margin:0;
  object-fit:cover;
  object-position:80% center;
}
.affiliate-inline-content { min-width:0; }
.affiliate-inline-content .affiliate-card-top { margin-bottom:7px;gap:5px 10px; }
.affiliate-inline-content h3 {
  margin:0;
  font-size:18px;
  line-height:1.5;
}
.affiliate-inline-content .affiliate-context-copy {
  margin:8px 0 0;
  color:var(--ink,#18171d);
  font-size:14px;
  line-height:1.75;
}
.affiliate-inline-checks {
  margin:10px 0 0;
  color:var(--muted,#5b5660);
  font-size:12px;
  line-height:1.75;
}
.affiliate-inline-checks>summary {
  width:fit-content;
  max-width:100%;
  padding:3px 0;
  color:var(--ink,#18171d);
  font-weight:750;
  cursor:pointer;
  text-decoration:underline;
  text-underline-offset:.2em;
}
.affiliate-inline-checks>summary:focus-visible { outline:3px solid #185675;outline-offset:3px; }
.affiliate-inline-checks>ul { margin:6px 0 0;padding-left:1.25em; }
.affiliate-inline-checks>ul>li+li { margin-top:3px; }
.affiliate-inline-action { min-width:0;margin:12px 0 0;padding:0; }
.affiliate-inline-action .affiliate-action-label {
  margin:0 0 6px!important;
  font-size:11px;
  line-height:1.6;
}
.affiliate-inline-action .affiliate-creative>a {
  min-height:44px;
  padding:8px 11px;
  font-size:14px;
  line-height:1.6;
}
.affiliate-inline-note {
  margin:10px 0 0!important;
  color:var(--ink,#18171d);
  font-size:12px;
  line-height:1.75;
}
.affiliate-inline-content .affiliate-risk { margin:9px 0 0!important;font-size:15px!important;line-height:1.8; }
.affiliate-inline-content .affiliate-reference-links { margin-top:10px;padding-top:8px; }
.affiliate-inline-content .affiliate-reference-links>ul { font-size:12px;line-height:1.75; }
@media(max-width:600px) {
  .affiliate-card.affiliate-inline { grid-template-columns:64px minmax(0,1fr);gap:11px;margin:25px 0;padding:12px; }
  .affiliate-inline-image,
  .affiliate-inline-image>img,
  img.affiliate-inline-image { width:64px;height:64px; }
  figure.affiliate-inline-image { height:auto; }
  .affiliate-inline-content h3 { font-size:17px; }
  .affiliate-inline-content .affiliate-card-top { align-items:flex-start;justify-content:flex-start;gap:4px 8px; }
  .affiliate-inline-content .affiliate-category { font-size:10px; }
  .affiliate-inline-content .affiliate-context-copy { font-size:13px;line-height:1.75; }
  .affiliate-inline-action .affiliate-creative>a { padding:8px;font-size:13px; }
}