.oic-seo-reference { max-inline-size: 58rem; }
.oic-seo-reference .oic-seo-table { overflow: auto; }
.oic-seo-table table { font-variant-numeric: tabular-nums; }
.oic-seo-table tr > :first-child { inline-size: 32%; }
.oic-seo-table td { overflow-wrap: anywhere; }
.oic-seo-table .oic-seo-example {
  display: inline-flex;
  align-items: center;
  min-block-size: 44px;
  min-inline-size: 44px;
  border: 0;
  padding: .25rem .3rem;
  background: transparent;
  color: var(--ok-green);
  text-align: start;
  font: inherit;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: .15em;
}
.oic-seo-table .oic-seo-example:disabled { color: inherit; cursor: default; text-decoration: none; }
.oic-seo-links a { display: inline-flex; min-block-size: 44px; align-items: center; }
.oic-seo-reference :is(button, a):focus-visible { outline: 2px solid var(--ok-green); outline-offset: 2px; }
.oic-tool [data-oic-result]:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
@media (max-width: 30rem) {
  .oic-seo-table :is(th, td) { padding-inline: .25rem; font-size: .86rem; }
}