/* Annual reports: night to day; the long record sits on a paper sheet so it reads at any sky. Flat fills only. */

/* ---------- Hero art: two reports on the desk ---------- */
.ar-art { max-width: 28rem; margin-inline: auto; }
.ar-art__back { fill: var(--gold); }
.ar-art__front { fill: var(--paper); }
.ar-art__yr { fill: var(--navy); font-family: var(--font-display); font-weight: 600; font-size: 30px; letter-spacing: -0.02em; }
.ar-art__yr--back { fill: var(--navy); }
.ar-art__line { fill: var(--navy); fill-opacity: .3; }
.ar-art__seal { fill: none; stroke: var(--gold-600); stroke-width: 2; }

/* ---------- Current accountability ---------- */
.ar-current h2 { margin-top: 1.2rem; max-width: 15ch; }
.panel .ar-current__body { margin-top: 0; font-size: var(--step-subhead); line-height: 1.5; color: var(--ivory); }
.tone-light .panel .ar-current__body { color: var(--paper-fg); }
.ar-current__links { list-style: none; margin: 1.5rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: .9rem 1.75rem; }

/* ---------- The reports ---------- */
.ar-sheet { border: 1px solid rgb(9 24 50 / 18%); max-width: 56rem; margin-inline: auto; }
.ar-sheet .prose { max-width: none; }
.ar-sheet .prose > h2:first-of-type { margin-top: 1.1rem; }
.prose .ar-list { list-style: none; margin-top: 1.75rem; padding: 0; }
.ar-item { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .5rem clamp(1rem, 3vw, 2.5rem); padding-block: 1.75rem; border-top: 1px solid rgb(9 24 50 / 14%); }
.prose .ar-item + .ar-item { margin-top: 0; }
.ar-item:last-child { border-bottom: 1px solid rgb(9 24 50 / 14%); }
.ar-year { font-family: var(--font-display); font-weight: 600; font-size: var(--step-h2); line-height: 1; letter-spacing: -0.02em; color: var(--navy); font-variant-numeric: tabular-nums; }
.ar-meta { min-width: 0; }
.prose .ar-meta h3 { margin-top: .2rem; font-size: var(--step-subhead); }
.ar-meta details { margin-top: .9rem; border-block: 1px solid rgb(9 24 50 / 14%); }
.ar-meta summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding-block: .8rem; font-weight: 650; font-size: var(--step-caption); }
.ar-meta summary::-webkit-details-marker { display: none; }
.ar-meta summary::after { content: "+"; flex: none; display: grid; place-items: center; width: 1.6rem; height: 1.6rem; border-radius: 50%; border: 1px solid currentColor; font-weight: 400; line-height: 1; transition: transform var(--dur-base) var(--ease-out-expo); }
.ar-meta details[open] summary::after { transform: rotate(45deg); }
.ar-sum { padding-bottom: 1rem; color: var(--paper-fg-muted); }
.ar-sum > * + * { margin-top: .8rem; }
.ar-sum h4 { margin: 1rem 0 0; font-family: var(--font-body); font-size: var(--step-body); font-weight: 650; color: var(--paper-fg); }
.ar-sum ul { padding-left: 1.25em; margin-bottom: 0; }
.ar-dl { margin-top: 1.1rem; max-width: 100%; }
.ar-note { color: var(--paper-fg-muted); }
@media (max-width: 560px) {
  .ar-item { grid-template-columns: minmax(0, 1fr); }
  .ar-dl { font-size: var(--step-micro); }
}