/* The PDF reader's icon-only action contract, shared by both article views. */
.mley-article-card-actions { display:flex; justify-content:flex-end; align-items:flex-start; gap:2px; margin:0 0 .65rem; }
body[data-page-kind] .card.article .mley-article-card-law-name {
  flex:1 1 0; min-width:0; margin-right:10px; padding:12px 0;
  color:var(--text-color); font:600 13px/20px var(--font-ui, sans-serif);
  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left;
}
body[data-page-kind] .card.article .mley-article-icon-action {
  display:inline-flex!important; align-items:center; justify-content:center; flex:none;
  width:44px!important; height:44px!important; min-width:44px!important; min-height:44px!important;
  margin:0!important; padding:0!important; border:0!important; border-radius:8px!important;
  background:transparent!important; color:var(--text-color)!important; box-shadow:none!important;
  font-size:0!important; line-height:0!important; text-decoration:none!important;
}
body[data-page-kind] .card.article .mley-article-icon-action > :not(.mley-article-action-icon):not(.mley-article-action-abbreviation):not(.mley-article-action-caption) { display:none!important; }
body[data-page-kind] .card.article .mley-article-icon-action::before,
body[data-page-kind] .card.article .mley-article-icon-action::after { content:none!important; }
body[data-page-kind] .card.article .mley-article-icon-action:not(:disabled):hover {
  background:var(--surface-accent)!important; color:var(--accent-color)!important;
}
body[data-page-kind] .card.article .mley-article-icon-action:focus-visible { outline:2px solid var(--accent-color); outline-offset:-2px; }
body[data-page-kind] .card.article .mley-article-icon-action:disabled { opacity:.45; cursor:default; }
body[data-page-kind] .card.article .mley-article-action-icon {
  display:block!important; width:20px!important; height:20px!important; margin:0!important;
  fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0;
}
body[data-page-kind] .card.article .mley-article-footer-unified {
  display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:4px 12px;
}
.mley-article-footer-unified .mley-article-card-footer-center { display:contents; }
.mley-article-footer-unified .mley-article-backrefs-indicator { margin-right:auto; }
body[data-page-kind] .mley-article-footer-unified .mley-article-card-footer-right {
  display:flex; flex-wrap:nowrap; gap:2px; align-items:center; justify-content:flex-end; margin-left:auto;
}
.mley-article-card-actions .p-share { flex:none; margin:0; }
.mley-article-footer-unified .mley-view-pdf-action { display:flex; align-items:center; }

body[data-page-kind] .card.article .mley-article-action-abbreviation {
  display:inline-flex!important; align-items:center; justify-content:center; flex-shrink:0;
  height:20px; min-width:32px; color:inherit; font:700 16px/20px var(--font-ui, sans-serif);
  letter-spacing:-.025em; white-space:nowrap;
}

/* Labels depend on the card's available width, including split PDF layouts. */
.mley-article-footer-unified { container-type:inline-size; container-name:article-footer; }
body[data-page-kind] .card.article .mley-article-action-caption { display:none!important; }
@container article-footer (min-width:520px) {
  body[data-page-kind] .card.article .mley-article-card-footer-right .mley-article-icon-action {
    width:auto!important; padding:0 10px!important; gap:6px;
  }
  body[data-page-kind] .card.article .mley-article-action-caption {
    display:block!important; font:600 13px/1.3 var(--font-ui, sans-serif); white-space:nowrap;
  }
}