/* Shared presentation layer for preserved Quarto analysis outputs. */
:root { --article-ink: #292723; --article-muted: #625d57; --article-paper: #f5f0eb; }
body { background: var(--article-paper); color: var(--article-ink); font-family: Inter, sans-serif; }
h1, h2, h3 { font-family: 'Playfair Display', Georgia, serif; }
a { color: #664d24; text-underline-offset: 3px; }
a:hover { color: #292723; }
.article-brand { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1.5rem max(1.5rem, calc((100vw - 1160px) / 2)); border-bottom: 1px solid #d9d1c7; margin-bottom: 2rem; }
.article-brand > a { font-family: 'Playfair Display', Georgia, serif; font-size: 1.25rem; text-decoration: none; color: var(--article-ink); }
.article-brand span { display: block; font-family: Inter, sans-serif; font-size: 0.75rem; color: var(--article-muted); margin-top: 0.2rem; }
.article-brand nav { display: flex; gap: 1.25rem; font-size: 0.9rem; }
.article-brand nav a { padding: 0.65rem 0; }
.article-summary { border-left: 3px solid #805d16; background: #fff; padding: 1.25rem 1.5rem; margin: 1.5rem 0 2.5rem; }
.article-summary strong { color: #664d24; }
.article-summary p { margin: 0.5rem 0 0; }
.article-end { margin: 3rem 0; padding: 1.5rem 0; border-top: 1px solid #d9d1c7; }
.article-end a { display: inline-block; margin-right: 1.5rem; padding: 0.5rem 0; }
.cell-output-display img { background: #fff; height: auto; }
.quarto-title-meta, .quarto-title-meta-heading, .quarto-category { color: var(--article-muted) !important; opacity: 1 !important; }
.article-skip { position: absolute; top: -100px; left: 1rem; background: #fff; padding: 0.75rem; z-index: 1000; }
.article-skip:focus { top: 0; }
:focus-visible { outline: 2px solid #805d16; outline-offset: 3px; }
@media (max-width: 600px) {
  .article-brand { align-items: flex-start; flex-direction: column; padding: 1.25rem; }
  .article-brand nav { gap: 1.5rem; }
  h1.title { font-size: 2rem; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}
@media print { .article-brand, .article-end, .article-skip { display: none; } body { background: white; } }