/* Shared navigation and authored county-guide improvements. */
.skip-link {
  position: fixed;
  top: 8px;
  left: 12px;
  z-index: 1000;
  padding: 12px 18px;
  border: 2px solid #061728;
  border-radius: 8px;
  background: #fff;
  color: #061728;
  font-weight: 800;
  transform: translateY(-180%);
}
.skip-link:focus { transform: translateY(0); }
a:focus-visible, button:focus-visible, summary:focus-visible {
  outline: 3px solid #9c6813;
  outline-offset: 4px;
}
main[id], .seller-guide section[id], .seller-guide h2[id],
#contra-costa-county-guides, #alameda-county-guides {
  scroll-margin-top: 12rem;
}
.guide-breadcrumb {
  display: block;
  margin: 0 0 20px;
  font-size: 14px;
  line-height: 1.7;
  overflow-wrap: anywhere;
}
.guide-breadcrumb a, .guide-toc a, .guide-resources a,
.county-guide-shortcuts a, .source-note a { text-decoration: underline; }
.guide-byline, .source-note { color: #475569; font-size: 14px; line-height: 1.65; }
.guide-toc, .guide-resources, .county-guide-links {
  margin: 28px 0;
  padding: 24px;
  border: 1px solid #dbe2ea;
  border-radius: 16px;
  background: #f8fafc;
  min-width: 0;
}
.guide-toc h2 { font-size: 22px; margin-top: 0; }
.guide-toc ul, .guide-resources ul { margin-bottom: 0; }
.guide-toc li, .guide-resources li { padding: 4px 0; }
.guide-toc a, .guide-resources a { overflow-wrap: anywhere; }
.seller-guide section { min-width: 0; }
.seller-guide section > h2 { line-height: 1.2; }
.seller-guide li { margin-bottom: 8px; }
.seller-guide .final-inline-cta { display: flex; gap: 12px; flex-wrap: wrap; }
.county-directory-group { margin-top: 24px; }
.county-directory-group h3 { margin-bottom: 12px; }
.county-guide-shortcuts { margin-top: 24px; line-height: 1.8; }
.county-guide-links h2 { margin-top: 0; }
/* Keep the choice readable despite older compact-form !important rules. */
#offer-form .consent, #contact-form .consent {
  font-size: 14px !important;
  line-height: 1.5 !important;
  grid-template-columns: 20px minmax(0, 1fr) !important;
}
#offer-form .consent input, #contact-form .consent input {
  width: 20px !important;
  min-width: 20px !important;
  height: 20px !important;
  min-height: 20px !important;
}
@media (max-width: 560px) {
  .guide-toc, .guide-resources, .county-guide-links { padding: 18px 14px; }
  .seller-guide .final-inline-cta .btn { width: 100%; min-width: 0; }
  .guide-breadcrumb { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  .skip-link, .btn { transition: none !important; }
}