/* EDITED IN PLACE (10/11, docs/GRADES-ON-PAGES.md: generators are retired for built pages). This file is no longer
   generated: mocks/src/people-attractions/make_css.py made its first build and now refuses to overwrite it without --force.
   Edit the rules here; tools/css_lint.py guards them (a rule two pages share goes in core.css). The note below is history. */
/* TG attractions.css: Attractions page (light pass on the live page). Part 1 is generated by
   mocks/src/people-attractions/make_css.py: the live TownTapestry app.css rules the live Attractions pages use
   (tools/css_audit.py, @media wrappers kept), minus every rule core.css already has (rules shared with another
   page file go to core.css through tools/css_dedupe.py). Part 2 is this page's additions
   (mocks/src/people-attractions/attractions-additions.css). */
.at-pills{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 14px}
.at-pills button{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px;font-weight:600;font-size:13.5px}
.at-list{display:grid;gap:10px}
.at-rb{padding:12px 14px 12px 0;display:flex;flex-direction:column;gap:4px;min-width:0}
.at-rb h3{font-size:16.5px}
.at-rb h3 a:hover{color:var(--accent-ink)}
.at-rb .meta{color:var(--muted);font-size:13px}
.at-rb .acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px;font-size:13.5px;font-weight:600}
.at-rb .acts a{color:var(--accent-ink)}
.at-feature{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);border-radius:var(--r-lg);overflow:hidden;background:var(--night);color:#fff}
.at-feature>img,.at-feature>.at-noimg{width:100%;height:100%;object-fit:cover;min-height:240px}
.at-feature .fb{padding:22px;display:flex;flex-direction:column;gap:8px;justify-content:center;min-width:0}
.at-feature .kick{color:var(--accent-soft)}
.at-feature h3{font-size:26px;line-height:1.1}
.at-feature p{margin:0;color:#cfd6df}
.at-map{position:relative;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:#f4f7f5}
.at-ask{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:18px 20px;border-radius:var(--r-lg);background:var(--accent-tint);border:1px solid #cdeedb}
.at-ask b{display:block;font-size:16px}
.at-ask small{color:var(--muted)}
@media (max-width:640px){
  .at-feature{grid-template-columns:1fr}
  .at-feature>img,.at-feature>.at-noimg{min-height:180px}
}

/* Part 2: additions. The one line each to Outdoors and History (audit B4). */
.at-more{margin:16px 0 0;font-size:14px}
/* The town's outline under the map's points (atb_mapsvg() $rings), every edition. */
.at-town{fill:rgba(47,116,208,.08);stroke:#2f74d0;stroke-width:2;stroke-dasharray:7 5}
/* Every edition's map (atb_mapsvg()): OpenStreetMap tiles, quietened as the Schools maps' are, under the town's outline. */
.at-tiles{opacity:.6;filter:grayscale(.8)}
/* A block without a section heading (the feature card, the Town Square line) takes the heading's 44px (.sh), so every
   edition's page keeps one rhythm. */
.at-blk{margin-top:44px}