/* #formats: dark band, content-format cards, languages strip. */

/* ---------- dark band ---------- */
.dark{background:var(--espresso);color:var(--cream)}
.dark .lede{color:rgba(245,237,230,.66)}
.dark .card{background:rgba(245,237,230,.045);border-color:var(--line-dark)}
.dark .card p{color:rgba(245,237,230,.6)}
.dark .card:hover{box-shadow:none;background:rgba(245,237,230,.075)}
.dark .card .ico{background:rgba(232,84,110,.16)}
.dark .card .ico svg{stroke:var(--coral)}

#formats h2{margin-block:16px 18px}

.langs{
  margin-top:22px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;
  padding:22px 24px;border:1px solid var(--line-dark);border-radius:18px;
}
.langs__txt{margin-right:auto;max-width:46ch}
.langs__txt strong{font-family:var(--display);font-weight:600;font-size:1.02rem}
.langs__txt span{display:block;color:rgba(245,237,230,.55);font-size:.9rem;margin-top:4px}
.lang{
  font-family:var(--mono);font-size:.78rem;font-weight:700;letter-spacing:.06em;
  padding:8px 13px;border-radius:9px;border:1px solid var(--line-dark);
}
.lang--more{background:var(--rose);border-color:var(--rose);color:#fff}