/* The link mesh (services/api/src/official/hubs.ts; SEO plan v1): hub pages, the place page's questions, "Other <kind>s nearby" and the quiet
   "Related searches" block just above the footer. Its own file (cached), so the place page's HTML and the story's weight do not grow.
   One rhythm: every row of a list (a place, a guide, a related search) is 44 px tall, the link itself the tap target (system.css gives an only-child
   list link 44 px; the rows here say so themselves), hairlines between rows, no bullets. Measured at 390 and 1280 (services/api/test/hubs-preview.ts). */
.cc-mesh{display:grid;gap:28px;padding-block:28px 8px;border-top:1px solid var(--rule)}
.cc-mesh>*{max-width:46rem}
.cc-mesh h2,.cc-hub h2{font:600 19px/1.3 var(--sans);margin:0 0 8px}
.cc-faq h3{font:600 16px/1.35 var(--sans);margin:14px 0 4px}
.cc-faq p{margin:0;font:400 16px/1.5 var(--sans);color:var(--ink)}
/* A list of places: name (the link, a 44 px row), then the date and the chip; at a phone's width the meta wraps under the name. */
.cc-list{list-style:none;margin:0;padding:0;display:grid;gap:0}
.cc-list li{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0 12px;padding:0 0 2px;border-bottom:1px solid var(--hair)}
.cc-list li>a{display:inline-flex;align-items:center;min-height:44px;font:600 16px/1.35 var(--sans);overflow-wrap:anywhere}
.cc-meta{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding-bottom:6px;font:400 14px/1.4 var(--sans);color:var(--ink2)}
.cc-list li>a+.cc-meta{padding-top:0}
/* The result chip: filled paper, a visible edge (the hairline alone vanished on white), ink text. */
.cc-chip{display:inline-block;padding:1px 8px;border:1px solid rgba(23,35,46,.3);border-radius:999px;background:var(--paper-2);font:600 13px/1.5 var(--sans);color:var(--ink);white-space:nowrap}
.cc-pages{margin-top:16px}
.cc-pages ul{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.cc-pages a,.cc-pages span[aria-current]{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--hair);border-radius:10px;font:600 15px/1 var(--sans)}
.cc-pages span[aria-current]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
/* Guides: the same 44 px hairline rows as the places. */
.cc-guide-list{list-style:none;margin:4px 0 0;padding:0}
.cc-guide-list li{border-bottom:1px solid var(--hair)}
.cc-guide-list li>a{display:inline-flex;align-items:center;min-height:44px;font:600 16px/1.35 var(--sans)}

/* The hub page (article.cc-hub, inside .find's 44rem): a document, not a hero. The section grid's gap and padding are set here, element by
   element, so the trail, the kicker, the H1 and the lead sit as one header; the lists and the questions follow at 32 px. */
.cc-hub.section{padding-top:8px;padding-bottom:36px;gap:0}
.cc-hub .kicker{margin:0 0 6px}
.cc-hub h1{text-align:left;max-width:none;font:700 clamp(28px,4vw,38px)/1.15 var(--serif);letter-spacing:-.01em;text-wrap:balance}
.cc-hub .lead{margin:10px 0 0;max-width:none;font:400 17px/1.5 var(--sans);color:var(--ink2)}
.cc-hub .cc-hub-fine{margin:18px 0 0}
.cc-hub-list{margin-top:4px}
.cc-guides,.cc-faq{margin-top:32px}
.cc-src{margin-top:24px}

/* The pre-footer: small, two or three columns where there is room, after everything of ours; each link a 44 px row. */
.cc-related{padding-block:20px 28px;border-top:1px solid var(--hair);max-width:none}
.cc-related h2{font:600 15px/1.3 var(--sans);color:var(--ink2);margin:0 0 6px}
.cc-related ul{list-style:none;margin:0;padding:0;columns:3 15rem;column-gap:28px}
.cc-related li{break-inside:avoid;padding:0}
.cc-related a{display:inline-flex;align-items:center;min-height:44px;font:400 14px/1.45 var(--sans);color:var(--ink2);text-decoration:underline;text-decoration-color:rgba(23,35,46,.35);text-underline-offset:3px}
.cc-related a:hover{color:var(--ink);text-decoration-color:currentColor}
/* An item's words as the link to its guide, inside the record: the page's own link style, no extra weight. */
a.cc-item{color:inherit;text-decoration:underline;text-decoration-color:var(--hair);text-underline-offset:3px}
a.cc-item:hover{text-decoration-color:currentColor}
@media (max-width:599px){.cc-mesh{gap:22px;padding-block:22px 4px}.cc-related ul{columns:1}.cc-hub .lead{font-size:16px}}