.icon-button__counter,
.contact-widget > h4,
.contact-widget > a[href^="mailto:social"],
.navigation-panel__logo {
 display: none;
}
.table-of-contents li:only-child {
 display: none;
}
.account__header__fields .verified {
 border: inherit;
 background: inherit;
}
.account__header__fields dd, 
.account__header__fields dt {
 text-align: left;
}
.account__header__bio .account__header__fields .verified a {
 color: inherit;
}
.account__header__fields dt {
 width: 13em;
}

/* Articles */
.status {
  border: 1px solid silver;
 // background: white;
}
/*
.columns-area__panels,
.public-layout {
 //background:cornsilk;
}
.column > .scrollable,
.tabs-bar__wrapper,
.item-list, 
.account__header__fields dl,
.activity-stream,
.navigation-panel {
 background: teal;
 border: none;
} */
dl dt,
.navigation-panel a {
 margin: 0.2em !important;
}
.navigation-panel a:hover,
.navigation-panel a:focus {
 filter: saturate(10);
 background: hsla(0,100%,70%,.5);
// color: black;
}
.navigation-panel a:focus {
 outline: 2px dashed white;
}

article,
.activity-stream > div,
dt,
dd,
.navigation-panel a,
.scrollable > div:not(.item-list) {
 margin: .3em;
 //transform: rotate(-1deg);
// background: white !important;
 //border-bottom: 1px solid hsl(0,80%,60%);
}


/* Tweaks */
.account__section-headline a.active::after, .notification__filter-bar button.active::after {
 //border-color: transparent transparent hotpink;
}

.status__wrapper-direct {
  border: 2px solid red;
 // background: white;
}

/* show when images have alt text */
.media-gallery__item {
  --alt-crop-x: 6ch;
  --alt-crop-y: 2em;
  background: darkgreen;
  color: white;
}

/* only revealed by cutaway when alt is defined */
.media-gallery__item::after {
  content: "alt";
  display: grid;
  inset-block-end: 0;
  inset-inline-start: 0;
  min-height: var(--alt-crop-y);
  min-width: var(--alt-crop-x);
  place-content: center;
  position: absolute;
}

/* cut away to reveal badge */
.media-gallery__item img[alt] {
  clip-path: polygon(0 0, 100% 0, 100% 100%, var(--alt-crop-x) 100%, var(--alt-crop-x) calc(100% - var(--alt-crop-y)), 0 calc(100% - var(--alt-crop-y)));
}

/* Remove the clip path if we can do better with :has() */
.media-gallery__item:has(img) img[alt] {
  clip-path: none;
}

/* Apply better alt-text badge over top of image */
.media-gallery__item:has(img)::after {
  --alt-crop-x: initial;
  --alt-crop-y: initial;
  background: darkgreen;
  border: thin solid rgba(255, 255, 255, 0.4);
  border-radius: 3px;
  inset-block-end: 0.5em;
  inset-inline-start: 0.5em;
  padding: 0.25rem 0.5rem;
  position: absolute;
  pointer-events: none;
  z-index: 2;
}

/* Change badge when no alt is defined */
.media-gallery__item:has(img:not([alt]))::after {
  background: maroon;
  content: "no alt";
}