/* NoteTree — static page styles
 *
 * Keeps the splash background color visible before Flutter's first frame
 * paints. Originally inlined in web/index.html; moved here so the HTML
 * document itself contains no inline <style> blocks.
 *
 * The CSP retains `style-src 'self' 'unsafe-inline'` because Flutter web
 * still injects inline <style> elements at runtime (CanvasKit/HTML
 * renderers). See web/_headers for the trade-off note. */

body {
  margin: 0;
  padding: 0;
  background: #4caf50;
}

.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  padding: 8px 16px;
  background: #ffffff;
  color: #1b5e20;
  font-weight: 700;
  text-decoration: none;
  z-index: 1000;
}

.skip-link:focus {
  top: 0;
}

main {
  display: block;
}

footer {
  padding: 8px 16px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
}