/* LEGACY POST COMPATIBILITY LAYER
   Re-skins migrated post content (Commendations, Laurels, Essays) using the
   new site's colors and fonts, without needing to restructure each post's
   original HTML. Approach: labeled sections with plain, one-per-line lists,
   never nested boxes -- a group container is never itself a box if it holds
   individually-styled children. */

/* Remove old in-page back-navigation; the new site's header/footer replace it */
[class*="detail-back"], [class*="detail-footer-nav"], [class*="essay-footer-nav"] { display: none; }

/* Group containers get plain spacing; the description line within one */
.award-desc { font-size: 0.95rem; line-height: 1.65; color: var(--ink-muted); margin-bottom: 1rem; }
   -list wrappers): plain spacing only, never a box, since they hold their
   own labeled children. */
.award-block, .category-block, .award-section, .induction-cards,
.result-cards, .shortlist-cards, .nomination-grid, .nomination-cards,
.admission-cards, .honor-grid, .recipient-list, .record-list, .record-section,
.wc-names, .heptathlon-events {
  margin: 1.5rem 0;
}

/* INDIVIDUAL RESULT ITEMS (award-tier, category-tier, and the many -card
   variants): a label, then a plain list of names -- one per line, divided
   by a hairline, never boxed individually. This is the one visual pattern
   used everywhere a set of winners or a single distinction is shown. */
.award-tier, .category-tier, .winner-card, .result-card, .ap-card,
.induction-card, .publication-card, .shortlist-card, .nomination-card,
.honor-card, .heptathlon-block, .wc-block {
  padding: 0.9rem 0;
  border-bottom: 1px solid var(--rule-light);
}
.award-tier:first-child, .category-tier:first-child, .winner-card:first-child,
.result-card:first-child, .ap-card:first-child, .induction-card:first-child,
.publication-card:first-child, .shortlist-card:first-child,
.nomination-card:first-child, .honor-card:first-child,
.heptathlon-block:first-child, .wc-block:first-child {
  border-top: 1px solid var(--rule-light);
}

/* Record items (exam name on the left, medal/award on the right) */
.record-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0.4rem 1rem;
  padding: 0.9rem 0;
  border-bottom: 1px solid var(--rule-light);
}
.record-item:first-child { border-top: 1px solid var(--rule-light); }
.record-item__left { flex: 1; min-width: 200px; }
.record-item__award { font-weight: 600; color: var(--gold); white-space: nowrap; }

/* Decorative section break (a small centered ornament between essay sections) */
.essay-break { text-align: center; margin: 2.5rem 0; color: var(--gold); font-size: 1.1rem; }

/* Work byline (English title/subtitle under a poem or story's Latin title) */
.work-byline { font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic; color: var(--ink-muted); margin: -0.1rem 0 0.75rem; }

/* Labels: small uppercase gold text (medal tier, category, role, place, society) */
[class*="__label"], [class*="__eyebrow"], [class*="__society"], [class*="__scope"],
[class*="__place"], [class*="__year"], [class*="__comp"], [class*="__category"],
.award-heading-text, .category-tier__label, .comm-intro, .work-col__label,
.award-heading, .category-block__heading, .record-section__heading {
  display: block;
  font-size: 0.75rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 0.35rem;
}

/* Essay section headings: genuine subheadings within a long essay (often
   numbered, e.g. "I. The Capacity to..."), not small tags -- these need
   real visual weight to actually break up the text as intended. */
.essay-section {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--ink);
  margin: 2.5rem 0 1rem;
  line-height: 1.25;
}

/* Names and titles: the actual headline content of an item */
[class*="__name"], [class*="__title"], .poem-title, .work-title, .publication-card__title {
  display: block;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 1.1rem;
  color: var(--ink);
  margin-bottom: 0.15rem;
}

/* Secondary/muted details: distinction, sub, detail, award, note, grades, prize, work */
[class*="__distinction"], [class*="__sub"], [class*="__detail"], [class*="__award"],
[class*="__note"], [class*="__grades"], [class*="__prize"], [class*="__work"],
[class*="__universities"], [class*="__princeton"], [class*="__journal"],
[class*="__author"], [class*="__subtitle"], [class*="__exam"], [class*="__score"],
.award-distinction, .award-sub, .award-heading-count, .wc-block__sublabel {
  display: block;
  font-size: 0.85rem;
  color: var(--ink-muted);
  margin-top: 0.1rem;
}

/* Plain one-per-line name lists inside a result group (award-names, category-tier__names, etc.) */
[class*="__names"], .award-names, .recipient-list, .roster, .wc-names, .heptathlon-events {
  list-style: none;
  padding: 0;
  margin: 0.5rem 0 0;
}
[class*="__names"] li, .award-names li, .recipient-list li, .roster li, .wc-names li, .heptathlon-events li {
  padding: 0.4rem 0;
  border-bottom: 1px solid var(--rule-light);
  font-size: 1rem;
}
[class*="__names"] li:last-child, .award-names li:last-child,
.recipient-list li:last-child, .roster li:last-child, .wc-names li:last-child,
.heptathlon-events li:last-child {
  border-bottom: none;
}

/* Medal / tier color variants (text color only, no background shape) */
[class*="medal--gold"], [class*="tier--gold"] { color: var(--gold); }
[class*="medal--silver"], [class*="tier--silver"] { color: #8a8a8a; }
[class*="medal--bronze"], [class*="tier--bronze"] { color: #a3673a; }
[class*="medal--perfect"], [class*="medal--gold-perfect"] { color: var(--gold); font-weight: 600; }
[class*="medal--hm"], [class*="medal--honorable"] { color: var(--ink-muted); }
[class*="medal--ribbon"], [class*="medal--second"], [class*="medal--third"] { color: var(--ink-secondary); }
.award-medal svg { display: none; } /* old icon badges; the text label alone is enough */

/* Section dividers and small closing lines */
.sec-rule, .section-divider { border: none; border-top: 1px solid var(--rule-light); margin: 2.25rem 0; }
.sec-rule + *, .section-divider + * { margin-top: 0 !important; }
.coda, .essay-latin-close { font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic; color: var(--ink-muted); display: block; margin-top: 1rem; }

/* Prose sections: lede, intro, close, commentary, essay body */
.detail-lede, .comm-close, .detail-close, .essay-closing { font-size: 1.05rem; color: var(--ink-secondary); }
.detail-commentary, .detail-note, .exam-note { font-size: 0.95rem; color: var(--ink-muted); background: var(--parchment-alt); border-radius: 6px; padding: 0.9rem 1.1rem; margin: 1.25rem 0; }

/* Drop cap for essay openings (uses the shared ::first-letter rule in style.css) */

/* Excerpt / pull-quote blocks */
.excerpt-block, .essay-pull { border-left: 3px solid var(--gold); padding-left: 1.25rem; font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic; font-size: 1.1rem; color: var(--ink-secondary); margin: 1.5rem 0; }
.excerpt-block__attribution { font-style: normal; font-size: 0.85rem; color: var(--ink-muted); margin-top: 0.4rem; }

/* Poem body text: preserve the original line breaks and stanza spacing
   exactly as written, since plain HTML collapses newlines by default and
   would otherwise render a poem as a single run-on paragraph. */
.poem-body p{white-space:pre-line;line-height:1.9;}

/* Poetry / bilingual line formatting */
.work-line--latin, .lat { font-style: italic; }
.ln { display: inline-block; width: 2em; color: var(--ink-muted); font-size: 0.8rem; }
.work-lines, .work-lines--prose { margin: 1rem 0; list-style: none; padding: 0; }
.work-lines li { margin-bottom: 0.3rem; }
.work-columns { display: flex; flex-direction: column; gap: 1.5rem; }

/* Stats: kept as a simple row on wide screens, stacking on narrow ones (defined
   in style.css .stat-row already, reused here) */

@media (max-width: 600px) {
  [class*="__label"], .award-heading-text { font-size: 0.7rem; }
  [class*="__name"], .poem-title, .work-title { font-size: 1.02rem; }
}
