/* A place page (/places-to-pilf/{place}/), v2 — Oct 20, 2026, overnight build C (branch site-home-place). Tokens only (static/pilf.css › :root);
   type sizes are DESIGN.md's type styles. Loaded by templates/place.html only [C]. */

main > .pl2-head, main > .pl2-here, main > .pl2-steps, main > .pl2-foot { display: flex; flex-direction: column; gap: var(--space-3); }
.pl2-head .lead { color: var(--ink-75); }
.pl2-addr a { color: var(--forest); }

/* the place's photo, when the desk has one [M Oct 20, place-photo] */
.pl2-ph { margin: 0; aspect-ratio: 4 / 3; overflow: hidden; background: var(--photo); }
.pl2-ph img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* Here now [M Oct 20, place-here] */
.pl2-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6) var(--space-4); }
@media (min-width: 700px) { .pl2-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .pl2-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-7) var(--gutter); } }
.plc { display: flex; flex-direction: column; gap: var(--space-2); min-width: 0; }
.plc-a { display: flex; flex-direction: column; gap: var(--space-2); color: var(--ink); text-decoration: none; }
.plc-a:hover { color: var(--forest); }
.plc-img { display: block; }
.plc-img .stg { width: 100%; }
.plc-nm { font-family: var(--font-name); font-size: 15px; line-height: 1.2; font-weight: 600; overflow-wrap: anywhere; }
.plc-sc { display: flex; align-items: center; gap: var(--space-2); margin: 0; color: var(--ink-66); }
.plc-sc .mxi { flex: none; color: var(--ink); }
.plc-ep { display: flex; flex-direction: column; gap: 0; min-width: 0; }
.plc-ep > span { font-family: var(--font-name); font-size: 14px; line-height: 1.3; font-weight: 600; color: var(--ink); display: flex; flex-wrap: wrap; align-items: baseline; column-gap: var(--space-1); }
.plc-ep .v { white-space: nowrap; }   /* at larger text the score drops under its word, never the /5 alone [C] */
.plc-ep .k { font-size: 10.5px; letter-spacing: .18em; text-transform: uppercase; color: var(--ink-66); }
.plc-ep small { font-size: 10.5px; font-weight: 600; color: var(--ink-45); }
.plc-pr { margin: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 var(--space-2); }
.plc-pr b { font-family: var(--font-name); font-size: 18px; line-height: 1.25; font-weight: 600; color: var(--ink); }
.plc-pr span { font-size: 14px; line-height: 1.4; font-weight: 400; color: var(--ink-66); }

/* none left: the card keeps its place, faded, with its state and where else it is [M Oct 20, place-here: "just sold" and "none left"] */
.plc[data-gone] .plc-img { opacity: .45; filter: grayscale(.6); }
.plc[data-gone] .plc-sc { opacity: .66; }
.plc-na { margin: 0; display: flex; flex-direction: column; gap: 0; font-size: 14px; line-height: 1.4; }
.plc-na b { font-family: var(--font-name); font-size: 10.5px; letter-spacing: .18em; text-transform: uppercase; font-weight: 600; color: var(--ink); }
.plc-na.just b { color: var(--clay); }
.plc-na a { font-family: var(--font-name); font-size: 14px; font-weight: 500; color: var(--forest); text-decoration: none; min-height: var(--tap); display: inline-flex; align-items: center; }
.plc-na a:hover { text-decoration: underline; }

/* How to PILF [M Oct 20, place-steps] */
.pl2-steps { padding-top: var(--space-6); border-top: 1px solid var(--ink-15); }
.pl2-how .textlink { min-height: var(--tap); display: inline-flex; align-items: center; }
.pl2-foot { padding-top: var(--space-4); border-top: 1px solid var(--ink-15); }
.pl2-foot a { color: var(--forest); }
.plc-lbl { display: flex; flex-direction: column; justify-content: flex-end; gap: var(--space-1); padding: var(--space-3); background: var(--photo); }
.plc-lbl b { font-family: var(--font-name); font-size: 15px; font-weight: 600; line-height: 1.2; }
.plc-lbl em { font-family: var(--font-body); font-size: 14px; line-height: 1.3; color: var(--ink-66); }
.pl2-head .lead:empty { display: none; }   /* a place with no line yet [C] */