/* Get alerts: header button and hero signup box */
.alerts-btn { order: 4; display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 16px; background: var(--ink); color: #fff; font-family: var(--head); font-weight: 700; font-size: 1.15rem; line-height: 1; text-decoration: none; white-space: nowrap; border-radius: 4px; flex: none; }
.alerts-btn:hover { background: var(--blue); color: var(--ink); }
.site-head .brand { order: 1; }
.site-head .search-btn { order: 2; }
.site-head .nav { order: 3; }
.site-head .menu-btn { order: 4; }
html { scroll-padding-top: 12px; }
#get-alerts { scroll-margin-top: 12px; }

.signup.compact { margin: 0 0 20px; padding: 16px 18px; max-width: 34rem; background: var(--ink-2); border-top-width: 4px; }
.signup.compact .signup-head { font-size: 1.5rem; margin-bottom: 0.15em; }
.signup.compact p { margin: 0 0 10px; font-size: 1rem; }
.signup.compact .signup-row { flex-wrap: wrap; }
.signup.compact .fine { margin: 8px 0 0; }
.signup.compact .signup-msg { margin: 6px 0 0; min-height: 0; }
.signup.compact .signup-msg:empty { display: none; }

.updates-grid.solo { grid-template-columns: minmax(0, 1fr); }

@media (max-width: 820px) {
  .site-head .alerts-btn { order: 3; margin-left: 0; }
  .site-head .menu-btn { order: 4; }
  .site-head .nav { order: 5; }
}
@media (max-width: 480px) {
  .alerts-btn { padding: 0 10px; font-size: 1.05rem; }
  .signup.compact { padding: 14px 14px; margin-bottom: 16px; }
  .signup.compact .signup-head { font-size: 1.35rem; }
}
@media (max-width: 420px) {
  .js .menu-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .js .menu-btn { min-width: 44px; justify-content: center; padding: 0 10px; }
}

.signup.compact .signup-row input { flex-basis: 150px; }
@media (max-width: 340px) {
  .brand-mark { display: none; }
}

/* Review fixes */
@media (min-width: 821px) and (max-width: 1100px) {
  .brand-tag, .search-label { display: none; }
  .nav a { padding: 0 8px; font-size: 0.95rem; }
  .site-head .wrap { flex-wrap: wrap; }
}
.hero-bg::after { background: linear-gradient(90deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.8) 55%, rgba(0,0,0,0.62) 100%); }
.site-foot :focus-visible { outline-color: #fff; box-shadow: 0 0 0 2px #000; }
.page .items a:hover { background: var(--paper); }
@media print {
  .guide-sec, .yard-sec, .updates-sec, .ins-sec, .hero-bg { display: none; }
}

/* Hero photo shows through */
.hero { min-height: 560px; display: flex; align-items: center; }
.hero > .wrap { width: 100%; }
.hero-bg::after { background: linear-gradient(90deg, rgba(0,0,0,0.84) 0%, rgba(0,0,0,0.7) 45%, rgba(0,0,0,0.2) 100%); }
.hero h1, .hero .lede, .hero .byline { text-shadow: 0 1px 14px rgba(0,0,0,0.55); }
@media (max-width: 820px) {
  .hero { min-height: 0; }
  .hero-bg::after { background: linear-gradient(180deg, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0.6) 100%); }
}