/* shared/foot.css — the copyright and cookie notice.
 *
 * Its own file because the pages that carry it do not share a stylesheet: the
 * console has console.css, Extractor and the sign-in pages have shared/ui.css, and
 * Chat has both. Defining it twice would be two definitions to keep in step, and
 * the notice is the one thing on these pages that should read identically
 * everywhere.
 *
 * Quiet, and last in the column, so whatever is above it keeps the space. It wraps
 * to two lines on a narrow screen rather than pushing content off the bottom. */
.sitefoot{flex:0 0 auto;
  display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem;
  padding:10px 2px 0;margin-top:12px;border-top:1px solid var(--rule);
  color:var(--muted-2);font-size:.6875rem;line-height:1.5}
.sitefoot .copy{white-space:nowrap}
.sitefoot .sep{opacity:.6}
.sitefoot .cookies{flex:1 1 16rem;min-width:0}
@media (max-width:40rem){ .sitefoot .sep{display:none} .sitefoot .cookies{flex-basis:100%} }

/* Inside a bounded application window the notice sits within the frame, so it
   needs the frame's padding rather than the page's. */
.app > .sitefoot{margin-top:0;padding:8px 16px;background:var(--sunk)}
@media (max-width:40rem){ .app > .sitefoot{padding:7px 12px} }