/* Listing pages assemble from the shell: chips, the back link and the
   silver action come from parts/pill.css. This file is placement only. */
:root { color-scheme: dark; }
body { min-height: 100%; line-height: var(--lh-body); }
main { width: min(100% - 2 * var(--space-lg), 52rem); margin: 0 auto; padding: var(--space-3xl) 0 var(--space-3xl); }
a { text-underline-offset: 0.2em; }
h1 { margin: 0; font-size: var(--t-h1); line-height: var(--lh-title); }
h2 { margin: var(--space-2xl) 0 var(--space-sm); font-size: var(--t-h3); }
.eyebrow { margin: var(--space-2xl) 0 var(--space-xs); color: var(--ink-3); letter-spacing: var(--track-eyebrow); }
.place { margin: var(--space-sm) 0 var(--space-lg); color: var(--ink-2); }
.tags { display: flex; flex-wrap: wrap; gap: var(--space-sm); padding: 0; list-style: none; }
.tags li + li { margin-top: 0; }
dl { display: grid; grid-template-columns: minmax(8rem, 0.35fr) 1fr; gap: var(--space-sm) var(--space-lg); margin: 0; }
dt { color: var(--ink-3); } dd { margin: 0; overflow-wrap: anywhere; }
ul { padding-left: var(--space-lg); } li + li { margin-top: var(--space-xs); }
section + section { margin-top: var(--space-xl); }
.credit { margin-top: var(--space-3xl); border-top: var(--border); padding-top: var(--space-lg); color: var(--ink-3); }
.credit .rs-split-button { display: flex; width: max-content; max-width: 100%; }
@media (max-width: 36rem) { main { padding-top: var(--space-xl); } dl { grid-template-columns: 1fr; gap: 0; } dd + dt { margin-top: var(--space-md); } }