/* Ya Estoy Aquí — mapped CHC catchment summary (2026-09-28; ADR-0037, accepted 2026-09-29).
   Loaded by directory.html, guide-map.html and map.html. Nothing new is introduced: the panel is
   the site's existing paper box with an ink border (.nearme), the text is the body type scale,
   and links keep the shared link colour plus an underline (never colour alone, WCAG 1.4.1). */

.catch-summary{border:2px solid var(--ink);background:var(--paper);padding:12px 14px;margin:6px 0 16px;}
/* directory-shared.css gives #catchList the card-list gap; the summary is prose, not cards. */
.catch-summary #catchList{display:block;}
.catch-h{font-family:var(--display);font-size:clamp(16px,2.2vw,19px);font-weight:400;margin:0 0 6px;}
.catch-loc{font-size:13px;font-weight:600;margin:0 0 8px;color:#4a4547;overflow-wrap:anywhere;}
.catch-msg{margin:0 0 8px;font-size:15px;line-height:1.55;}
.catch-none{font-weight:700;}
.catch-orgs{margin:0 0 10px;padding-left:22px;}
.catch-orgs li{margin:0 0 6px;font-size:15px;line-height:1.5;}
.catch-orgs a{font-weight:700;text-decoration:underline;}
.catch-summary a{color:var(--purple-fill, #8F5FAC);text-decoration:underline;}
.catch-summary a:focus-visible{outline:3px solid var(--purple-deep);outline-offset:2px;}
.catch-part,.catch-details{font-size:14px;}
.catch-caution{font-size:14px;font-weight:600;}
.catch-distance{font-size:14px;margin-bottom:0;}
.catch-summary .callout{margin:10px 0 0;font-size:14px;}

/* ---- map.html only: the location panel. The directory pages style the same markup in
   directory-shared.css, which also carries their page chrome and so cannot be loaded here;
   these rules repeat its values under .chc-lookup, and change nothing on the directory pages. */
.chc-lookup{border:2px solid var(--ink);background:var(--paper);padding:12px 14px;margin:24px 0 16px;}
.chc-lookup .dir-q{font-family:var(--display);font-weight:400;font-size:clamp(18px,2.6vw,22px);margin:0 0 3px;}
.chc-lookup .dir-hint{font-size:13.5px;font-weight:600;margin:0 0 10px;}
.chc-lookup .near-row{display:flex;flex-wrap:wrap;gap:12px;align-items:end;}
.chc-lookup .dir-field{display:flex;flex-direction:column;gap:6px;flex:1 1 220px;}
.chc-lookup .dir-field label{font-weight:700;font-size:14px;}
.chc-lookup .dir-field input{border:3px solid var(--ink);padding:10px 12px;font:inherit;font-size:16px;background:var(--paper);width:100%;}
.chc-lookup .dir-field input:focus-visible{outline:3px solid var(--purple-deep);outline-offset:2px;}
.chc-lookup .near-btn{font:inherit;font-weight:700;font-size:14px;background:var(--lime);color:var(--ink);
  border:3px solid var(--ink);padding:10px 16px;cursor:pointer;min-height:44px;}
.chc-lookup .near-btn:hover,.chc-lookup .near-btn:focus-visible{box-shadow:3px 3px 0 var(--ink);outline:3px solid var(--purple-deep);outline-offset:2px;}
.chc-lookup .near-geo{background:var(--paper);}
.chc-lookup .dir-reset{font:inherit;font-weight:700;font-size:14px;background:var(--ink);color:var(--paper);border:3px solid var(--ink);padding:10px 16px;cursor:pointer;min-height:44px;}
.chc-lookup .dir-reset:hover,.chc-lookup .dir-reset:focus-visible{background:var(--paper);color:var(--ink);outline:3px solid var(--purple-deep);outline-offset:2px;}
.chc-lookup .near-privacy{font-size:13px;font-weight:600;margin:10px 0 0;color:#4a4547;}
/* The line naming Google, shown only while Google postal-code suggestions are on (google-postal.js, 2026-10-05). */
.chc-lookup .near-privacy-google a{color:inherit;text-decoration:underline;}
.chc-lookup .near-status{font-weight:700;margin:8px 0 0;min-height:1em;}
.chc-lookup .near-status.near-error{color:#B3261E;}
.chc-lookup .near-status.near-ok{color:#1a6b3c;}
.chc-lookup .near-status.near-ok.near-qualified{color:var(--ink);}
.chc-lookup .catch-summary{margin:12px 0 0;border-width:2px;}
.chc-lookup .combo-wrap{position:relative;}
.chc-lookup .combo-list{position:absolute;z-index:40;left:0;right:0;top:100%;margin:2px 0 0;padding:0;list-style:none;
  background:var(--paper);border:3px solid var(--ink);box-shadow:5px 5px 0 rgba(34,30,31,.3);max-height:min(260px, 50vh);overflow:auto;}
@media screen and (min-width:300px) and (max-width:560px) and (min-height:420px){ .chc-lookup .combo-list{z-index:29;} }
@media screen and (min-width:561px) and (min-height:480px){ .chc-lookup .combo-list{z-index:29;} }
.chc-lookup .combo-list.combo-list--offered{position:static;margin:6px 0 0;box-shadow:none;}
.chc-lookup .combo-list li{padding:10px 12px;font-size:14px;font-weight:600;cursor:pointer;overflow-wrap:anywhere;}
.chc-lookup .combo-list li[aria-selected="true"], .chc-lookup .combo-list li:hover{background:var(--lime);}
/* Outlined as well as tinted (see directory-shared.css, 2026-10-04). */
.chc-lookup .combo-list li[aria-selected="true"]{outline:3px solid var(--ink);outline-offset:-3px;}
/* The precision note on its own line, as directory-shared.css gives it on the directory pages; map.html
   does not load that file, so the note ran into the address ("CanadaDifferent street", 2026-09-30). */
.chc-lookup .combo-list .combo-note{display:block;margin-top:2px;font-size:12.5px;font-weight:700;color:#4a4547;}
/* A provider's required credit (location-search.js showCredit, 2026-10-05): Google's own logo file, 18 px high, with
   Google's clear space (10 px left, right and top; 5 px below), as the top of the same bordered box as the
   suggestions. Shown only while that provider's suggestions are. */
/* The credit floats WITH the suggestions (2026-10-05): it is absolutely positioned under the field and the list starts
   right under it, so opening or closing suggestions never moves anything else on the page. 36 px = 3 px border + 10 px
   + 18 px logo + 5 px. Choices offered after a search sit in the page flow, and so does their credit. */
.chc-lookup .combo-credit{position:absolute;z-index:40;left:0;right:0;top:100%;box-sizing:border-box;height:36px;margin:2px 0 0;
  padding:10px 10px 5px;background:var(--paper);border:3px solid var(--ink);border-bottom:0;text-align:right;line-height:0;
  box-shadow:5px 0 0 rgba(34,30,31,.3);}
@media screen and (min-width:300px) and (max-width:560px) and (min-height:420px){ .chc-lookup .combo-credit{z-index:29;} }
@media screen and (min-width:561px) and (min-height:480px){ .chc-lookup .combo-credit{z-index:29;} }
.chc-lookup .combo-credit img{display:inline-block;height:18px;width:auto;}
.chc-lookup .combo-wrap--credit .combo-list{top:calc(100% + 38px);margin-top:0;}
.chc-lookup .combo-wrap--offered .combo-credit{position:static;margin:6px 0 0;box-shadow:none;}
.chc-lookup .combo-wrap--credit .combo-list.combo-list--offered{margin-top:0;}
.chc-lookup .combo-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
/* map.html has no .sr-only rule of its own (the directory pages get it from directory-shared.css), so
   the panel's live-region announcement was printed and shown as a visible line (2026-09-28 QA). Same
   declaration as directory-shared.css. */
.chc-lookup .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
.chc-lookup-fallback{border:3px dashed var(--ink);padding:13px 17px;background:#FFF6DC;margin:24px 0 16px;font-size:15px;}
.chc-lookup-fallback a{text-decoration:underline;}
.chc-credit{font-size:13px;color:#4C4C4C;line-height:1.6;margin:0 0 16px;}
/* The field has the whole first row at every width (2026-10-05): long addresses stay readable, and the buttons sit
   below it, where the floating suggestions cover them only while they are open. */
.chc-lookup .near-row .dir-field{flex-basis:100%;}
/* As on the directory pages: the credit's links print their addresses (OSMF attribution guidelines). */
@media print{.chc-credit#nearCredit a[href]::after{content:" (" attr(href) ")";}}

/* ---- The postal-code CHC check (postal-catchment.js; DRAFT 2026-10-02). On map.html it reuses the
   .chc-lookup panel above; on the directory pages the .nearme panel. Only existing tokens are used:
   ink borders on paper, the shared link colour, Movement for headings. A
   warning is marked by a left rule AND its own words, never by colour alone. */
.postal-check{margin-top:6px;}
/* map.html has no global [hidden] rule, and the display values below would otherwise override it. */
.postal-check[hidden],.postal-check [hidden]{display:none !important;}
.postal-hint{display:block;margin:0 0 6px;font-size:13px;font-weight:600;color:#4a4547;}
.postal-results{margin-top:8px;}
.postal-results-h,.postal-cat-h{font-family:var(--display);font-weight:400;margin:14px 0 6px;font-size:clamp(17px,2.4vw,20px);}
.postal-warn{border-left:5px solid var(--ink);background:#FFF6DC;padding:6px 10px;margin:0 0 8px;font-size:14px;font-weight:600;}
/* RESULTS ARE CENTRE NAMES (2026-10-03): a plain list, each name a link to its directory card, normal body
   size, one centre per line, a 44px tap target and the shared focus ring. */
.postal-cat{margin:0 0 10px;}
.postal-list{list-style:none;margin:0;padding:0;}
.postal-list li{margin:0;padding:0;}
.postal-list a,.postal-browse a{display:inline-block;padding:10px 0;font-size:16px;font-weight:700;line-height:1.5;
  color:var(--purple-fill,#8F5FAC);text-decoration:underline;}
.postal-list a:hover,.postal-browse a:hover{text-decoration-thickness:2px;}
.postal-list a:focus-visible,.postal-browse a:focus-visible{outline:3px solid var(--purple-deep);outline-offset:2px;}
.postal-browse{margin:4px 0 0;}
.postal-credit{font-size:13px;color:#4a4547;}
@media print{#postalCredit a[href]::after{content:" (" attr(href) ")";}}
/* ONE FIELD (2026-10-02). On the CHC finder the shared location panel carries two wordings: the general
   one (.loc-any) and the CHC door's (.loc-chc-only), shown while postal-catchment.js marks #locPanel
   .loc-chc. Without that script the general wording stays, as on every other door. */
#locPanel .loc-chc-only{display:none;}
#locPanel.loc-chc .loc-chc-only{display:inline;}
#locPanel.loc-chc .postal-hint.loc-chc-only{display:block;}
#locPanel.loc-chc .loc-any{display:none;}
/* ADDRESS-ONLY MODE (2026-10-06): <html class="gp-on"> while Google address suggestions serve the page's CURRENT mode
   (location-search.js; on Find Care it follows the door). The label drops "intersection", the Google line replaces the
   other short line, and the GeoNames credit for postal-code points shows where only that mode uses them. */
.gp-on-text{display:none;}
html.gp-on .gp-on-text{display:inline;}
html.gp-on .gp-off-text{display:none;}
html:not(.gp-on) .near-privacy-google,
html:not(.gp-on) .gp-on-block{display:none;}
html.gp-on .near-privacy:not(.near-privacy-google):not(.near-credit){display:none;}
/* The place-search credit names OpenStreetMap only while its search is the active one, or its data placed the current
   location (an old shared link; <html class="osm-loc">). The census, Statistics Canada and GeoNames credits stay. */
html.gp-on:not(.osm-loc) .osm-search-credit{display:none;}
/* "Postal code used: …" and "Change search": a plain secondary action, underlined like a link, with a
   44px target and the shared focus ring. */
.postal-used{margin:0 0 10px;font-size:15px;}
.postal-change{font:inherit;font-weight:700;background:none;border:0;padding:10px 0;min-height:44px;
  color:var(--purple-fill,#8F5FAC);text-decoration:underline;cursor:pointer;text-align:left;}
.postal-change:hover{text-decoration-thickness:2px;}
.postal-change:focus-visible{outline:3px solid var(--purple-deep);outline-offset:2px;}
.postal-check .near-status:empty{display:none;}
.postal-check .postal-status-quiet{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}