/**
 * BRIEF 70a · the town and county pages' short header (/marketplace/near/<town>/) and "More near <town>" on listings.
 * The page under it is the marketplace's own browse; this is only the crumb, the H1, the live line and the intro, in the Swaps
 * page's header style (pt-swaps-page.css). Tokens from header-footer-global.css; nothing re-declared. No buttons here.
 */
.pt-ll .pt-ll-crumb { font-size: 13px; color: var(--pt-ink-2); }
.pt-ll .pt-ll-crumb a { color: var(--pt-accent); text-decoration: none; }
.pt-ll .pt-ll-crumb a:hover { text-decoration: underline; }
.pt-ll-head { margin: 0 0 16px; }
/* the marketplace header's -20px (it tucks under the page title on Browse) pulled the search box over the live line: the Swaps page's fix */
body.pt-ll-page .pt-market-archive-wrapper .pt-market-header { margin-top: 0; margin-bottom: 14px; }
.pt-ll .pt-ll-h1 { margin: 10px 0 0; font-size: 28px; line-height: 1.2; font-weight: 700; letter-spacing: -.01em; color: var(--pt-ink); }
.pt-ll .pt-ll-line { margin: 6px 0 0; font-size: 14px; line-height: 1.5; color: var(--pt-ink-2); font-variant-numeric: tabular-nums; }
.pt-ll .pt-ll-intro { margin: 10px 0 0; max-width: 720px; font-size: 15px; line-height: 1.55; color: var(--pt-ink); }
.pt-ll .pt-ll-intro.is-draft { color: var(--pt-ink-2); border-left: 2px solid var(--pt-border-strong); padding-left: 12px; }
.pt-ll .pt-ll-staff { display: block; margin-top: 4px; font-size: 12px; color: var(--pt-ink-3); }
.pt-ll .pt-ll-towns { margin-top: 14px; }

/* the listing page: one quiet link at the foot */
.pt-ll-more { margin: 28px 0 8px; padding-top: 16px; border-top: 1px solid var(--pt-border); font-size: 15px; }
.pt-ll-more a { color: var(--pt-accent); text-decoration: none; font-weight: 600; }
.pt-ll-more a:hover { text-decoration: underline; }
.pt-ll-more .pt-mono { color: var(--pt-ink-2); font-weight: 400; }

@media (max-width: 900px) {
    .pt-ll .pt-ll-h1 { font-size: 24px; }
}