/**
 * Meydan Typography Add-on 1.1.0
 * Fixed global roles:
 * Logo Fraunces Black, titles Fraunces/Newsreader, text Newsreader, UI IBM Plex Sans/Atkinson Hyperlegible.
 */

:root {
  --meydan-font-logo: "Fraunces", "Newsreader", Georgia, serif;
  --meydan-font-display-title: "Fraunces", "Newsreader", Georgia, serif;
  --meydan-font-editorial-title: "Newsreader", "Fraunces", Georgia, serif;
  --meydan-font-text: "Newsreader", Georgia, "Times New Roman", serif;
  --meydan-font-ui: "IBM Plex Sans", "Atkinson Hyperlegible", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --meydan-font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  --meydan-content-max-width: 760px;
  --meydan-body-line-height: 1.68;
  --meydan-body-font-size: clamp(1.06rem, 1.1vw, 1.22rem);
}

html {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: var(--meydan-font-text);
  font-feature-settings: "kern" 1, "liga" 1, "calt" 1;
}

.site-title,
.site-title a,
.wp-block-site-title,
.wp-block-site-title a,
.site-logo-text,
.custom-logo-text,
.meydan-logo,
.meydan-wordmark {
  text-decoration-thickness: .055em;
  text-underline-offset: .12em;
}

h1,
h2,
h3,
h4,
h5,
h6,
.entry-title,
.wp-block-post-title,
.wp-block-query-title,
.page-title,
.archive-title {
  margin-top: 0;
  hyphens: auto;
}

h1,
.entry-title,
.wp-block-post-title,
.page-title,
.archive-title {
  font-size: clamp(2.45rem, 7vw, 5.9rem);
}

h2 {
  font-size: clamp(1.85rem, 4.5vw, 3.45rem);
}

h3 {
  font-size: clamp(1.42rem, 3vw, 2.1rem);
}

h4,
h5,
h6 {
  font-size: clamp(1.1rem, 2vw, 1.45rem);
}

.entry-content,
.wp-block-post-content,
article .content,
.single-post .site-main,
.page .site-main {
  font-size: var(--meydan-body-font-size);
}

.entry-content > *,
.wp-block-post-content > * {
  max-width: var(--meydan-content-max-width);
}

.entry-content > .alignwide,
.wp-block-post-content > .alignwide {
  max-width: min(1120px, calc(100vw - 2rem));
}

.entry-content > .alignfull,
.wp-block-post-content > .alignfull {
  max-width: none;
}

.entry-content p,
.wp-block-post-content p {
  margin-bottom: 1.15em;
}

.entry-content a,
.wp-block-post-content a {
  text-decoration-thickness: .07em;
  text-underline-offset: .14em;
}

.entry-content blockquote,
.wp-block-post-content blockquote,
.wp-block-quote,
blockquote {
  font-family: var(--meydan-font-text);
  font-size: clamp(1.2rem, 2vw, 1.65rem);
  line-height: 1.35;
  letter-spacing: -.015em;
}

.meydan-subtitle,
.meydan-post-subtitle,
.entry-subtitle,
.post-subtitle,
.deck,
.lede,
.lead {
  display: block;
  max-width: min(880px, 100%);
  margin-top: .45rem;
  margin-bottom: .75rem;
  font-size: clamp(1.18rem, 2.2vw, 1.8rem);
}

.entry-meta,
.post-meta,
.byline,
.posted-on,
.cat-links,
.tags-links,
.wp-block-post-date,
.wp-block-post-author,
.wp-block-post-terms,
.meydan-byline,
.meydan-author,
.meydan-post-author,
.meydan-meta,
.meydan-kicker {
  font-size: .86rem;
  line-height: 1.35;
}

.meydan-byline,
.meydan-author,
.meydan-post-author,
.meydan-kicker,
.wp-block-post-terms a,
.cat-links a,
.tags-links a {
  text-transform: uppercase;
  letter-spacing: .045em;
}

.wp-block-button__link,
.wp-element-button,
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
input,
select,
textarea,
label {
  font-family: var(--meydan-font-ui);
  letter-spacing: -.006em;
}

figcaption,
.wp-element-caption,
table,
.wp-block-table,
.pagination,
.page-numbers,
.breadcrumb,
.breadcrumbs {
  font-family: var(--meydan-font-ui);
}

pre,
code,
kbd,
samp,
.wp-block-code,
.wp-block-preformatted {
  font-family: var(--meydan-font-mono);
}

.wp-block-query .wp-block-post-title,
.wp-block-latest-posts__post-title,
.wp-block-post-template .wp-block-post-title,
.card-title,
.post-card-title,
.meydan-card-title {
  font-size: clamp(1.35rem, 2.5vw, 2.35rem);
  line-height: 1.08;
}

.wp-block-query .wp-block-post-excerpt,
.wp-block-latest-posts__post-excerpt,
.wp-block-post-template .wp-block-post-excerpt {
  font-family: var(--meydan-font-text);
  line-height: 1.52;
}

.wp-block-navigation,
.wp-block-navigation a,
.primary-menu,
.primary-menu a,
.menu,
.menu a,
nav,
nav a {
  font-family: var(--meydan-font-ui);
  font-size: .96rem;
}