/* The Uruguay briefing — the factual chapters of the briefing, published as a page. */
.briefing { padding-block: 96px 112px; }
.briefing-head { max-width: 760px; padding-bottom: 44px; border-bottom: 1px solid var(--line); }
.briefing-head h1 { margin-top: 26px; font-size: clamp(3.25rem, 4.8vw, 4.8rem); line-height: 1.12; letter-spacing: -.025em; }
.briefing-head .lead { margin-top: 22px; color: var(--ink); font-size: 1.25rem; line-height: 1.6; }
.briefing-head .briefing-updated { margin-top: 22px; color: var(--quiet); font-size: .75rem; letter-spacing: .13em; text-transform: uppercase; }
.briefing-body { max-width: 720px; margin-top: 44px; }
.briefing-body h2 { margin: 64px 0 18px; font-size: 1.875rem; line-height: 1.3; letter-spacing: -.01em; }
.briefing-body h3 { margin: 36px 0 12px; font-size: 1.25rem; line-height: 1.35; letter-spacing: -.01em; }
.briefing-body p, .briefing-body li { color: #4f544a; font-size: 1rem; line-height: 1.8; }
.briefing-body p + p, .briefing-body ul + p, .briefing-body p + ul { margin-top: 18px; }
.briefing-body ul { margin: 0; padding-left: 1.25em; }
.briefing-body li + li { margin-top: 10px; }
.briefing-body li::marker { color: #9aa090; }
.briefing-body strong { color: var(--ink); font-weight: 400; }
.briefing-body .briefing-lead { color: var(--ink); font-size: 1.125rem; line-height: 1.7; }
.briefing-body a { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.briefing-body a:hover { color: var(--ink); }
.briefing-body sup { font-size: .7em; line-height: 0; vertical-align: super; }
.briefing-body sup a { color: var(--quiet); text-decoration: none; }

/* Figures: a quiet row of numbers with their sources beneath. */
.briefing-figures { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin: 32px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.briefing-figures li { padding-top: 20px; }
.briefing-figures li + li { margin-top: 0; }
.briefing-figures .figure-value { display: block; color: var(--ink); font-family: var(--serif); font-size: 2.25rem; line-height: 1.1; letter-spacing: -.02em; }
.briefing-figures .figure-label { display: block; margin-top: 10px; color: #4f544a; font-size: .875rem; line-height: 1.6; }
.briefing-figures .figure-source { display: block; margin-top: 6px; color: var(--quiet); font-size: .75rem; line-height: 1.6; }

/* Tables: the index comparison and the series. */
.briefing-table { width: 100%; margin-top: 26px; border-collapse: collapse; border-top: 1px solid var(--line); }
.briefing-table caption { padding-bottom: 12px; color: var(--quiet); font-size: .75rem; letter-spacing: .13em; text-transform: uppercase; text-align: left; caption-side: top; }
.briefing-table th, .briefing-table td { padding: 12px 20px 12px 0; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; color: #4f544a; font-size: .9375rem; font-weight: 400; line-height: 1.6; }
.briefing-table thead th { color: var(--quiet); font-size: .75rem; letter-spacing: .13em; text-transform: uppercase; }
.briefing-table tbody th { color: var(--ink); }
.briefing-table td:last-child, .briefing-table th:last-child { padding-right: 0; text-align: right; font-variant-numeric: tabular-nums; }
.briefing-table tr.is-uruguay th, .briefing-table tr.is-uruguay td { color: var(--ink); }
.briefing-table + p { margin-top: 18px; }

.briefing-sources { margin-top: 64px; padding-top: 28px; border-top: 1px solid var(--line); }
.briefing-sources h2 { margin-top: 0; font-size: 1.25rem; }
.briefing-sources ol { margin: 0; padding-left: 1.5em; }
.briefing-sources li { color: var(--quiet); font-size: .875rem; line-height: 1.7; }
.briefing-sources li + li { margin-top: 6px; }
.briefing-sources li::marker { color: #9aa090; }
.briefing-close { margin-top: 56px; padding-top: 28px; border-top: 1px solid var(--line); }
.briefing-close p { color: var(--ink); font-size: 1.125rem; line-height: 1.7; }
.briefing-close .text-link + .text-link { margin-left: 40px; }

@media (max-width: 700px) {
  .briefing { padding-block: 64px 76px; }
  .briefing-head { padding-bottom: 32px; }
  .briefing-head h1 { margin-top: 22px; font-size: clamp(2.9rem, 9vw, 3.7rem); }
  .briefing-head .lead { font-size: 1.125rem; }
  .briefing-body { margin-top: 32px; }
  .briefing-body h2 { margin-top: 48px; font-size: 1.625rem; }
  .briefing-figures { grid-template-columns: 1fr; gap: 0; }
  .briefing-figures li { padding-block: 18px; border-bottom: 1px solid var(--line); }
  .briefing-figures li:last-child { border-bottom: 0; }
  .briefing-table th, .briefing-table td { padding-right: 12px; font-size: .875rem; }
  .briefing-close .text-link + .text-link { margin-left: 0; }
  .briefing-close .text-link { display: flex; }
}