/* SurgiFacts.com – geographic landing pages, location archives and exhibition discovery (snippets 06, 12, 22).
   Uses only the --sfc-* tokens defined at the top of sf.css. */

/* ---------- Landing body */
.sf-lp{display:flex;flex-direction:column;gap:0;min-width:0}
.sf-lp>*{min-width:0}
.sf-lp .sf-results-title{margin:28px 0 16px}
.sf-lp-sec{margin-top:48px;padding-top:32px;border-top:1px solid var(--sfc-divider)}
.sf-lp-sec>.sf-h3{margin:0 0 16px}
.sf-lp-sub{margin:20px 0 10px;font-weight:600;color:var(--sfc-heading)}
.sf-lp-note{margin:12px 0 0;font-size:14px;color:var(--sfc-muted)}
.sf-lp-note a,.sf-lp-basis a,.sf-lp-market a{color:var(--sfc-secondary)}
.sf-lp .sf-chip.is-current{border-color:var(--sfc-primary);background:var(--sfc-secondary-soft);color:var(--sfc-primary);font-weight:600}
.sf-lp-terms{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.sf-lp-showall{margin-top:12px}
.sf-lp-showall>summary{cursor:pointer;font-weight:600;color:var(--sfc-secondary);padding:6px 0}
.sf-lp-showall>.sf-terms{margin-top:12px}

/* ---------- Search + filters */
.sf-lp-search{display:grid;grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr)) auto;gap:12px;align-items:end;padding:18px;border:1px solid var(--sfc-border);border-radius:14px;background:var(--sfc-surface);box-shadow:0 1px 2px color-mix(in srgb,var(--sfc-primary-deep) 5%,transparent)}
.sf-lp-search .sf-field{display:flex;flex-direction:column;gap:6px;margin:0;min-width:0}
.sf-lp-search__go .sf-btn{width:100%;white-space:nowrap;gap:8px}
.sf-lp-search__go svg{width:18px;height:18px}
.sf-lp-basis{display:flex;gap:10px;align-items:flex-start;margin:14px 0 0;font-size:14px;line-height:1.5;color:var(--sfc-muted)}
.sf-lp-basis svg{flex:0 0 auto;width:18px;height:18px;margin-top:1px;color:var(--sfc-secondary)}

/* ---------- Empty state */
.sf-lp-empty{text-align:left;margin-top:24px}
.sf-lp-empty__t{font-size:17px;font-weight:600;color:var(--sfc-heading);margin:0 0 6px}
.sf-lp-empty ul{margin:14px 0 0;padding-left:20px}
.sf-lp-empty li{margin:6px 0}
.sf-lp-empty a{color:var(--sfc-secondary)}

/* ---------- Regulation note */
.sf-lp-market{max-width:820px;padding:18px 20px;border-left:3px solid var(--sfc-secondary-light);background:var(--sfc-surface-soft);border-radius:0 12px 12px 0}
.sf-lp-market p{margin:0 0 10px;line-height:1.6;color:var(--sfc-text)}
.sf-lp-market p:last-child{margin-bottom:0}

/* ---------- FAQ */
.sf-lp-faq .sf-faq__list{max-width:900px}

/* ---------- CTA + final links */
.sf-lp-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:48px;padding:20px 22px;border:1px solid var(--sfc-border);border-radius:14px;background:var(--sfc-bg-alt)}
.sf-lp-cta .sf-h3{margin:0 0 4px;font-size:18px}
.sf-lp-cta p{margin:0;color:var(--sfc-muted);font-size:14.5px;line-height:1.5}
.sf-lp-cta .sf-btn{flex:0 0 auto}
.sf-lp-links{margin-top:28px}
.sf-lp-links ul{display:flex;flex-wrap:wrap;gap:8px 22px;margin:0;padding:0;list-style:none}
.sf-lp-links a{color:var(--sfc-secondary);font-weight:500}

/* ---------- Location archive extras (snippet 06) */
.sf-locx .sf-lp-sec:first-child{margin-top:0;padding-top:0;border-top:0}

/* ---------- Exhibition discovery (snippet 22) */
.sf-xsearch{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr)) repeat(2,minmax(0,.8fr)) auto;gap:10px;align-items:end;margin-top:26px;padding:16px;border-radius:14px;background:var(--sfc-surface);box-shadow:0 10px 30px color-mix(in srgb,var(--sfc-primary-deep) 18%,transparent)}
.sf-xsearch .sf-field{display:flex;flex-direction:column;gap:6px;margin:0;min-width:0}
.sf-xsearch .sf-field label{color:var(--sfc-muted)}
.sf-xsearch .sf-btn{white-space:nowrap}
.sf-xsearch__go{display:flex;gap:8px}
.sf-xsearch__go a{align-self:center;font-size:14px;color:var(--sfc-secondary);white-space:nowrap}
.sf-xactive{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.sf-xactive a{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--sfc-border-strong);background:var(--sfc-white);color:var(--sfc-heading);font-size:13px;text-decoration:none}
.sf-xactive a:hover{border-color:var(--sfc-secondary);color:var(--sfc-secondary)}
.sf-xpast{margin:28px 0 0;padding:16px 18px;border:1px solid var(--sfc-border);border-radius:12px;background:var(--sfc-surface-soft)}
.sf-xpast a{color:var(--sfc-secondary);font-weight:600}
.sf-xplan{margin:0;padding-left:20px;max-width:860px}
.sf-xplan li{margin:8px 0;line-height:1.6}
.sf-xlocx{padding:8px 0 80px}

/* ---------- Responsive */
@media (max-width:1180px){
  .sf-xsearch{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sf-xsearch .sf-field--q{grid-column:1/-1}
  .sf-xsearch__go{grid-column:1/-1}
}
@media (max-width:900px){
  .sf-lp-search{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sf-lp-search__q,.sf-lp-search__go{grid-column:1/-1}
}
@media (max-width:640px){
  .sf-lp-search{grid-template-columns:minmax(0,1fr);padding:14px}
  .sf-xsearch{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}
  .sf-xsearch .sf-field--wide{grid-column:1/-1}
  .sf-lp-cta{flex-direction:column;align-items:flex-start}
  .sf-lp-terms{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
  .sf-lp-sec{margin-top:36px;padding-top:24px}
}