/* All content stays visible until progressive enhancement is ready. */
.manifest-stage { animation: none; clip-path: none; }
.manifest-interaction-tools { display: flex; justify-content: flex-end; margin: -1rem 0 .75rem; }
.manifest-read-all { min-height: 44px; padding: .5rem 0 .5rem 1rem; border: 0; color: var(--ink); background: transparent; font: 500 .95rem "Urbanist", sans-serif; cursor: pointer; }
.manifest-read-all:hover { color: var(--orange); }
.manifest-read-all[aria-pressed="true"] { color: var(--orange); }
.manifest-field-trigger { width: 100%; min-height: 64px; border: 0; padding: 1rem 0; background: transparent; color: inherit; font: inherit; letter-spacing: inherit; text-align: left; cursor: pointer; }
.manifest-field-trigger:focus-visible, .manifest-read-all:focus-visible, .manifest-stage:focus-visible { outline: 3px solid var(--violet); outline-offset: 5px; }
.manifest-interactive .manifest-fields { gap: .4rem; }
.manifest-interactive .manifest-field-title { margin: 0; color: var(--ink); }
.manifest-interactive .manifest-field.is-open .manifest-field-title { color: var(--orange); }
.manifest-interactive .manifest-reveal { overflow: hidden; height: 0; }
.manifest-interactive .manifest-development { padding: 1rem 0 2rem; gap: clamp(.75rem, 2vw, 2rem); }
.manifest-interactive .manifest-stage { padding: clamp(1rem, 2vw, 1.6rem); color: var(--ink); background: var(--orange-soft); transition: color 180ms, background-color 180ms; }
.manifest-interactive .manifest-stage.is-current { background: var(--orange); color: var(--logo); }
.manifest-interactive .manifest-stage h4 { font-size: clamp(1.1rem, 1.5vw, 1.3rem); }
.manifest-interactive .manifest-stage p { font-size: clamp(1rem, 1.35vw, 1.2rem); }
.manifest-interactive.is-reading-all .manifest-stage { background: transparent; color: var(--ink); }
@media (max-width: 760px) {
  .manifest-interaction-tools { margin-top: -.5rem; }
  .manifest-interactive .manifest-development { gap: .65rem; }
  .manifest-field-trigger { min-height: 72px; }
}
@media (prefers-reduced-motion: reduce) {
  .manifest-stage, .manifest-field-trigger { transition: none !important; transform: none !important; }
}
@media print {
  .manifest-interaction-tools { display: none; }
  .manifest-interactive .manifest-reveal { height: auto !important; overflow: visible !important; }
  .manifest-interactive .manifest-stage { opacity: 1 !important; transform: none !important; color: var(--ink) !important; background: transparent !important; }
  .manifest-interactive .manifest-fields { gap: 2rem; }
}

/* A directional cue makes the initially collapsed headings discoverable. */
.manifest-field-trigger { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 1rem; }
.manifest-field-trigger::after {
  content: ""; width: 1.5rem; height: 1.5rem; background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h15m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='1.8'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: transform 240ms cubic-bezier(.2,.7,.2,1);
}
.manifest-field-trigger[aria-expanded="true"]::after { transform: rotate(90deg); }
@media (hover: hover) and (pointer: fine) {
  .manifest-field-trigger[aria-expanded="false"]:hover::after { transform: translateX(3px); }
}
@media (prefers-reduced-motion: reduce) { .manifest-field-trigger::after { transition: none; } }
@media print { .manifest-field-trigger::after { display: none; } }