/* Keep Persimmon's model-card layout and type; use Ampersand's orchil accent. */
.ampersand-model-card { --accent: #775786; }
.ampersand-model-card .article-hero h1 { color: #4f3d59; }
.ampersand-model-card .hero-actions { justify-content: center; }
.ampersand-model-card .card-draft-note { color: var(--muted); font-size: 14px; }
.ampersand-model-card .model-card-disclosure > summary h3 { margin: 0; font-size: 24px; }
.ampersand-model-card .article-toc { max-height: calc(100vh - 150px); overflow-y: auto; }

.ampersand-model-card .site-header {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  padding: 18px max(24px, 5vw);
  border-bottom: 1px solid var(--line);
}
.ampersand-model-card .site-brand { justify-self: start; }
.ampersand-model-card .site-nav { justify-self: end; white-space: nowrap; }
.ampersand-model-card .model-card-links { margin: 0; }
.ampersand-model-card .article-hero {
  width: min(1120px, calc(100% - 48px));
  padding: 80px 0 56px;
}
.ampersand-model-card .article-hero h1 {
  font-size: clamp(40px, 4.7vw, 76px);
  margin-bottom: 40px;
}
.ampersand-model-card .article-subtitle { font-size: clamp(21px, 2vw, 28px); }
.ampersand-model-card .article-meta { margin-top: 40px; }

@media (max-width: 700px) {
  .ampersand-model-card .site-header { grid-template-columns: 1fr auto; gap: 8px 16px; padding: 12px 20px; }
  .ampersand-model-card .site-logo { height: 30px; }
  .ampersand-model-card .site-nav { grid-column: 2; grid-row: 1; gap: 12px; }
  .ampersand-model-card .model-card-links { grid-column: 1 / -1; grid-row: 2; }
  .ampersand-model-card .article-hero { padding: 44px 0 32px; }
}

@media print {
  .ampersand-model-card .model-card-links { display: none; }
}

/* Safety table: keep the result columns on one line (GLM-5.3 header was wrapping);
   the Metric column absorbs the slack by wrapping instead, and padding is trimmed a touch. */
#safety-table th, #safety-table td { padding-left: 14px; padding-right: 14px; }
#safety-table th:nth-child(4), #safety-table td:nth-child(4),
#safety-table th:nth-child(5), #safety-table td:nth-child(5) { white-space: nowrap; }

/* Compact research subsection within Safety & security. */
.eval-awareness-section { margin-top: 2.5rem; }
.eval-awareness-section h3 { scroll-margin-top: 130px; }
.awareness-equation { font-variant-numeric: lining-nums; }
.awareness-results caption { text-align: left; color: var(--muted); font-size: 14px; line-height: 1.5; padding: 0 0 12px; }
.awareness-results th, .awareness-results td { padding: 12px 14px; }
.awareness-results td { white-space: nowrap; font-variant-numeric: tabular-nums; }
.result-pending { color: var(--muted); font-style: italic; }
.awareness-methods { margin-top: 1.2rem; border-top: 1px solid var(--line); padding-top: 1rem; }
.awareness-methods summary { color: var(--accent); cursor: pointer; font-weight: 600; }
.awareness-methods p, .awareness-methods li { font-size: 15px; line-height: 1.6; }

.prompted-gap-chart { margin: 24px 0; padding: 18px 0; border-block: 1px solid var(--line); }
.prompted-gap-chart figcaption { font-size: 18px; color: var(--ink); margin-bottom: 12px; }
.prompted-gap-chart svg { display: block; width: 100%; height: auto; font-family: var(--sans); }
.prompted-gap-chart .caption { font-size: 13px; color: var(--muted); line-height: 1.5; margin-bottom: 0; }

.awareness-legend { display: flex; gap: 20px; font: 13px var(--sans); margin: 12px 0; }
.awareness-legend .legend-opus { color: var(--accent); opacity: .5; }
.awareness-legend .legend-persimmon { color: var(--accent); }

/* Keep captions clear of the SVG axis labels. */
.prompted-gap-chart svg + .caption { margin-top: 20px; }

/* Supporting sycophancy figure, opened from the sweep paragraph. */
#sycophancy-results { scroll-margin-top: 100px; }
.sycophancy-supporting-chart { margin: 24px 0; }
.sycophancy-supporting-chart .deployment-svg { display: block; width: 100%; height: auto; }
.sycophancy-supporting-chart .gridline { fill: none; stroke: var(--line); stroke-width: 1; }
.sycophancy-supporting-chart .tick { fill: var(--muted); font-size: 15px; }
.sycophancy-supporting-chart .axis { fill: var(--muted); font-size: 17px; }
.sycophancy-supporting-chart .legend { display: flex; flex-wrap: wrap; gap: 10px 18px; margin: 10px 0 18px; font-size: 13px; }
.sycophancy-supporting-chart .legend span { display: inline-flex; align-items: center; gap: 6px; }
.sycophancy-supporting-chart .shape-legend-title,
.sycophancy-supporting-chart figcaption { color: var(--muted); font-size: 14px; line-height: 1.6; }