/* YATU — Reading-size controls + shared inline toolbar
   Used on /post-american-world-order/* essays.
   Toolbar sits between .essay-hero and the article body — the standard
   publication position. Reading-size on the left, share buttons on the right.
   Scales article body prose only; headings/nav/UI untouched. */

:root { --reading-scale: 1; }

/* Shared inline toolbar (also hosts share-controls on the right) */
.essay-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin: 0.5rem 0 2.4rem;
  padding: 0.7rem 0;
  border-top: 1px solid rgba(212, 168, 67, 0.18);
  border-bottom: 1px solid rgba(212, 168, 67, 0.18);
  flex-wrap: wrap;
}

@media (max-width: 540px) {
  .essay-toolbar {
    gap: 0.7rem;
    padding: 0.6rem 0;
    margin: 0.4rem 0 2rem;
  }
}

/* Reading-size pill — left side of toolbar */
.yatu-reading-controls {
  display: inline-flex;
  align-items: center;
  gap: 0.15rem;
  padding: 0.2rem 0.5rem 0.2rem 0.7rem;
  border: 1px solid rgba(212, 168, 67, 0.28);
  border-radius: 999px;
  background: rgba(212, 168, 67, 0.04);
  font-family: 'Cinzel', serif;
  user-select: none;
  -webkit-user-select: none;
}

.yatu-reading-controls .yrc-label {
  font-family: 'Philosopher', sans-serif;
  font-size: 0.66rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--gold-light, #e8c97a);
  opacity: 0.7;
  margin-right: 0.3rem;
}

.yatu-reading-controls button {
  background: transparent;
  border: 1px solid transparent;
  color: var(--text-muted, #8A857A);
  font-family: 'Cinzel', serif;
  cursor: pointer;
  padding: 0.15rem 0.45rem;
  border-radius: 999px;
  transition: color 0.15s, background 0.15s, border-color 0.15s;
  line-height: 1;
  letter-spacing: 0;
  min-width: 1.4rem;
}

.yatu-reading-controls button:hover {
  color: var(--gold-light, #e8c97a);
}

.yatu-reading-controls button[aria-pressed="true"] {
  color: var(--gold, #d4a843);
  background: rgba(212, 168, 67, 0.16);
  border-color: rgba(212, 168, 67, 0.45);
}

.yatu-reading-controls button:focus-visible {
  outline: 2px solid var(--gold, #d4a843);
  outline-offset: 2px;
}

/* Mobile compact */
@media (max-width: 540px) {
  .yatu-reading-controls {
    padding: 0.18rem 0.45rem 0.18rem 0.6rem;
  }
  .yatu-reading-controls .yrc-label {
    font-size: 0.62rem;
    margin-right: 0.25rem;
  }
  .yatu-reading-controls button {
    padding: 0.13rem 0.4rem;
    min-width: 1.3rem;
  }
}

/* Print: hide toolbar */
@media print {
  .essay-toolbar { display: none; }
}