.margo-showcase-article {
  inline-size: min(100%, 78ch);
  max-inline-size: 100%;
  margin-inline: auto;
  padding-block: clamp(1.5rem, 4vw, 4rem);
}
.margo-showcase-article .margo-document { color: var(--margo-text, var(--color-on-surface, #17202a)); }
.margo-showcase-article .margo-document a { color: var(--margo-accent, var(--color-primary, #155eef)); }
.margo-showcase-article .margo-pagination ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.75rem 2rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.margo-showcase-article .margo-pagination {
  margin-block-start: 2rem;
  padding-block-start: 1rem;
  border-block-start: 1px solid var(--margo-outline, var(--color-outline, #7b8794));
}
.margo-showcase-article .margo-pagination a { font-weight: 600; text-decoration: none; }
.margo-showcase-article .margo-pagination a:hover,
.margo-showcase-article .margo-pagination a:focus-visible { text-decoration: underline; }
@media (max-width: 719px) {
  .margo-shell-search { width: 2.75rem; flex: 0 0 2.75rem; }
  .margo-shell-search-trigger { width: 2.75rem; min-width: 2.75rem; padding-inline: 0; justify-content: center; }
  .margo-shell-search-trigger > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; }
  .margo-shell-search-trigger > kbd { display: none; }
}
.margo-shell-footer { margin: 0; font-size: 0.875rem; }
.margo-search-status { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.margo-page-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 1rem;
  row-gap: 0.75rem;
  align-items: start;
}
.margo-page-heading__title {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  min-inline-size: 0;
  grid-column: 1;
  grid-row: 1;
}
.margo-page-heading__title h1 {
  min-inline-size: 0;
  margin-block-end: 0 !important;
}
.margo-page-heading__anchor {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.margo-page-heading__anchor:focus-visible {
  position: static;
  inline-size: auto;
  block-size: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
  color: var(--margo-accent, var(--color-primary, #155eef));
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
  opacity: 1;
}
.margo-page-actions {
  position: relative;
  z-index: 1;
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: start;
  justify-self: end;
  margin-block-start: 0.25rem;
  color: var(--margo-text-strong, var(--color-on-surface-strong, #0b1220));
}
.margo-page-actions [data-split-button] > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-on-primary, #ffffff);
  text-decoration: none;
}
.dark .margo-page-actions [data-split-button] > a { color: var(--color-on-primary-dark, #ffffff); }
.margo-page-actions [data-split-button] { max-inline-size: 100%; }
.margo-page-actions [data-popover-panel] { z-index: 40; }
.margo-page-actions__status {
  display: block;
  min-block-size: 1.1rem;
  margin-block-start: 0.15rem;
  padding: 0.15rem 0.6rem 0.3rem;
  color: var(--margo-text, var(--color-on-surface, #17202a));
  font-size: 0.75rem;
}
@media (max-width: 42rem) {
  .margo-page-heading { grid-template-columns: minmax(0, 1fr); }
  .margo-page-heading__title { grid-column: 1; grid-row: 1; }
  .margo-page-actions {
    grid-column: 1;
    grid-row: auto;
    justify-self: start;
    margin-block-start: 0;
  }
  .margo-page-actions [data-popover-panel] { left: 0 !important; right: auto !important; }
}
@media print {
  .margo-page-actions, .margo-page-heading__anchor { display: none !important; }
  .margo-page-heading__title { display: block; }
}
/* Goshtoso owns split-button and menu visuals; Margo only owns placement. */
.margo-document .margo-page-actions {
  max-inline-size: none;
  margin-block: 0.25rem;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.margo-document .margo-page-heading > .margo-document__lead {
  grid-column: 1;
  grid-row: 2;
  margin-block: 0;
}
.margo-document .margo-page-actions__status {
  margin: 0;
  padding: 0.15rem 0.6rem 0.3rem;
}