/* compact default */
.tldr {
  --tldr-bg:#1f1f1f;
  --tldr-fg:#eaeaea;
  --tldr-rule:#333;
  --tldr-title-size:clamp(16px,1.5vw,20px);
  --tldr-text-size:clamp(13px,1.1vw,16px);
  --tldr-pad:0.85rem 1rem;
  --tldr-radius:0px;
  --tldr-font:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;

  color:var(--tldr-fg);
  background:var(--tldr-bg);
  border-radius:var(--tldr-radius);
  font-family:var(--tldr-font);
  line-height:1.6;
  letter-spacing:0.01em;

  position:relative;
  padding:var(--tldr-pad);
  margin:20px 0;

  box-shadow:
    0 1px 0 0 var(--tldr-rule) inset,
    0 -1px 0 0 var(--tldr-rule) inset;
}

.tldr .tldr-title {
  font-weight:800;
  font-size:var(--tldr-title-size);
  margin:0 0 0.4rem 0;
}

.tldr p {
  margin:0;
  font-size:var(--tldr-text-size);
  text-wrap:pretty;
}

.tldr b, .tldr strong {font-weight:800;}
.tldr em, .tldr i {font-style:italic;}
.tldr code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
  padding: 0.05em 0.35em;
  border: 1px solid #444;
  border-radius: 2px;
  font-size: 0.95em;
  background:#111;
}

.tldr.is-wide {
  --tldr-text-size:clamp(14px,1.3vw,18px);
  --tldr-pad:1.2rem 1.4rem;
}