/* Atlas — production app additions (shared across app/ pages)
   Layered on top of atlas.css (the approved WS-3a design system). */

/* placeholder banner — marks surfaces whose backend isn't wired yet */
.placeholder-note{
  max-width:1160px;margin:14px auto 0;padding:10px 32px;
}
.placeholder-note .inner{
  background:var(--coral-soft);border:1.5px dashed var(--coral);border-radius:14px;
  padding:10px 16px;font-size:13px;font-weight:600;color:var(--ink-soft);
  display:flex;gap:10px;align-items:center;
}
.placeholder-note .inner b{color:var(--coral)}

/* shared app footer nav */
footer.app-foot{
  max-width:1160px;margin:40px auto 30px;padding:18px 32px;border-top:1px solid var(--border);
  font-size:12.5px;color:var(--ink-faint);display:flex;gap:18px;flex-wrap:wrap;position:relative;z-index:2;
}
footer.app-foot a{color:var(--brand);font-weight:700}
footer.app-foot .spacer{margin-left:auto}

/* responsive nav + layout (mobile-first patterns for hill 9 wrap) */
@media (max-width: 860px){
  .topnav{gap:12px;padding:12px 16px;flex-wrap:wrap}
  .topnav .search{display:none}
  .navlinks{gap:2px;margin-left:0}
  .navlinks a{padding:7px 12px;font-size:13.5px}
  .safety-ribbon{font-size:12px;padding:8px 12px;text-align:center}
  footer.app-foot,.placeholder-note{padding-left:16px;padding-right:16px}
}